#menu-wrap,
.overlay,
div#preloader {
    position: fixed;
    left: 0
}

.ppc-wrap,
.social-media-page,
.what-ex-cvr,
.work-page,
body {
    overflow-x: hidden
}

.cbp-qtrotator .cbp-qtcontent:after,
.clr,
.my-inline-form,
.our-approach-row .col-md-6:nth-child(odd),
.ppc-case-details-slider ul li:nth-child(4n+1),
.seo-comp-india .download-files ul,
.seo-comp-steps ul li:nth-child(odd),
.work-page .work-list .row div[class*=col-]:nth-child(4n+1) {
    clear: both
}

@font-face {
    font-family: 'Josefin Sans';
    src: url('../font/JosefinSans-Light.eot');
    src: url('../font/JosefinSans-Light.eot') format('embedded-opentype'), url('../font/JosefinSans-Light.svg') format('svg'), url('../font/JosefinSans-Light.ttf') format('truetype'), url('../font/JosefinSans-Light.woff') format('woff'), url('../font/JosefinSans-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Josefin Sans';
    src: url('../font/JosefinSans-Regular.eot');
    src: url('../font/JosefinSans-Regular.eot') format('embedded-opentype'), url('../font/JosefinSans-Regular.svg') format('svg'), url('../font/JosefinSans-Regular.ttf') format('truetype'), url('../font/JosefinSans-Regular.woff') format('woff'), url('../font/JosefinSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Josefin Sans';
    src: url('../font/JosefinSans-SemiBold.eot');
    src: url('../font/JosefinSans-SemiBold.eot') format('embedded-opentype'), url('../font/JosefinSans-SemiBold.svg') format('svg'), url('../font/JosefinSans-SemiBold.ttf') format('truetype'), url('../font/JosefinSans-SemiBold.woff') format('woff'), url('../font/JosefinSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Josefin Sans';
    src: url('../font/JosefinSans-Bold.eot');
    src: url('../font/JosefinSans-Bold.eot') format('embedded-opentype'), url('../font/JosefinSans-Bold.svg') format('svg'), url('../font/JosefinSans-Bold.ttf') format('truetype'), url('../font/JosefinSans-Bold.woff') format('woff'), url('../font/JosefinSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Josefin Sans';
    src: url('../font/JosefinSans-BoldItalic.eot');
    src: url('../font/JosefinSans-BoldItalic.eot') format('embedded-opentype'), url('../font/JosefinSans-BoldItalic.svg') format('svg'), url('../font/JosefinSans-BoldItalic.ttf') format('truetype'), url('../font/JosefinSans-BoldItalic.woff') format('woff'), url('../font/JosefinSans-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url('../font/Montserrat-Light.eot');
    src: url('../font/Montserrat-Light.eot') format('embedded-opentype'), url('../font/Montserrat-Light.svg') format('svg'), url('../font/Montserrat-Light.ttf') format('truetype'), url('../font/Montserrat-Light.woff') format('woff'), url('../font/Montserrat-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url('../font/Montserrat-Regular.eot');
    src: url('../font/Montserrat-Regular.eot') format('embedded-opentype'), url('../font/Montserrat-Regular.svg') format('svg'), url('../font/Montserrat-Regular.ttf') format('truetype'), url('../font/Montserrat-Regular.woff') format('woff'), url('../font/Montserrat-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url('../font/Montserrat-Medium.eot');
    src: url('../font/Montserrat-Medium.eot') format('embedded-opentype'), url('../font/Montserrat-Medium.svg') format('svg'), url('../font/Montserrat-Medium.ttf') format('truetype'), url('../font/Montserrat-Medium.woff') format('woff'), url('../font/Montserrat-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url('../font/Montserrat-MediumItalic.eot');
    src: url('../font/Montserrat-MediumItalic.eot') format('embedded-opentype'), url('../font/Montserrat-MediumItalic.svg') format('svg'), url('../font/Montserrat-MediumItalic.ttf') format('truetype'), url('../font/Montserrat-MediumItalic.woff') format('woff'), url('../font/Montserrat-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url('../font/Montserrat-SemiBold.eot');
    src: url('../font/Montserrat-SemiBold.eot') format('embedded-opentype'), url('../font/Montserrat-SemiBold.svg') format('svg'), url('../font/Montserrat-SemiBold.ttf') format('truetype'), url('../font/Montserrat-SemiBold.woff') format('woff'), url('../font/Montserrat-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url('../font/Montserrat-SemiBoldItalic.eot');
    src: url('../font/Montserrat-SemiBoldItalic.eot') format('embedded-opentype'), url('../font/Montserrat-SemiBoldItalic.svg') format('svg'), url('../font/Montserrat-SemiBoldItalic.ttf') format('truetype'), url('../font/Montserrat-SemiBoldItalic.woff') format('woff'), url('../font/Montserrat-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url('../font/Montserrat-Bold.eot');
    src: url('../font/Montserrat-Bold.eot') format('embedded-opentype'), url('../font/Montserrat-Bold.svg') format('svg'), url('../font/Montserrat-Bold.ttf') format('truetype'), url('../font/Montserrat-Bold.woff') format('woff'), url('../font/Montserrat-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../font/Nunito-Light.eot');
    src: url('../font/Nunito-Light.eot') format('embedded-opentype'), url('../font/Nunito-Light.svg') format('svg'), url('../font/Nunito-Light.ttf') format('truetype'), url('../font/Nunito-Light.woff') format('woff'), url('../font/Nunito-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../font/Nunito-Regular.eot');
    src: url('../font/Nunito-Regular.eot') format('embedded-opentype'), url('../font/Nunito-Regular.svg') format('svg'), url('../font/Nunito-Regular.ttf') format('truetype'), url('../font/Nunito-Regular.woff') format('woff'), url('../font/Nunito-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../font/Nunito-SemiBold.eot');
    src: url('../font/Nunito-SemiBold.eot') format('embedded-opentype'), url('../font/Nunito-SemiBold.svg') format('svg'), url('../font/Nunito-SemiBold.ttf') format('truetype'), url('../font/Nunito-SemiBold.woff') format('woff'), url('../font/Nunito-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../font/Nunito-Bold.eot');
    src: url('../font/Nunito-Bold.eot') format('embedded-opentype'), url('../font/Nunito-Bold.svg') format('svg'), url('../font/Nunito-Bold.ttf') format('truetype'), url('../font/Nunito-Bold.woff') format('woff'), url('../font/Nunito-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Oswald;
    src: url('../font/Oswald-Regular.eot');
    src: url('../font/Oswald-Regular.eot') format('embedded-opentype'), url('../font/Oswald-Regular.svg') format('svg'), url('../font/Oswald-Regular.ttf') format('truetype'), url('../font/Oswald-Regular.woff') format('woff'), url('../font/Oswald-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Oswald;
    src: url('../font/Oswald-Medium.eot');
    src: url('../font/Oswald-Medium.eot') format('embedded-opentype'), url('../font/Oswald-Medium.svg') format('svg'), url('../font/Oswald-Medium.ttf') format('truetype'), url('../font/Oswald-Medium.woff') format('woff'), url('../font/Oswald-Medium.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Oswald;
    src: url('../font/Oswald-SemiBold.eot');
    src: url('../font/Oswald-SemiBold.eot') format('embedded-opentype'), url('../font/Oswald-SemiBold.svg') format('svg'), url('../font/Oswald-SemiBold.ttf') format('truetype'), url('../font/Oswald-SemiBold.woff') format('woff'), url('../font/Oswald-SemiBold.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Oswald;
    src: url('../font/Oswald-Bold.eot');
    src: url('../font/Oswald-Bold.eot') format('embedded-opentype'), url('../font/Oswald-Bold.svg') format('svg'), url('../font/Oswald-Bold.ttf') format('truetype'), url('../font/Oswald-Bold.woff') format('woff'), url('../font/Oswald-Bold.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Pacifico;
    src: url('../font/Pacifico-Regular.eot');
    src: url('../font/Pacifico-Regular.eot') format('embedded-opentype'), url('../font/Pacifico-Regular.svg') format('svg'), url('../font/Pacifico-Regular.ttf') format('truetype'), url('../font/Pacifico-Regular.woff') format('woff'), url('../font/Pacifico-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../font/Raleway-Light.eot');
    src: url('../font/Raleway-Light.eot') format('embedded-opentype'), url('../font/Raleway-Light.svg') format('svg'), url('../font/Raleway-Light.ttf') format('truetype'), url('../font/Raleway-Light.woff') format('woff'), url('../font/Raleway-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../font/Raleway-Regular.eot');
    src: url('../font/Raleway-Regular.eot') format('embedded-opentype'), url('../font/Raleway-Regular.svg') format('svg'), url('../font/Raleway-Regular.ttf') format('truetype'), url('../font/Raleway-Regular.woff') format('woff'), url('../font/Raleway-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../font/Raleway-Medium.eot');
    src: url('../font/Raleway-Medium.eot') format('embedded-opentype'), url('../font/Raleway-Medium.svg') format('svg'), url('../font/Raleway-Medium.ttf') format('truetype'), url('../font/Raleway-Medium.woff') format('woff'), url('../font/Raleway-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../font/Raleway-MediumItalic.eot');
    src: url('../font/Raleway-MediumItalic.eot') format('embedded-opentype'), url('../font/Raleway-MediumItalic.svg') format('svg'), url('../font/Raleway-MediumItalic.ttf') format('truetype'), url('../font/Raleway-MediumItalic.woff') format('woff'), url('../font/Raleway-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../font/Raleway-SemiBold.eot');
    src: url('../font/Raleway-SemiBold.eot') format('embedded-opentype'), url('../font/Raleway-SemiBold.svg') format('svg'), url('../font/Raleway-SemiBold.ttf') format('truetype'), url('../font/Raleway-SemiBold.woff') format('woff'), url('../font/Raleway-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../font/Raleway-SemiBoldItalic.eot');
    src: url('../font/Raleway-SemiBoldItalic.eot') format('embedded-opentype'), url('../font/Raleway-SemiBoldItalic.svg') format('svg'), url('../font/Raleway-SemiBoldItalic.ttf') format('truetype'), url('../font/Raleway-SemiBoldItalic.woff') format('woff'), url('../font/Raleway-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../font/Raleway-Bold.eot');
    src: url('../font/Raleway-Bold.eot') format('embedded-opentype'), url('../font/Raleway-Bold.svg') format('svg'), url('../font/Raleway-Bold.ttf') format('truetype'), url('../font/Raleway-Bold.woff') format('woff'), url('../font/Raleway-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url('../font/Raleway-BoldItalic.eot');
    src: url('../font/Raleway-BoldItalic.eot') format('embedded-opentype'), url('../font/Raleway-BoldItalic.svg') format('svg'), url('../font/Raleway-BoldItalic.ttf') format('truetype'), url('../font/Raleway-BoldItalic.woff') format('woff'), url('../font/Raleway-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

body:before {
    content: url(../image/outsourcing-banner-bg.jpg) url(../image/loader.gif);
    display: none
}

.contactArea .wpcf7-response-output {
    color: #565656 !important
}

div#preloader {
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: url(../image/loader.gif) center center no-repeat #fff
}

::selection {
    background: rgba(39, 169, 224, .91);
    color: #fff
}

::-moz-selection {
    background: rgba(39, 169, 224, .91);
    color: #fff
}

.contact-form div.wpcf7-validation-errors,
.contact-form span.wpcf7-not-valid-tip,
.contact-form-cvr div.wpcf7-validation-errors,
.contact-form-cvr span.wpcf7-not-valid-tip,
.footer-newsltr div.wpcf7-validation-errors,
.pink-heading,
.ppc-new-case-cover .contact-cvr,
.ppc-new-case-cover .contact-page-artwork,
.what-ppl-say.no-style h1:before,
.what-ppl-say.no-style:before,
body.error404 #preloader,
label.error,
span.wpcf7-not-valid-tip {
    display: none !important
}

.contact-form input.wpcf7-not-valid,
.error {
    border-bottom-color: red !important
}

.contact-form input.wpcf7-not-valid:focus,
.error:focus {
    box-shadow: inset 0 0 6px 0 red !important;
    -webkit-box-shadow: inset 0 0 6px 0 red !important
}

.result {
    margin-top: 10px
}

.comp-india-sidebar p,
.contact-bottom-text p:last-of-type,
.faq-section .panel-group .panel .panel-heading .panel-title,
.process-block:last-of-type,
.result .alert,
.sm-box:last-of-type {
    margin: 0
}

.timeline-post .full-width h1,
img {
    max-width: 100%
}

.internet-image-group .internet-image-group-cover p,
.reputation-page .top-heading p strong,
.seo-comp-india h2 b,
.seo-comp-india h2 strong,
.seo-comp-india h3 b,
.seo-comp-india h3 strong,
.seo-comp-india p b,
.seo-comp-india p strong,
b,
strong {
    font-weight: 700
}

em,
i {
    font-style: italic
}

.clr {
    border: 0;
    height: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-weight: 300;
    margin: 0
}

body {
    color: #414141;
    font-weight: 300;
    -webkit-text-stroke: rgba(0, 0, 0, 0.01) 0.9px
}

.wow {
    animation-name: none !important;
    visibility: visible !important
}

#menu-wrap,
.overlay {
    visibility: hidden;
    top: 0
}

::-webkit-scrollbar {
    min-width: 3px;
    width: .2%
}

::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
    background: #171719
}

::-webkit-scrollbar-button,
::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .5)
}

body.menu-open,
body.navigation-is-open {
    overflow: hidden
}

.h-auto {
    height: auto !important
}

.ppc-new-case-cover .pink-heading {
    display: block !important
}

.menu-icon-container {
    margin: 0 auto;
    max-width: 1340px;
    position: relative;
    z-index: 9999
}

body.hdr-fixed .menu-icon-container {
    position: fixed;
    left: 0;
    right: 0
}

#close_trigger,
#menu_trigger {
    width: 30px;
    height: 40px;
    background: 0 0;
    border: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 99999;
    text-align: left;
    transition: .2s;
    -webkit-transition: .2s
}

body.hdr-fixed .menu-icon-container #menu_trigger {
    position: absolute;
    top: 12px
}

#close_trigger span,
#menu_trigger span {
    background: #fff;
    border-radius: 2px;
    display: block;
    width: 30px;
    height: 4px;
    margin-bottom: 3px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out
}

.all-services-head.design-dev-head,
.menu-icon-container.inner #menu_trigger span,
.page-404,
body.hdr-fixed #menu_trigger span {
    background: #26a9e0
}

#close_trigger.open span,
#menu_trigger.open span,
.page-template-blog .blog-post-outer,
.page-template-fun .blog-post-outer,
.ppc-new-case-cover .case-project-brief .project-brief ul li:before,
.social-cvr ul li a:hover,
body.hdr-fixed .menu-icon-container #menu_trigger.open span,
body.menu-open .menu-icon-container.inner #menu_trigger span {
    background: #fff
}

#close_trigger span.first,
#menu_trigger:hover span.first {
    width: 26px
}

#close_trigger span.second,
#menu_trigger:hover span.second {
    width: 18px
}

#close_trigger span.third,
#menu_trigger:hover span.third {
    width: 22px
}

#close_trigger span.fourth,
#menu_trigger:hover span.fourth {
    width: 24px
}

#close_trigger.open span.first,
#menu_trigger.open span.first {
    width: 30px;
    margin-top: 11px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

#close_trigger.open span.second,
#close_trigger.open span.third,
#menu_trigger.open span.second,
#menu_trigger.open span.third {
    width: 0;
    opacity: 0
}

#close_trigger.open span.fourth,
#menu_trigger.open span.fourth {
    width: 30px;
    margin-top: -21px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

#menu_trigger.open {
    right: -500px
}

#close_trigger.open {
    right: -60px
}

#menu-wrap {
    border-style: solid;
    border-width: 0;
    -moz-border-image: -moz-linear-gradient(top, #26a9e0 0%, #3a4ed5 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #26a9e0 0%, #3a4ed5 100%);
    border-image: linear-gradient(to bottom, #26a9e0 0%, #3a4ed5 100%);
    border-image-slice: 1;
    -webkit-border-image-slice: 1;
    bottom: 0;
    opacity: 0;
    right: 0;
    transition: .3s;
    -webkit-transition: .3s;
    z-index: 9999
}

#menu-wrap.open {
    border-width: 0 250px 50px 0;
    opacity: 1;
    visibility: visible
}

#menu-wrap nav {
    float: right;
    height: -moz-calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
    height: calc(100% - 80px);
    overflow-y: auto;
    padding: 0 5px 0 30px;
    position: relative;
    right: -250px;
    top: 80px;
    width: 250px
}

#menu-wrap nav ul {
    margin: 0;
    padding: 0;
    text-align: left
}

#menu-wrap nav li {
    display: block;
    opacity: 0;
    transform: translateX(-35px);
    -webkit-transform: translateX(-35px);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out
}

#menu-wrap nav li.visible {
    opacity: 1;
    transform: none;
    -webkit-transform: none
}

#menu-wrap nav a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .05em;
    line-height: 1;
    padding: 12px 0;
    position: relative;
    text-transform: uppercase;
    z-index: 1
}

#menu-wrap nav a:hover,
.seo-div .project-approach h2 {
    color: #333
}

#menu-wrap nav ul li.item-has-children>a {
    position: relative;
    text-transform: uppercase;
    padding-right: 15px
}

#menu-wrap nav ul li.item-has-children>a:after {
    content: '\f105';
    font: 14px/1 FontAwesome;
    position: relative;
    left: 10px;
    top: -1px;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

#menu-wrap nav ul li.item-has-children>a.submenu-open:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 0
}

#menu-wrap nav ul li ul {
    display: none;
    margin: 0 0 5px
}

#menu-wrap nav ul li ul li a {
    font-weight: 400;
    text-transform: none;
    color: rgba(255, 255, 255, .8);
    padding-left: 8px
}

#menu-wrap nav ul li ul li a:hover,
#menu-wrap nav ul li ul li.current-menu-item>a,
.location-map-item-list:hover h4,
.location-map-item-list:hover p,
.menu-links ul li a,
.recent-work-list .rw-list-heading a,
.section-hdr p a,
.seo-div .project-brief,
.seo-div .project-brief ul li,
div[itemscope] a {
    color: #fff
}

.no-transition {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important
}

#page.blurred {
    filter: blur(4px);
    -ms-filter: blur(4px);
    -moz-filter: blur(4px);
    -webkit-filter: blur(4px)
}

.overlay {
    background: -moz-linear-gradient(-45deg, #009eed 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #009eed 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(135deg, #009eed 0, rgba(255, 255, 255, 0) 100%);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 0
}

.brand-icon,
.menu-social-media {
    width: auto;
    height: auto;
    margin: 0;
    bottom: 13px;
    transform: translateY(80px);
    z-index: 6;
    position: fixed;
    -webkit-transform: translateY(80px)
}

.overlay.visible {
    opacity: .9;
    visibility: visible
}

.brand-icon {
    left: 30px;
    font-size: 0px;
    transition: transform .5s .8s;
    -webkit-transition: transform .5s .8s
}

.menu-social-media {
    top: auto;
    right: 245px;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    transition: transform .5s .8s;
    -webkit-transition: transform .5s .8s
}

#page,
.header {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.menu-social-media a {
    color: #fff;
    margin: 0 10px 0 0;
    transform: translateY(80px)
}

.menu-social-media:hover a {
    filter: blur(2px);
    -ms-filter: blur(2px);
    -moz-filter: blur(2px);
    -webkit-filter: blur(2px)
}

.menu-social-media a:hover {
    filter: blur(0px);
    -ms-filter: blur(0px);
    -moz-filter: blur(0px);
    -webkit-filter: blur(0px)
}

.menu-social-media strong {
    transition-delay: 0.4s;
    letter-spacing: 2px;
    margin-right: 20px;
    font-weight: 300
}

#menu-wrap.open .brand-icon,
#menu-wrap.open .menu-social-media {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    visibility: visible;
    opacity: 1
}

#menu-wrap.open .menu-social-media a {
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

.slider-line {
    position: absolute;
    left: 8px;
    color: #fff;
    font-size: 16px;
    line-height: 37px
}

.header {
    left: 0;
    padding: 30px 0;

    top: 0;
    width: 100%;
    z-index: 10;
    right: 0
}

.header.sticky {
    background: rgba(255, 255, 255, .96) !important;
    position: fixed;
    padding: 10px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    z-index: 999
}

.anim-cvr,
.barWrapper,
.benefits-circle.benefits-circle-fr,
.blog_cntnt,
.blog_search_bx,
.comp-india-sidebar.affix-top,
.contact-form-cvr form,
.contact-inner .contact-info .ct-email,
.contact-inner .contact-info .ct-phn,
.dealing-in,
.footer,
.footer-newsltr form,
.header .container,
.input-group-btn,
.link-building,
.methods-wrap,
.methods-wrap .container,
.mid-4-outer,
.mid5-outer,
.mosaicflow__item,
.ob-plus,
.pay-per-click .container,
.seo-pricing-table table tr:first-child th:nth-child(3),
.single-case-study-banner,
.what-ex-cvr .container,
.why-us-banner,
.work-for-list a {
    position: relative
}

.logo {
    max-width: 273px;
    position: relative;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    float: left
}

.build-relationship-wrap *,
.forget-us .container,
.logo img {
    position: relative;
    z-index: 1
}

.top-nav-mobile {
    float: right;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 600;
    margin-right: 55px
}

.header.sticky .top-nav-mobile {
    margin-top: 7px
}

.blog-date ul,
.call-links ul,
.hiring-block ul,
.how-we-done-inner-list .how-we-done-inner-text ul,
.imark-facts ul,
.it-services-heading ul,
.menu-links ul,
.methods-wrap ul,
.mission-section ul,
.ppc-case-details-slider ul,
.ppc-new-case-cover .case-project-brief ul,
.ppc-wrap ul,
.project-approach ul,
.project-rolling-num ul,
.recent_post>ul,
.reputation-exclusive-cover ul,
.reputation-wrap ul,
.seo-comp-india ul,
.service-cvr ul,
.service-list-text ul,
.smm-package .smm-info ul,
.social-cvr ul,
.technologies-list ul,
.technologies-list-inner ul,
.top-nav-mobile ul,
.we-are-grapgics ul,
.web-design-top-text ul {
    margin: 0;
    padding: 0
}

.top-nav-mobile ul li {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px
}

.top-nav-mobile i {
    position: relative;
    top: 3px;
    margin-right: 3px
}

.top-nav-mobile i.fa-envelope {
    top: 1px
}

#footer .addrs p a:hover,
#footer .eml p a:hover,
#footer .phn p a:hover,
.blog-info h3 a:hover,
.case-one-text h1 a,
.contact-inner .contact-info .ct-email a:hover,
.contact-inner .contact-info .ct-phn ul li a:hover,
.copyright a:hover,
.menu-links ul li a:hover,
.our-blog-cvr .our-blog-info a:hover h3,
.post_sec p a:hover,
.pro-view-more-btn:focus i,
.pro-view-more-btn:hover i,
.seo-comp-india p a,
.start-pro-btn.upper-bar-btn span,
.top-nav-mobile a,
.top-nav-mobile a:focus,
.we-are-grapgics ul li.active h3 a,
.we-are-grapgics ul li:hover h3 a,
.what-ex-innr-cvr p span,
div[itemscope] a:hover,
ul.author-content li a:hover {
    color: #26a9e0
}

.my-inline-form .form-group .form-control:focus+.my-inline-form-icon,
.top-nav-mobile a:hover {
    color: #227ca2
}

.blog_bx.blog_bx_desc::after,
.case-study-top-heading h2>small,
.contact-form-cvr form .form-group.captcha:before,
.filter-list .form-group input[type=checkbox],
.header.home .top-nav-mobile,
.header.sticky .logo:after,
.mob-banner,
.page-id-294 .contact-cvr,
.page-id-294 .contact-page-artwork,
.page-template-new-team .bannerArea .bannerForm,
.page-template-timeline .bannerArea .bannerForm,
.postid-130 .case-project-outer,
.ppc-new-case-cover .download-files li:before,
.seo-comp-india .download-files li:before,
.seo-comp-steps ul li:before,
.single-case-study .contact-page-artwork,
.what-ppl-say.two h1:before,
.work_inner .bannerArea.innerBanner {
    display: none
}

#footer .phn p a,
.contact-bottom-text,
.error-area,
.header.home.sticky .top-nav-mobile,
.page-404,
.page-404 img,
.ppc-img,
.ppc-wrap,
.smm-package .smm-header p span,
.web-dev-img,
.work-item figure figcaption {
    display: block
}

.header.home .logo:after {
    background: url(../image/logo-back-shadow.png) center no-repeat;
    content: "";
    height: 317px;
    left: -180px;
    position: absolute;
    top: -30px;
    width: 628px;
    z-index: 0;
    opacity: .2
}

.header.sticky .logo {
    max-width: 200px
}

.banner-section {
    background: url(../image/banner-background.jpg) center/cover no-repeat #26a9e0;
    height: 100%;
    position: relative;
    width: 100%;
    overflow: hidden
}

.banner-section .carousel,
.banner-section .container {
    height: 100%;
    position: relative
}

.banner-section video {
    position: absolute;
    max-width: inherit;
    margin: 0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: .2;
    z-index: 0
}

.service-cvr h3,
.work-info h3 {
    margin-bottom: 25px;
    text-transform: capitalize
}

.banner-section .carousel {
    bottom: 0;
    height: auto;
    position: absolute;
    left: -1px;
    right: 0;
    z-index: 99
}

.banner-section .carousel-indicators .active,
.banner-section .carousel-indicators li {
    width: 90px;
    height: 90px;
    margin: 0;
    background-color: transparent;
    text-indent: inherit;
    border-radius: 100%;
    line-height: 84px;
    color: #fff;
    font-size: 26px
}

.banner-section .carousel-inner {
    position: relative;
    width: 920px;
    height: 460px;
    margin: 0 auto;
    z-index: 10;
    overflow: hidden
}

.banner-section .carousel-inner:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 920px;
    border-radius: 100%;
    z-index: -1;
    background: #dbdbdb;
    background: -moz-linear-gradient(top, #dbdbdb 0, #fff 7%, #fff 7%);
    background: -webkit-linear-gradient(top, #dbdbdb 0, #fff 7%, #fff 7%);
    background: linear-gradient(to bottom, #dbdbdb 0, #fff 7%, #fff 7%)
}

.banner-section .carousel-inner h1 {
    font-size: 30px;
    margin-bottom: 10px;
    color: #000;
    font-weight: 400
}

.banner-section .carousel-inner p {
    width: 70%;
    margin: 0 auto;
    line-height: 1.8
}

.banner-section .carousel-indicators {
    margin: auto;
    bottom: 90px;
    z-index: 30;
    left: 0;
    right: 0;
    width: 97%;
    border-radius: 100%;
    height: 100%;
    max-width: 1130px
}

.banner-section .carousel-indicators li {
    position: absolute;
    border: 1px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(255, 255, 255, .5)
}

.banner-section .carousel-indicators li:before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #ff5e3a 0, #ff2a68 100%);
    background-image: -moz-linear-gradient(top, #ff5e3a 0, #ff2a68 100%);
    background-image: -o-linear-gradient(top, #ff5e3a 0, #ff2a68 100%);
    background-image: linear-gradient(to bottom, #ff5e3a 0, #ff2a68 100%);
    top: 90px;
    right: 0;
    left: -90px;
    bottom: 0;
    border-radius: 100%;
    z-index: -1;
    height: 100%;
    position: absolute;
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out
}

.banner-section .carousel-indicators li.active:before {
    top: 0;
    left: 0
}

.banner-section .carousel-indicators li.l1 {
    top: 297px;
    left: 0
}

.banner-section .carousel-indicators li.l2 {
    top: 0;
    left: 302px
}

.banner-section .carousel-indicators li.l3 {
    font-size: 36px;
    top: 0;
    right: 302px
}

.banner-section .carousel-indicators li.l4 {
    font-size: 50px;
    top: 297px;
    right: 0
}

.banner-section .carousel-inner .item,
.case-one-text,
.contact-form-cvr form .form-group.captcha,
.contact-inner .contact-info,
.deal-block,
.dealing-in h2,
.link-building,
.page-template-timeline .webDevBanner .container,
.service-list-text ul li,
.service-list-text ul li div,
.sm-main,
.team-quote,
.top-hdr,
.web-design-mid-text p,
.why-reputation-data,
a.case-btn {
    text-align: center
}

.banner-section .carousel-inner .item .item-inner {
    display: block;
    width: 70%;
    margin: 80px auto 0;
    overflow: hidden
}

.banner-section .carousel-inner .item .pic-2 {
    left: 30px;
    display: block;
    top: -50px;
    position: relative
}

.banner-section .carousel-inner .item .pic-4 {
    left: -180px;
    display: block;
    position: relative
}

.banner-section .carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.banner-section .carousel-fade .carousel-inner .active.left,
.banner-section .carousel-fade .carousel-inner .active.right,
.banner-section .carousel-fade .carousel-inner .item,
.footer-newsltr span.input-group-btn input[type=submit] {
    opacity: 0
}

.banner-section .carousel-fade .carousel-inner .active,
.banner-section .carousel-fade .carousel-inner .next.left,
.banner-section .carousel-fade .carousel-inner .prev.right,
.case-one:hover .case-btn,
.dedicated-resources-selection .nav-tabs li.active a,
.pink-heading.pink-heading-visible,
.start-animation .timeline-heading,
.start-animation .timeline-img figure,
.start-animation .timeline-text,
.timeline-post.start-animation,
.timeline-post.start-animation date {
    opacity: 1
}

.banner-section .carousel-fade .carousel-inner .active.left,
.banner-section .carousel-fade .carousel-inner .active.right,
.banner-section .carousel-fade .carousel-inner .next,
.banner-section .carousel-fade .carousel-inner .prev {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.banner-section .carousel-fade .carousel-control {
    z-index: 2
}

.header a.menu span.menu-line.middle {
    margin: 7px 0
}

.blogArea a.view-more-blog,
.call-links ul li:nth-child(2),
.faq-section .panel-group,
.header a.menu span.menu-line.bottom,
.how-we-done-inner-list .how-we-done-inner-text ul li:last-child,
.menu-links ul li:last-child,
.mid1-hr,
.ppc-new-case-cover .how-we-done-outer .pink-heading p:last-of-type,
.project-approach ul li:last-child,
.sec-block-all-services-outer:last-child,
.seo-consultaants-cover article .article-body p:last-of-type,
.timeline-post p:last-of-type {
    margin-bottom: 0
}

.header a.menu:hover span.menu-line.top {
    top: 0;
    -moz-transform: scale(1) rotate(90deg) translateX(10px);
    -webkit-transform: scale(1) rotate(90deg) translateX(10px);
    -o-transform: scale(1) rotate(90deg) translateX(10px);
    -ms-transform: scale(1) rotate(90deg) translateX(10px);
    transform: scale(1) rotate(90deg) translateX(10px)
}

.header a.menu:hover span.menu-line.bottom {
    top: 0;
    -moz-transform: scale(1) rotate(-90deg) translateX(10px);
    -webkit-transform: scale(1) rotate(-90deg) translateX(10px);
    -o-transform: scale(1) rotate(-90deg) translateX(10px);
    -ms-transform: scale(1) rotate(-90deg) translateX(10px);
    transform: scale(1) rotate(-90deg) translateX(10px)
}

.mm-listview>li>a:hover {
    background: #e8e8e8
}

em.mm-counter {
    z-index: 3
}

.mid1-outer {
    position: relative;
    background: #fff;
    background-image: -webkit-linear-gradient(to top left, #fbfbfb 50%, #fff 50%);
    background-image: -moz-linear-gradient(to top left, #fbfbfb 50%, #fff 50%);
    background-image: -o-linear-gradient(to top left, #fbfbfb 50%, #fff 50%);
    background-image: linear-gradient(to top left, #fbfbfb 50%, #fff 50%);
    padding-top: 90px;
    overflow: hidden
}

.mid1-hr {
    max-width: 20%;
    height: 2px;
    background: #26a9e0;
    position: relative;
    left: 0;
    width: 20%;
    opacity: 1;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out
}

.case-one-img figure,
.mid2-outer {
    background-repeat: no-repeat;
    overflow: hidden
}

.mid1-hr-visible {
    width: 20%;
    opacity: 1
}

.left-mid1 {
    float: left;
    width: 25%
}

.right-mid1 {
    float: right;
    width: 73%
}

.pink-heading {
    opacity: 1;
    transition: .9s ease-in-out;
    -webkit-transition: .9s ease-in-out
}

.pink-heading h1 {
    font-weight: 800;
    color: #26a9e0;
    line-height: 1.1;
    font-size: 45px;
    padding: 10px 0 0
}

.interested-text h4 {
    font-weight: 400;
    color: #4e4e4e;
    line-height: 1.7;
    font-size: 26px
}

.interested-text h4 strong {
    color: #26a9e0;
    font-weight: 600
}

.img-with-border {
    border: 1px solid #dcdbdb;
    padding: 15px
}

.service-cvr,
.service-cvr.service-cvr-visible {
    padding-top: 30px;
    margin-top: 0;
    opacity: 1
}

.service-cvr {
    transition: .9s ease-in-out;
    -webkit-transition: .9s ease-in-out
}

.design-arw,
.meet-arw,
.plan-cvr-arw,
.testing-arw,
.testing-arw-2 {
    transition: .8s ease-in-out;
    bottom: 0
}

.how-hiring-works .headingBox p,
.service-cvr-inn,
.timeline-page div[data-left] .timeline-text,
.we-are-wrap p img,
.what-ppl-say .what-ppl-gl .tabsContent {
    margin-bottom: 40px
}

.service-cvr h3 {
    font-weight: 500;
    color: #414141;
    font-size: 26px
}

.service-cvr ul li {
    vertical-align: top;
    display: inline-block;
    width: 30%;
    position: relative;
    margin-bottom: 50px;
    margin-right: 3%
}

.dedicated-resources-selection .list-of-other-tech li:last-child,
.our-process-data:last-of-type,
.ppc-case-details-slider ul li:nth-child(4n),
.recent-work-list:last-child,
.seo-comp-steps ul li:nth-child(2n),
.service-cvr ul li:nth-of-type(3),
.service-list-text ul li:last-child,
.social-cvr ul li:last-child,
.timeline-page div[data-right] {
    margin-right: 0
}

.service-cvr ul li .dig-icon-cvr {
    width: 32px;
    display: inline-block
}

.portfolio-tabs li a img,
.service-cvr ul li img {
    display: inline-block;
    vertical-align: middle
}

.service-cvr ul li h4 {
    font-weight: 300;
    font-size: 17px;
    color: #414141;
    text-transform: capitalize;
    vertical-align: middle;
    display: inline-block
}

.service-cvr ul li p {
    font-weight: 300;
    font-size: 15px;
    color: #414141;
    line-height: 1.5;
    margin-top: 20px
}

.mid2-outer {
    position: relative;
    padding-top: 0;
    background-image: url(../image/mid-2-tree.jpg), linear-gradient(to right, #f5f5f5 55%, #fff 73%, #fff 100%);
    background-image: url(../image/mid-2-tree.jpg), -webkit-linear-gradient(left, #f5f5f5 55%, #fff 73%, #fff 100%);
    background-position: 120% 100%;
    min-height: 1143px;
    background-size: 640px, auto
}

.how-we-work-cvr {
    background: linear-gradient(to right, #f5f5f5 0, rgba(245, 245, 245, .71) 100%);
    background: -webkit-linear-gradient(left, #f5f5f5 0, rgba(245, 245, 245, .71) 100%);
    height: 100%;
    min-height: 1143px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    right: 0;
    padding-top: 115px
}

.meet-arw,
.meet-arw-visible {
    left: -150px;
    opacity: 1;
    top: 50%
}

.meet-cvr {
    float: right;
    width: 40%;
    margin-right: 13%;
    position: relative
}

.design-cvr,
.plan-cvr,
.testing-cvr {
    float: left;
    width: 40%
}

.meet-arw {
    position: absolute;
    margin: 0 auto;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -webkit-transition: .8s ease-in-out
}

.meet-arw-visible {
    transform: rotate(0);
    -webkit-transform: rotate(0)
}

.work-icon,
.work-info {
    display: inline-block;
    vertical-align: middle;
    opacity: 1;
    transform: scale(1);
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out
}

.launch-cvr .work-icon,
.launch-cvr .work-info {
    transition: 1s ease-in-out;
    -webkit-transition: 1s ease-in-out
}

.design-arw,
.plan-cvr-arw,
.testing-arw,
.testing-arw-2 {
    -webkit-transition: .8s ease-in-out
}

.work-icon {
    width: 20%;
    margin-right: 10px
}

.work-info {
    opacity: 1;
    transform: scale(1);
    width: 75%
}

.work-info h3 {
    font-weight: 400;
    color: #414141;
    font-size: 26px
}

.work-info p {
    font-weight: 300;
    font-size: 15px;
    color: #414141
}

.plan-cvr {
    margin-left: 17%;
    position: relative;
    margin-top: 12px;
    margin-bottom: 5%
}

.plan-cvr-arw {
    position: absolute;
    left: -100px;
    top: 55%;
    margin: 0 auto;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    opacity: 1
}

.design-arw,
.plan-arw-visible {
    transform: rotate(0);
    opacity: 1
}

.plan-arw-visible {
    left: -100px;
    top: 55%;
    -webkit-transform: rotate(0)
}

.design-cvr {
    margin-left: 0;
    position: relative;
    margin-top: 12px
}

.design-arw {
    position: absolute;
    left: 89px;
    top: 170px;
    margin: 0 auto;
    -webkit-transform: rotate(0)
}

.design-arw-visible {
    opacity: 1;
    left: 89px;
    top: 170px;
    transform: rotate(0);
    -webkit-transform: rotate(0)
}

.testing-cvr {
    margin-left: 195px;
    position: relative;
    margin-top: 80px
}

.testing-arw,
.testing-arw-2 {
    margin: 0 auto;
    position: absolute
}

.testing-arw {
    opacity: 0;
    opacity: 1;
    left: 275px;
    top: -110px;
    transform: rotate(0);
    -webkit-transform: rotate(0)
}

.testing-arw-2 {
    opacity: 0;
    opacity: 1;
    left: 215px;
    top: 191px;
    transform: rotate(0);
    -webkit-transform: rotate(0)
}

.launch-cvr {
    float: right;
    width: 40%;
    margin-right: 10%;
    position: relative;
    margin-top: 3%
}

.mid2-heading.pink-heading {
    opacity: 0;
    position: absolute;
    z-index: 99;
    width: 50%;
    border-bottom: 2px solid #26a9e0;
    padding-bottom: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: .8s ease-in-out;
    -webkit-transition: .8s ease-in-out;
    right: 0;
    opacity: 1
}

.mid3-outer {
    position: relative;
    padding-top: 80px
}

.partners-wrap {
    display: block;
    margin: 100px 0 0
}

.partners-wrap .pink-heading {
    display: block;
    margin: 0 0 50px
}

.blogArea .blog-heading,
.hdr-banner,
.leading-team-elem,
.partner-logos,
.smm-social-cover {
    display: block;
    text-align: center
}

.partner-logos img {
    display: inline-block;
    margin: 0 30px;
    vertical-align: middle
}

.recent-work-heading {
    opacity: 1;
    text-align: center;
    position: relative
}

.our-blog-cvr,
.recent-work-items {
    position: relative;
    margin-top: 80px
}

.recent-work-list {
    width: 30%;
    position: relative;
    float: left;
    vertical-align: middle;
    min-height: 380px;
    margin-right: 5%
}

.ob-plus,
.social-cvr ul li {
    margin-right: 10px
}

.recent-work-list img {
    width: 100%;
    height: auto
}

.recent-work-list .rw-list-heading {
    font-family: Pacifico, cursive;
    font-size: 56px;
    position: absolute;
    line-height: 1.2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 100%;
    opacity: 0;
    background: rgba(38, 169, 224, .9);
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    text-align: center
}

.recent-work-list .rw-list-heading a,
.recent-work-list .rw-list-heading img {
    width: auto;
    height: auto;
    max-width: 100%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    transform: translateY(-50%);
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out
}

.recent-work-list:hover .rw-list-heading {
    bottom: 0;
    opacity: 1
}

.recent-work-list:hover .rw-list-heading a,
.recent-work-list:hover .rw-list-heading img {
    -webkit-animation: 2s both bounce;
    animation: 2s both bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    top: 31%
}

.rw-list-botttom {
    min-height: 85px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(112, 112, 112, .94);
    padding: 16px 30px;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.newsltr-form-btn:hover,
.recent-work-list:hover .rw-list-botttom {
    background: #1e8dbb
}

.rw-list-botttom p {
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: 1px
}

.rw-list-botttom .rw-list-num p {
    font-family: Helvetica;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 26px;
    margin-top: 4px
}

.rw-list-botttom .rw-list-num p:before {
    content: "//";
    display: inline-block;
    margin-right: 5px
}

@keyframes bounce {

    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.mid-4-outer {
    margin-top: 80px;
    float: left;
    width: 100%
}

.blogArea {
    background: #f5f5f5;
    padding: 80px 0
}

.no-bg {
    background: 0 0 !important
}

.blog-heading {
    opacity: 1;
    text-align: left
}

.our-blog-cvr .our-blog-img {
    display: inline-block;
    width: 42.2%;
    vertical-align: bottom
}

.our-blog-cvr .our-blog-info {
    display: inline-block;
    width: 57%;
    margin-left: -4px
}

.ob-plus:before,
.ob-plus:hover:after {
    width: 3px;
    height: 25px;
    top: 14px
}

.ob-plus:after,
.ob-plus:hover:before {
    height: 3px;
    top: 25px;
    width: 25px
}

.ob-plus {
    width: 60px;
    height: 55px;
    background: #26a9e0;
    border-radius: 0;
    transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out;
    display: inline-block;
    vertical-align: top
}

.ob-plus:after,
.ob-plus:before {
    transition: .6s ease-in-out;
    margin: 0 auto;
    position: absolute;
    left: 0;
    background: #fff;
    right: 0;
    content: "";
    -webkit-transition: .6s ease-in-out
}

#footer,
.blog_bx:first-child .blog_cntnt,
.blog_bx:first-child .blog_date,
.contact-form-cvr .pk-row .cont-us-btn,
.how-we-done-contact .contact-cvr,
.ppc-new-case-cover .case-project-brief ul li:first-child {
    margin-top: 0
}

.ob-plus:hover {
    border-radius: 50%
}

.our-blog-cvr .our-blog-info h3 {
    font-weight: 500;
    color: #414141;
    font-size: 20px;
    display: inline-block;
    width: 73%;
    line-height: 1.1
}

.ob-info {
    background: #ececec;
    padding: 15px 15px 10px;
    display: block;
    margin-left: -30px
}

.ob-info p {
    font-weight: 400;
    font-size: 15px
}

.ob-info .ob-date p {
    font-size: 12px;
    margin-bottom: 10px
}

a.view-more-blog {
    display: inline-block;
    color: #414141;
    font-size: 18px;
    margin-top: 80px;
    margin-bottom: 80px
}

a.blog-read-more i,
a.view-more-blog i {
    color: #414141;
    margin-left: 5px;
    transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out
}

a.blog-read-more:hover i,
a.view-more-blog:hover i {
    margin-left: 15px;
    color: #26a9e0
}

.mid5-outer {
    float: left;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    background: #f5f5f5
}

.work-for-heading {
    text-align: center;
    opacity: 1
}

.work-for-items {
    width: 100%;
    float: left;
    margin-top: 80px
}

.work-for-list {
    width: 25%;
    height: 180px;
    border-right: 1px solid #c5c3c3;
    border-bottom: 1px solid #c5c3c3;
    margin-bottom: -1px;
    float: left;
    text-align: center;
    display: table
}

.copyright a:last-child,
.work-for-list:nth-child(4n+4) {
    border-right: none
}

.grid-table .grid-row:last-child .grid-data,
.no-js .cbp-qtrotator .cbp-qtcontent,
.seo-pricing-table table tr:first-child th,
.smm-package .smm-info ul li:last-child,
.work-for-list:last-child,
.work-for-list:nth-last-child(2),
.work-for-list:nth-last-child(3),
.work-for-list:nth-last-child(4) {
    border-bottom: none
}

.work-for-list a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 180px;
    margin: 0 auto
}

.blog-text p,
.contact-form input[type=radio],
.footer-about a,
.social-cvr ul li,
.social-cvr ul li a {
    display: inline-block
}

.contact-form-cvr form .form-group.captcha>div>div>div,
.why-us-inner .why-us-inner-img img,
.work-for-list img {
    margin: 0 auto
}

.work-for-list:hover img {
    -webkit-animation: 1s both bounce;
    animation: 1s both bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both
}

div[itemscope] {
    font-size: 1.05em;
    line-height: 1.8
}

.footer {
    display: block;
    z-index: 101
}

#footer {
    background: #626262;
    padding: 50px 0 0;
    float: left;
    width: 100%
}

#footer h5 {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .1em;
    margin-bottom: 15px
}

#footer .social-cvr {
    margin: 0 0 20px
}

.social-cvr ul li a {
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, .68);
    text-align: center;
    line-height: 1.8;
    border-radius: 50%
}

.social-cvr ul li a i {
    color: #626262;
    font-size: 14px
}

.blog_descp figcaption,
.footer-about img {
    margin-bottom: 20px
}

.copy-cover {
    background: #4c4c4c;
    padding: 20px 0;
    text-align: center;
    margin-top: 50px
}

.copy-cover .copyright p,
.footer-about p,
.footer-newsltr .copyright p,
.footer-newsltr p {
    color: #fff;
    letter-spacing: .1em;
    font-size: 14px;
    line-height: 1.6
}

.footer-newsltr p {
    font-size: 16px;
    line-height: 22px
}

.contact-form-cvr input.wpcf7-not-valid,
.contact-form-cvr textarea.wpcf7-not-valid,
.footer-newsltr form.invalid input {
    border-color: red !important
}

.footer-newsltr .input-group-btn:before {
    content: "\f1d9";
    font: 20px/44px FontAwesome;
    position: absolute;
    color: #fff;
    z-index: 0;
    height: 44px;
    width: 44px;
    text-align: center;
    background: #26a9e0;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s
}

.footer-newsltr .input-group-btn:hover:before {
    background: #1575bb
}

.footer-newsltr div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left: 4px;
    background: #fff;
    width: 25px;
    position: absolute;
    right: 54px;
    z-index: 4;
    top: 9px
}

.footer-newsltr div.wpcf7-mail-sent-ok {
    border: 0;
    color: #045804;
    background: #c2e2c2;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    z-index: 4;
    padding: 3px;
    font-size: 13px;
    text-align: center
}

.footer-logo {
    display: block;
    max-width: 220px
}

.menu-links ul li {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    letter-spacing: .1em;
    font-size: 14px
}

#footer .addrs,
#footer .eml,
#footer .phn {
    margin-bottom: 10px;
    padding-left: 20px
}

#footer .addrs p,
#footer .addrs p a,
#footer .eml p,
#footer .eml p a,
#footer .phn p,
#footer .phn p a {
    font-size: 14px;
    letter-spacing: .1em;
    color: #fff;
    font-weight: 400;
    line-height: 30px
}

#footer .addrs i,
#footer .eml i,
#footer .phn i {
    float: left;
    margin-left: -22px;
    text-align: center;
    margin-top: 6px;
    color: #fff
}

.input-group {
    margin: 8px 0 15px
}

.footer-newsltr .form-control {
    background: #fff;
    width: 100%;
    height: 44px;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #fff;
    border-right: none;
    color: #626262;
    font-size: 16px;
    appearance: none;
    -webkit-appearance: none
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

.newsltr-form-btn {
    height: 44px;
    border: none;
    border-left: none;
    background: #26a9e0;
    border-radius: 0;
    color: #fff;
    width: 45px;
    font-size: 18px;
    overflow: hidden;
    transition: .9s ease-in-out;
    -webkit-transition: .9s ease-in-out
}

span.fa.fa-long-arrow-right,
span.fa.fa-long-arrow-right.aw2 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px;
    transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out
}

span.fa.fa-long-arrow-right.aw2 {
    left: -50%
}

.newsltr-form-btn:hover .fa.fa-long-arrow-right {
    left: 150%;
    color: #fff
}

.newsltr-form-btn:hover span.fa.fa-long-arrow-right.aw2 {
    left: 50%;
    color: #fff
}

img#news_loader {
    background: #fff;
    width: 30px;
    position: absolute;
    right: 60px;
    z-index: 9;
    top: 8px
}

.news_result {
    position: absolute;
    left: 0;
    right: 0;
    top: 105%;
    z-index: 5
}

.news_result .alert {
    padding: 5px 10px;
    margin-bottom: 0;
    border: 0;
    text-align: center
}

.copyright a {
    color: #fff;
    border-right: 1px solid #fff;
    padding-right: 5px;
    margin-right: 2px
}

.blog-outer {
    background: #26a9e0;
    padding: 40px;
    margin-top: 1px
}

.blog-sec,
.case-study-top-sec {
    display: table;
    vertical-align: middle;
    width: 100%
}

.blog-heading,
.blog-text,
.case-study-top-heading,
.case-study-top-text {
    display: table-cell;
    vertical-align: middle;
    float: none;
    position: relative
}

.blog-details,
.blog-post-outer,
.blog_innr,
.blog_lft,
.blog_sec {
    float: left;
    width: 100%
}

.blog-heading h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: capitalize
}

.blog-outer.funBlogOuter .blog-heading h2 {
    text-transform: none
}

.blog-text {
    padding-left: 50px
}

.blog-text:before {
    content: "";
    display: block;
    position: absolute;
    left: 15px;
    background: #fff;
    width: 1px;
    height: 100%
}

.blog-text p {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    line-height: 1.6
}

.blog-post-outer {
    background: #f5f5f5;
    display: block;
    padding-bottom: 40px;
    margin-bottom: 40px
}

.blog-details {
    padding: 15px
}

.blog_section {
    background: url(https://www.imarkinfotech.com/wp-content/themes/idigital/idigital/images/blog_bg.jpg) no-repeat;
    padding: 72px 0 0
}

.blog_sec {
    padding-bottom: 20px;
    padding-top: 20px
}

.blog_innr>h3 {
    color: #333;
    font-size: 45px;
    line-height: 37px;
    margin-bottom: 40px;
    text-align: center;
    text-transform: capitalize
}

.blog_rght {
    padding: 20px;
    background: #fff;
    border: 1px solid #e2e2e2;
    float: right;
    width: 100%;
    display: none
}

.blog_date {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    float: left;
    height: 93px;
    margin-top: 83px;
    position: relative;
    width: 93px
}

.blog_bx {
    float: left;
    position: relative;
    width: 100%
}

.blog_bx::after {
    background: #e9e9e9;
    content: "";
    height: 100%;
    left: 45px;
    margin: 10px 0 0;
    position: absolute;
    top: 0;
    width: 2px;
    z-index: -1
}

.blog_date_innr {
    background: #feb518;
    border-radius: 50%;
    display: table;
    height: 80px;
    left: 5.5px;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 80px
}

.blog_date span {
    color: #fefefe;
    display: table-cell;
    font-size: 18px;
    height: 100%;
    text-transform: uppercase;
    vertical-align: middle
}

.blog_cntnt {
    border: 1px solid #e2e2e2;
    float: left;
    margin-left: 30px;
    margin-top: 83px;
    padding: 15px;
    width: 706px;
    z-index: 99
}

.blog_cntnt.blog_cntnt_desc {
    background: #fff;
    margin-left: 0;
    width: 100%
}

.blog_cntnt::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff;
    border-color: #e2e2e2;
    border-image: none;
    border-style: none;
    border-width: 0 1px 1px;
    content: "";
    height: 16px;
    margin-top: 1px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 98%
}

.blog-main-content ol,
.blog-main-content ul {
    margin: 0 0 20px 20px;
    padding: 0
}

.blog-main-content li {
    border: 0;
    display: list-item;
    list-style: disc;
    color: #303030;
    font-size: 16px;
    line-height: 28px
}

.blog-main-content ol li {
    list-style: decimal
}

.blog_img {
    margin-bottom: 26px
}

.blog_img img {
    height: auto;
    width: 100%
}

.blog_descp img,
.post_thumb img {
    height: auto
}

.blog_descp img+span:before {
    content: "";
    display: block;
    padding: 2px
}

.blog_descp h2 {
    color: #26a9e0;
    font-size: 30px;
    font-weight: 400;
    margin: 10px 0 12px;
    line-height: 1.5
}

.blog_descp h3 {
    color: #4d4d4d;
    font-size: 21px;
    line-height: 1.5;
    margin: 0 0 12px
}

ul.author-content {
    border-bottom: 1px solid #e9e9e9;
    float: left;
    margin: 5px 0 17px;
    padding: 0 0 15px;
    width: 100%
}

ul.author-content li {
    border-right: 1px solid #8f8f8f;
    color: #4d4d4d;
    display: inline;
    float: left;
    font-size: 14px;
    margin: 0 17px 0 0;
    padding-right: 15px
}

ul.author-content li i {
    margin-right: 10px;
    color: #26a9e0
}

ul.author-content li a {
    color: #8f8f8f
}

.our-strategy .service-pro-btn,
.timeline-page div[data-left],
ul.author-content li:first-child {
    margin-left: 0
}

ul.author-content li:last-child {
    margin-right: 0;
    border-right: 0
}

.blog_descp p {
    color: #303030;
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 18px
}

.blog_descp p a {
    white-space: normal;
    word-break: break-word
}

.blog_cntnt.blog_cntnt_desc .blog_descp>p {
    margin: 0 0 42px
}

.blog_search_bx input[type=text] {
    border: 1px solid #e2e2e2;
    color: #bcbcbc;
    float: left;
    font-size: 15px;
    height: 55px;
    padding: 0 46px 0 30px;
    width: 100%
}

.blog_search_bx input[type=text]::-moz-placeholder {
    color: #bcbcbc;
    opacity: 1
}

.blog_search_bx {
    float: left;
    margin-bottom: 47px;
    width: 100%
}

.blog_search_bx i {
    color: #26a9e0;
    font-size: 20px;
    line-height: 55px;
    position: absolute;
    right: 30px
}

.mosaicflow__column,
.recent_post,
.why-us-inner:nth-child(2n) .why-us-inner-img {
    float: left
}

.recent_post h2 {
    color: #000;
    font-size: 22px;
    text-transform: uppercase
}

.recent_post ul li {
    border-bottom: 1px solid #eaeaea;
    float: left;
    list-style: none;
    margin-top: 26px;
    padding-bottom: 20px;
    width: 100%
}

.imark-facts ul li:last-of-type,
.recent_post ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.post_sec h4 {
    color: #8f8f8f;
    font-size: 16px;
    margin-bottom: 6px
}

.post_sec p {
    color: #000;
    font-size: 16px;
    line-height: 24px
}

.post_sec p a {
    color: #000
}

.post_thumb {
    float: left;
    height: 90px;
    margin-right: 15px;
    width: 90px
}

.post_cntnt {
    float: left;
    width: 200px
}

.mosaicflow__item {
    padding: 20px;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden
}

.contact-inner .contact-info .ct-phn ul li:last-child,
.dedicated-resources-selection .nav-tabs li:last-child a,
.grid-table .grid-row .grid-data:last-child,
.mosaicflow__column:last-child .mosaicflow__item,
.seo-pricing-table table tr td:last-child {
    border-right: none
}

.mosaicflow__item img {
    display: block;
    width: 100%;
    max-width: 400px;
    height: auto;
    transition: 5.5s ease-in-out;
    -webkit-transition: 5.5s ease-in-out
}

.blog-img-cvr {
    width: 100%;
    overflow: hidden;
    height: 150px;
    border: 1px solid rgba(0, 0, 0, .05)
}

.blog-info {
    min-height: 330px
}

.blog-date {
    margin-top: 15px
}

.blog-date ul li {
    display: inline-block;
    font-size: 16px;
    color: #414141;
    margin-right: 8px
}

.blog-date ul li:last-child:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    background: #888880;
    margin-top: 3px;
    float: left;
    margin-right: 8px
}

.blog-date ul li:last-child {
    font-size: 14px;
    color: #7d7d7d
}

.blog-info h3 {
    font-size: 18px;
    font-weight: 500;
    color: #414141;
    margin-top: 30px;
    line-height: 1.6
}

.blog-info h3 a,
.we-are-grapgics h3 a {
    color: #414141
}

.blog-info h3:after {
    content: "";
    display: block;
    width: 45px;
    height: 2px;
    background: #26a9e0;
    margin-top: 20px;
    margin-bottom: 20px;
    transition: .9s ease-in-out;
    -webkit-transition: .9s ease-in-out
}

.contact-form-cvr .pk-row .form-group.frm-full,
.mosaicflow__item:hover h3:after {
    width: 100%
}

.mosaicflow__item:hover img {
    transform: scale(2);
    -webkit-transform: scale(2)
}

.blog-info p {
    font-size: 14px;
    font-weight: 400;
    color: #414141;
    line-height: 1.6
}

a.blog-read-more {
    display: inline-block;
    color: #414141;
    font-size: 14px;
    margin-top: 15px
}

.header.header-inner {
    left: 0;
    padding: 36px 0 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
    float: none;
    background: 0 0
}

.why-us-banner {
    width: 100%;
    min-height: 680px;
    text-align: center;
    background: #26a9e0;
    z-index: 3;
    float: left;
    overflow: hidden
}

.anim-cvr {
    margin-top: 110px
}

.anim-img,
.why-us-vdo-img {
    position: absolute;
    left: 50%
}

.anim-cvr span {
    font-size: 110px;
    color: #fff;
    font-weight: 800;
    line-height: 80px
}

.anim-cvr span:first-child,
.anim-cvr span:nth-child(5) {
    -webkit-animation-name: example;
    -webkit-animation-duration: 2s;
    animation-name: example;
    animation-duration: 2s;
    display: inline-block;
    position: relative
}

.anim-cvr span:nth-child(2) {
    -webkit-animation-name: example-2;
    -webkit-animation-duration: 1s;
    animation-name: example-2;
    animation-duration: 1s;
    display: inline-block;
    position: relative
}

.anim-cvr span:nth-child(3),
.anim-cvr span:nth-child(4) {
    -webkit-animation-duration: 2s;
    position: relative;
    display: inline-block
}

.anim-cvr span:nth-child(3) {
    -webkit-animation-name: example-y;
    animation-name: example-y;
    animation-duration: 2s;
    z-index: 2
}

.anim-cvr span:nth-child(4) {
    -webkit-animation-name: example-2;
    animation-name: example-2;
    animation-duration: 2s;
    margin-left: 42px
}

.anim-img {
    top: -1px;
    margin-left: -154px
}

.anim-cvr .anim-img {
    -webkit-animation-name: example-sp;
    -webkit-animation-duration: 2s;
    animation-name: example-sp;
    animation-duration: 2s
}

@-webkit-keyframes example {
    0% {
        top: -200px;
        transform: rotate(50deg)
    }

    100% {
        top: 0;
        transform: rotate(0)
    }
}

@keyframes example {
    0% {
        top: -200px;
        transform: rotate(50deg)
    }

    100% {
        top: 0;
        transform: rotate(0)
    }
}

@-webkit-keyframes example-2 {
    0% {
        top: -200px;
        transform: rotate(-50deg)
    }

    100% {
        top: 0;
        transform: rotate(0)
    }
}

@keyframes example-2 {
    0% {
        top: -200px;
        transform: rotate(-50deg)
    }

    100% {
        top: 0;
        transform: rotate(0)
    }
}

@-webkit-keyframes example-y {
    0% {
        top: -200px
    }

    25% {
        top: 0
    }

    59% {
        top: 10px;
        transform: rotate(0)
    }

    75% {
        top: 120px;
        transform: rotate(1deg)
    }

    100% {
        top: 0;
        transform: rotate(0)
    }
}

@keyframes example-y {
    0% {
        top: -200px
    }

    25% {
        top: 0
    }

    59% {
        top: 10px;
        transform: rotate(0)
    }

    75% {
        top: 120px;
        transform: rotate(1deg)
    }

    100% {
        top: 0;
        transform: rotate(0)
    }
}

@-webkit-keyframes example-sp {
    0% {
        top: -200px;
        transform: rotate(10deg)
    }

    50% {
        top: -100px;
        transform: rotate(5deg)
    }

    100% {
        top: -1px;
        transform: rotate(0)
    }
}

@keyframes example-sp {
    0% {
        top: -200px;
        transform: rotate(10deg)
    }

    50% {
        top: -100px;
        transform: rotate(5deg)
    }

    100% {
        top: -1px;
        transform: rotate(0)
    }
}

@-webkit-keyframes example-h {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes example-h {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.why-us-banner-text {
    width: 45%;
    margin: 70px auto 0;
    text-align: center
}

.why-us-banner-text p {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 1.6
}

.why-us-vdo-img {
    bottom: 0;
    margin-left: -373px
}

.why-us-outer {
    background: #f5f5f5;
    padding-top: 60px;
    padding-bottom: 80px
}

.why-us-inner {
    background: url(../image/why-us-skew.png) center bottom/93% no-repeat;
    padding-bottom: 55px;
    margin-bottom: 50px
}

.blog-listing .single-blog:not(:last-child),
.cstm-radio,
.dedicated-resources-selection-light-blue .headingBox,
.mission-section .text-left,
.what-ex-cvr h1,
.why-us-inner-text-heading {
    margin-bottom: 30px
}

.why-us-inner .why-us-inner-text {
    padding-left: 60px;
    float: left
}

.why-us-inner .why-us-inner-text h2 {
    font-size: 34px;
    color: #414141;
    font-weight: 500;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: middle
}

.why-us-inner .why-us-inner-text img {
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px
}

.why-us-inner .why-us-inner-text p {
    font-size: 16px;
    color: #414141;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 15px
}

.why-us-inner .why-us-inner-img {
    text-align: center;
    float: right;
    margin-top: 40px
}

.why-us-inner:nth-child(2n) {
    background: url(../image/why-us-skew-2.png) center bottom/90% no-repeat
}

.why-us-inner:nth-child(2n) .why-us-inner-text {
    float: right;
    padding-right: 60px;
    padding-left: 15px;
    text-align: right
}

.perfect-design .col-lg-3.col-md-4.left_ .features,
.why-us-inner:nth-child(2n) .why-us-inner-text .why-us-inner-text-heading {
    text-align: right
}

.why-us-inner:last-of-type {
    background: 0 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.what-ex-cvr {
    position: relative;
    padding-top: 90px;
    padding-bottom: 90px
}

.what-ex-cvr h1 {
    font-size: 45px;
    color: #26a9e0;
    font-weight: 800;
    text-align: center
}

.what-ex-innr-cvr {
    padding-left: 8%;
    padding-right: 8%;
    text-align: center
}

.what-ex-innr-cvr p {
    font-size: 16px;
    color: #414141;
    font-weight: 400;
    margin-bottom: 20px;
    position: relative;
    z-index: 2
}

.start-pro-btn {
    display: inline-block;
    width: 280px;
    text-align: center;
    background: #26a9e0;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 2.8;
    transition: .8s ease-in-out;
    -webkit-transition: .8s ease-in-out;
    position: relative;
    overflow: hidden;
    margin-top: 30px
}

.cont-us-btn span,
.start-pro-btn span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    visibility: hidden;
    transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out
}

.start-pro-btn:focus,
.start-pro-btn:hover {
    background: #fff;
    border: 1px solid #26a9e0;
    color: #26a9e0
}

.contact-btn:hover span,
.start-pro-btn:focus span,
.start-pro-btn:hover span {
    transform: scale(4);
    -webkit-transform: scale(4);
    opacity: 0;
    visibility: visible
}

.what-ex-icon-1 {
    position: absolute;
    left: -9%;
    top: -50px;
    z-index: 0
}

.what-ex-icon-2 {
    position: absolute;
    right: -9%;
    top: 100px;
    z-index: 0
}

.start-pro-btn.upper-bar-btn {
    background: #fff;
    color: #26a9e0;
    margin-top: 0;
    float: right
}

.start-pro-btn.upper-bar-btn:hover {
    border: 1px solid #fff
}

.contact-cvr {
    background: #f5f5f5;
    position: relative;
    float: left;
    margin-top: 60px;
    width: 100%
}

.contact-inner {
    border-right: 1px solid #d7d7d7;
    position: relative;
    min-height: 405px;
    padding: 40px 30px;
    width: 33.333333%;
    float: left;
    visibility: visible !important
}

.contact-cvr .contact-inner:last-child {
    border-right: 0
}

.contact-inner .contact-icon {
    text-align: center;
    min-height: 160px;
    position: relative
}

.contact-inner .contact-icon img {
    margin: 0 auto;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.contact-inner .contact-info h3 {
    color: #626262;
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 20px;
    letter-spacing: 1px
}

.contact-inner .contact-info p {
    color: #626262;
    font-size: 15px;
    margin-bottom: 15px
}

.contact-inner .contact-info .ct-email:before {
    content: "\f0e0";
    display: inline-block;
    font: 14px/1 FontAwesome;
    color: #626262;
    margin-right: 5px
}

.contact-inner .contact-info .ct-phn ul {
    margin: 0;
    padding: 0;
    display: inline-block
}

.contact-inner .contact-info .ct-phn ul li {
    display: inline-block;
    line-height: 14px;
    border-right: 1px solid #626262;
    padding-right: 5px;
    margin-bottom: 5px
}

.contact-inner .contact-info .ct-phn ul li:first-child:before {
    content: "\f095";
    display: inline-block;
    font: 14px/1 FontAwesome;
    color: #626262;
    margin-right: 5px
}

.contact-inner .contact-info .ct-email a,
.contact-inner .contact-info .ct-phn ul li a {
    color: #626262;
    font-size: 15px
}

.contact-form-cvr {
    margin-top: 60px;
    margin-bottom: 80px
}

.contact-form-cvr h1,
.contact-page-artwork h2 {
    font-size: 45px;
    color: #26a9e0;
    font-weight: 800;
    text-align: center;
    margin-bottom: 40px
}

.contact-form-cvr form {
    border: 1px solid #d7d7d7;
    padding: 50px 35px;
    word-spacing: -5px
}

.contact-form-cvr form .form-group {
    display: inline-block;
    padding: 0;
    margin: 0;
    position: relative;
    width: 33%;
    vertical-align: top;
    word-spacing: normal
}

.contact-form-cvr form .form-group.frm-name {
    width: 66.4%
}

.contact-form-cvr form .form-group label {
    display: block;
    color: #393939;
    font-size: 15px;
    font-weight: 400;
    margin-left: 15px;
    margin-bottom: 10px
}

.contact-form-cvr form .form-group input,
.contact-form-cvr form .form-group textarea {
    appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    box-shadow: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    color: #393939;
    font-size: 13px;
    font-weight: 400;
    padding-left: 0;
    margin: 0 8px 40px 15px;
    min-height: 42px
}

.contact-form-cvr form .form-group input:focus,
.contact-form-cvr form .form-group textarea:focus {
    border-bottom-color: #26a9e0
}

.contact-form-cvr form .form-group.frm-name input {
    display: inline-block;
    width: 46.3%;
    vertical-align: top
}

.contact-form-cvr form .form-group::-webkit-input-placeholder {
    color: #a9a9a9;
    font-weight: 400
}

.contact-form-cvr form .form-group:-moz-placeholder {
    color: #a9a9a9;
    font-weight: 400
}

.contact-form-cvr form .form-group::-moz-placeholder {
    color: #a9a9a9;
    font-weight: 400
}

.contact-form-cvr form .form-group:-ms-input-placeholder {
    color: #a9a9a9;
    font-weight: 400
}

.contact-form-cvr form .form-group.frm-border:before {
    content: "";
    position: absolute;
    bottom: 42px;
    left: -1px;
    height: 42px;
    width: 1px;
    background: #b6b6b6
}

.contact-form-cvr form .form-group .fm-radio {
    display: inline-block;
    margin-top: 5px
}

.contact-form-cvr form .form-group .fm-radio label {
    display: block;
    width: 100%;
    margin-bottom: 0
}

.contact-form-cvr form .form-group .fm-radio input[type=radio] {
    background: #fff;
    color: #555;
    clear: none;
    cursor: pointer;
    display: block;
    float: left;
    border: 2px solid #26a9e0;
    padding: 0 !important;
    vertical-align: middle;
    -webkit-appearance: none !important;
    appearance: none !important;
    -moz-appearance: none !important;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-transition: border-color .05s ease-in-out;
    transition: border-color .05s ease-in-out;
    height: 20px;
    width: 20px;
    min-width: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 10px 0 0
}

.contact-form-cvr form .form-group .fm-radio input[type=radio]:checked:before {
    content: " ";
    display: block;
    text-indent: -9999px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 3px;
    background-color: #26a9e0
}

.contact-form-cvr form .form-group .fm-radio span.wpcf7-form-control.wpcf7-radio {
    margin-left: 0;
    padding-top: 5px;
    float: left
}

span.wpcf7-list-item {
    margin-left: 0;
    float: left;
    margin-right: 30px
}

.hm-1 img,
.hm-2 img,
.hm-2 p {
    margin-left: 10px
}

span.wpcf7-list-item-label {
    float: right;
    font-weight: 500
}

.contact-form-cvr form .form-group .fm-radio .cstm-radio {
    width: 14px;
    height: 14px;
    border: 2px solid #26a9e0;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    margin: -2px 0 0
}

.contact-form-cvr form .form-group .fm-radio input[type=radio]:checked+span.cstm-radio:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #26a9e0;
    top: 50%;
    bottom: 0;
    left: 50%;
    right: 0;
    margin-top: -3px;
    margin-left: -3px
}

.cont-us-btn,
.contact-form-cvr form .form-group .fm-radio input[type=submit] {
    display: inline-block;
    width: 280px;
    text-align: center;
    background: #26a9e0 !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    color: #fff;
    font-family: Raleway, sans-serif !important;
    font-size: 24px;
    font-weight: 500 !important;
    line-height: 2.8 !important;
    padding: 0 !important;
    transition: .8s ease-in-out;
    -webkit-transition: .8s ease-in-out;
    position: relative;
    overflow: hidden;
    margin-top: 30px
}

.cont-us-btn:focus,
.cont-us-btn:hover,
.contact-form-cvr form .form-group .fm-radio input[type=submit]:hover {
    background: #fff !important;
    color: #26a9e0 !important;
    border: 1px solid #26a9e0 !important
}

.cont-us-btn:hover span {
    color: #26a9e0;
    transform: scale(4);
    -webkit-transform: scale(4);
    opacity: 0;
    visibility: visible
}

.contact-form-cvr div.wpcf7-mail-sent-ok,
.contact-form-cvr div.wpcf7-spam-blocked {
    border: 1px solid #329607;
    background: #e5fbe5;
    padding: 5px;
    text-align: center;
    position: absolute;
    left: 10px;
    right: 10px;
    margin: 0;
    bottom: 10px;
    color: #015201;
    word-spacing: normal
}

.contact-form-cvr div.wpcf7-spam-blocked {
    border: 1px solid orange !important;
    background: rgba(255, 165, 0, .1) !important;
    color: red
}

.contact-form-cvr div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin: 15px auto auto;
    position: absolute;
    left: 140px;
    right: 0;
    width: 40px;
    z-index: 1111;
    background: #fff;
    border-radius: 50%
}

.location-map-outer {
    position: relative;
    background-color: brown;
    padding-bottom: 80px;
    margin-top: 80px
}

.location-map-item {
    float: left;
    width: 38.6%;
    z-index: 1;
    position: relative
}

.location-map-item-list {
    display: block;
    width: 100%;
    background: rgba(255, 255, 255, .85);
    padding: 30px;
    margin-bottom: 1px;
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #bdbdbd;
    cursor: pointer;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out
}

.location-map-item-list:first-child {
    border-top: none
}

.location-map-item-list:hover {
    background: #ed6f6f
}

.location-map-item-list h4 {
    font-size: 24px;
    color: #626262;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    transition: .9s ease-in-out;
    -webkit-transition: .9s ease-in-out
}

.banner-section-inner p,
.case-study-top-heading h2,
.cs-ipad p,
.pro-view-more-btn,
.team-pic-detail h1 {
    text-transform: capitalize
}

.location-map-item-list p {
    font-size: 14px;
    color: #626262;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 0;
    transition: .9s ease-in-out;
    -webkit-transition: .9s ease-in-out
}

.location-map {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0
}

.location-map iframe {
    width: 100%;
    height: 100%;
    z-index: 0
}

.banner-section .container,
.case-study-banner .container {
    height: 100%
}

.banner-section-inner {
    position: relative;
    width: 100%;
    min-height: 700px
}

.comp-india-sidebar.affix-bottom,
.cs-ipad,
.cs-ipad p,
.cs-protfolio,
.error-area [class*=cloud],
.headphones,
.hm-1,
.hm-2,
.hm-3,
.hm-4,
.hm-5,
.hm-6,
.hm-7,
.hm-8,
.hm-arrow-1,
.hm-arrow-2,
.hm-arrow-7,
.hm-arrow-8,
.laptop-img,
.mac-keyboard,
.mac-mice,
.pencils {
    position: absolute
}

.banner-section-inner p {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    display: inline-block
}

.laptop-img {
    top: 50%;
    margin-top: -50px;
    left: 50%;
    margin-left: -140px;
    width: 280px;
    z-index: 99
}

.hm-arrow-1 img,
.hm-arrow-2 img,
.hm-arrow-3 img,
.hm-arrow-4 img,
.hm-arrow-5 img,
.hm-arrow-6 img,
.hm-arrow-7 img,
.hm-arrow-8 img {
    width: 80%
}

.hm-1 {
    top: 160px;
    left: 19.5%
}

.hm-1 img {
    width: 125px;
    display: inline-block;
    vertical-align: middle
}

.hm-2 {
    top: 85px;
    left: 45%
}

.hm-2 img {
    width: 200px;
    display: inline-block;
    vertical-align: middle
}

.hm-3 {
    top: 230px;
    left: auto;
    right: 12%
}

.hm-4,
.hm-5 {
    right: 15%;
    left: auto
}

.hm-3 p,
.hm-4 p {
    margin-left: 20px
}

.hm-3 img,
.hm-4 img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.hm-3 img {
    width: 60px
}

.hm-4 {
    top: 365px
}

.hm-4 img {
    width: 50px
}

.hm-5 {
    top: 475px
}

.hm-5 p {
    margin-left: 20px;
    margin-top: 8px
}

.hm-5 img {
    width: 130px;
    display: block;
    vertical-align: middle;
    margin-left: 10px
}

.hm-6 img,
.hm-7 img {
    width: 120px;
    vertical-align: middle
}

.hm-6 {
    top: 536px;
    left: auto;
    right: 36%
}

.hm-6 p {
    float: right;
    padding-right: 0;
    margin-left: -15px;
    margin-top: 75px
}

.hm-6 img {
    display: inline-block;
    margin-left: 10px
}

.hm-7 {
    top: 518px;
    left: 313px
}

.hm-7 p {
    float: left;
    margin-left: -95px;
    margin-top: 10px
}

.hm-7 img {
    display: block;
    margin-left: 10px
}

.hm-8 {
    top: 350px;
    left: 65px
}

.hm-8 p {
    float: left;
    margin-right: -40px
}

.hm-8 img {
    width: 130px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.hm-arrow-1 {
    top: 278px;
    left: 365px
}

.hm-arrow-2 {
    top: 228px;
    left: 51.4%
}

.hm-arrow-3,
.hm-arrow-4,
.hm-arrow-5,
.hm-arrow-6 {
    position: absolute;
    left: auto
}

.hm-arrow-3 {
    top: 320px;
    right: 24%
}

.hm-arrow-4 {
    top: 400px;
    right: 29%
}

.hm-arrow-5 {
    top: 470px;
    right: 24%
}

.hm-arrow-6 {
    top: 500px;
    right: 40%
}

.hm-arrow-7,
.hm-arrow-8 {
    left: 365px
}

.hm-arrow-7 {
    top: 440px
}

.hm-arrow-8 {
    top: 410px
}

.portfolio-outer {
    margin: 60px 0 80px
}

.portfolio-cover {
    position: relative;
    overflow: hidden;
    height: 230px;
    margin-bottom: 65px;
    display: inline-block;
    border: 1px solid #c9c9c9;
    box-shadow: 0 0 15px #c9c9c9;
    transition: .9s ease-in-out;
    -webkit-transition: .9s ease-in-out
}

.portfolio-cover img {
    width: 100%;
    height: 100%
}

.portfolio-plus {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(112, 203, 239, .7);
    background: -moz-radial-gradient(center, ellipse cover, rgba(112, 203, 239, .7) 7%, rgba(87, 191, 234, .7) 30%, rgba(38, 168, 224, .89) 75%, #26a9e0 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(7%, rgba(112, 203, 239, .7)), color-stop(30%, rgba(87, 191, 234, .7)), color-stop(75%, rgba(38, 168, 224, .89)), color-stop(100%, #26a9e0));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(112, 203, 239, .7) 7%, rgba(87, 191, 234, .7) 30%, rgba(38, 168, 224, .89) 75%, #26a9e0 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(112, 203, 239, .7) 7%, rgba(87, 191, 234, .7) 30%, rgba(38, 168, 224, .89) 75%, #26a9e0 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(112, 203, 239, .7) 7%, rgba(87, 191, 234, .7) 30%, rgba(38, 168, 224, .89) 75%, #26a9e0 100%);
    background: radial-gradient(ellipse at center, rgba(112, 203, 239, .7) 7%, rgba(87, 191, 234, .7) 30%, rgba(38, 168, 224, .89) 75%, #26a9e0 100%);
    transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out
}

.portfolio-plus a.pro-plus-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: #fff;
    border: 2px solid #fff;
    border-radius: 100%;
    padding: 5px 9px;
    line-height: 1;
    font-size: 24px;
    opacity: 0;
    visibility: hidden
}

.portfolio-cover:hover {
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1)
}

.portfolio-cover:hover .portfolio-plus {
    top: 0;
    opacity: 1
}

.form-pc-popup.open,
.portfolio-cover:hover a.pro-plus-btn {
    opacity: 1;
    visibility: visible
}

.portfolio-outer .modal-content {
    border-radius: 0;
    border: none;
    box-shadow: 0 0 30px rgba(0, 0, 0, .19)
}

.portfolio-outer .modal-dialog {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%) !important;
    left: -16px;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 1140px
}

.portfolio-outer .modal-body {
    position: relative;
    padding: 10px;
    background: #26a9e0;
    border-radius: 0
}

.portfolio-outer .tab-pane-img {
    height: 380px
}

.portfolio-outer .tab-pane .tab-pane-text {
    padding: 20px 28px
}

.portfolio-outer .tab-pane h3 {
    font-size: 20px;
    color: #fff;
    text-transform: capitalize
}

.portfolio-outer .tab-pane h3 small {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    border-left: 1px solid #fff;
    margin-left: 4px;
    padding-left: 10px
}

.portfolio-outer .tab-pane p {
    font-size: 14px;
    color: #fff;
    line-height: 1.6
}

.portfolio-outer .modal-footer {
    padding: 0;
    border-top: 1px solid #0f8ec4
}

.portfolio-tabs {
    border-bottom: none;
    margin: 0;
    padding: 0
}

.portfolio-tabs li {
    width: 25%;
    margin-bottom: -1px;
    display: block;
    float: left;
    list-style: none
}

.portfolio-tabs li a {
    display: block;
    padding: 20px;
    background: #26a9e0;
    border-radius: 0;
    margin: 0;
    border-right: 1px solid #0f8ec4
}

.portfolio-tabs li a p {
    display: inline-block;
    vertical-align: middle;
    width: 55%;
    text-align: left;
    margin-left: 13px;
    font-size: 12px;
    color: #fff
}

.portfolio-tabs>li.active>a,
.portfolio-tabs>li.active>a:focus,
.portfolio-tabs>li.active>a:hover {
    background: #74c8eb;
    border: none;
    border-right: 1px solid #0f8ec4
}

.portfolio-tabs>li>a:hover {
    border-color: #0f8ec4;
    background: #74c8eb
}

.pro-view-more-btn {
    float: right;
    font-size: 20px;
    color: #414141;
    position: relative
}

.pro-view-more-btn:before {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    max-width: 0%;
    color: #26a9e0;
    content: attr(data-hover);
    -webkit-transition: .9s ease-in-out;
    -moz-transition: .9s ease-in-out;
    transition: .9s ease-in-out;
    white-space: nowrap;
    z-index: 9999
}

.pro-view-more-btn i {
    margin-left: 10px;
    -webkit-transition: .9s ease-in-out;
    -moz-transition: .9s ease-in-out;
    transition: .9s ease-in-out
}

.pro-view-more-btn:focus:before,
.pro-view-more-btn:hover:before {
    max-width: 100%;
    color: #26a9e0;
    overflow: hidden
}

backdrop.in {
    opacity: .8 !important
}

.modal-backdrop {
    background: #fff !important
}

.our-team-banner {
    position: relative;
    width: 100%;
    min-height: 480px;
    text-align: center;
    background: #26a9e0;
    z-index: 3;
    float: left;
    overflow: hidden
}

.our-team-banner .our-team-banner-inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.our-team-banner .our-team-banner-inner h1 {
    color: #fff;
    font-size: 80px;
    font-weight: 800;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 40px
}

.our-team-banner .our-team-banner-inner p {
    color: #fff;
    font-size: 15px;
    text-align: center;
    font-weight: 300;
    line-height: 1.6
}

.team-meet-outer {
    margin-top: 90px;
    margin-bottom: 40px
}

.team-pic-cover {
    width: 100%;
    position: relative;
    margin-bottom: 50px;
    margin-top: 50px
}

.team-pic {
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    height: 458px
}

.team-pic-detail {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f28181;
    z-index: 0;
    padding-left: 120px;
    padding-right: 10px;
    padding-top: 110px;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.case-block,
.team-pic img {
    transition: .6s ease-in-out
}

.team-pic img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transition: .6s ease-in-out
}

.team-pic-cover:hover .team-pic img {
    left: -255px
}

.team-pic-cover.odd-side:hover .team-pic img {
    right: -130px;
    left: 130px
}

.team-pic-cover.odd-side:hover .team-pic-detail {
    right: 0;
    left: -120px;
    padding-right: 340px;
    padding-left: 10px
}

.team-pic-cover:hover .team-pic-detail h1,
.team-pic-cover:hover .team-pic-detail p {
    opacity: 1;
    transition: .6s ease-in-out .5s;
    -webkit-transition: .6s ease-in-out .5s
}

.team-pic-detail h1,
.team-white-vl {
    transition: .2s ease-in-out;
    opacity: 0;
    -webkit-transition: .2s ease-in-out
}

.team-white-vl {
    position: absolute;
    width: 1px;
    height: 0%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    bottom: 0;
    z-index: 1;
    left: 89px;
    background: #fff
}

.cs-ipad,
.cs-protfolio {
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.team-pic-cover.odd-side .team-white-vl {
    right: 312px
}

.team-pic-detail h1 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 40px
}

.team-pic-detail p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    opacity: 0;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.team-pic-cover:hover .team-white-vl {
    height: 50%;
    opacity: 1;
    transition: .6s ease-in-out .4s;
    -webkit-transition: .6s ease-in-out .4s
}

.team-saying {
    text-align: center;
    margin-bottom: 80px;
    position: relative
}

.team-saying h1 {
    color: #26a9e0;
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 20px
}

.team-saying p {
    color: #626262;
    font-size: 28px
}

.team-saying-hr {
    position: relative;
    display: block;
    width: 101px;
    height: 5px;
    background: #26a9e0;
    margin: 30px auto 0
}

.case-study-top-outer {
    background: #fff;
    padding: 40px 0;
    margin-top: 20px;
    margin-bottom: 20px
}

.case-study-top-heading h2 {
    font-size: 40px;
    color: #343434;
    font-weight: 400;
    letter-spacing: 1px
}

.case-study-top-heading h2>small {
    font-size: 15px;
    color: #343434;
    margin-bottom: 20px
}

.case-study-top-text p {
    font-size: 15px;
    font-weight: 400;
    color: #343434;
    line-height: 1.6;
    display: inline-block
}

.case-study-top-text:before {
    content: "";
    display: block;
    position: absolute;
    left: -23px;
    background: #343434;
    width: 1px;
    height: 100%;
    top: 0
}

.case-project-outer {
    background: #4e4e4e;
    float: left;
    width: 100%;
    padding: 50px
}

.project-text h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 20px
}

.project-rolling-num ul li,
.project-text p {
    font-size: 15px;
    font-weight: 300;
    color: #fff
}

.project-rolling-num ul li {
    display: inline-block;
    width: 24.55%
}

.project-approach ul li,
.project-brief ul li {
    display: block;
    font-size: 16px;
    font-weight: 500
}

.project-rolling-num ul li h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative
}

.how-we-done-inner-list .how-we-done-inner-text h2:after,
.project-rolling-num ul li h2:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 2px;
    background: #26a9e0;
    bottom: -22px;
    left: 0
}

.case-project-brief,
.grid-table,
.how-we-done-inner-list,
.ratios {
    display: table;
    width: 100%
}

.project-approach,
.project-brief {
    display: table-cell;
    padding: 50px;
    vertical-align: top;
    background: #26a9e0;
    width: 50%
}

.project-approach {
    background: #efefef
}

.project-approach h2,
.project-brief h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 40px;
    position: relative
}

.project-approach h2:after,
.project-brief h2:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 2px;
    background: #fff;
    bottom: -22px;
    left: 0
}

.project-approach p,
.project-brief p {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 20px
}

.project-brief ul {
    margin: 20px 0;
    padding: 0;
    float: left;
    width: 100%
}

.project-brief ul li {
    list-style: none;
    color: #fff;
    margin-bottom: 6px
}

.project-brief ul li>span {
    width: 120px;
    display: inline-block
}

.project-brief a.share-proj {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px
}

.project-approach h2,
.project-approach p,
.project-brief a.share-proj:hover {
    color: #4e4e4e
}

.project-approach h2:after {
    background: #4e4e4e
}

.project-approach ul li {
    position: relative;
    padding-left: 15px;
    color: #4e4e4e;
    margin-bottom: 20px;
    margin-top: 30px;
    line-height: 1.6
}

.how-we-done-inner-list .how-we-done-inner-text ul li:before,
.project-approach ul li:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #4e4e4e;
    left: 0;
    top: 9px
}

.how-we-done-outer {
    margin-top: 50px;
    padding-top: 50px
}

.how-we-done-outer .pink-heading h1 {
    text-align: center;
    margin-bottom: 50px
}

.how-we-done-outer .pink-heading p {
    color: #4e4e4e;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    line-height: 1.6
}

.how-we-done-inner {
    margin-top: 80px
}

.how-we-done-inner-list .how-we-done-inner-img {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

.how-we-done-inner-list .how-we-done-inner-text {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding: 0 40px
}

.how-we-done-inner-list .how-we-done-inner-text h2,
.ppc-case-details-slider h2 {
    color: #4e4e4e;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 40px;
    position: relative
}

.how-we-done-inner-list .how-we-done-inner-text p {
    color: #4e4e4e;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 20px
}

.how-we-done-inner-list .how-we-done-inner-text ul li {
    position: relative;
    display: block;
    padding-left: 15px;
    color: #4e4e4e;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.6
}

.how-we-done-inner-text.no-padding {
    padding-left: 0
}

.how-we-done-inner .start-pro-btn {
    display: block;
    margin: 50px auto 80px
}

.how-we-done-contact {
    background: #f5f5f5
}

.how-we-done-contact .contact-inner {
    border-bottom: 1px solid #d7d7d7
}

.dedicated-resources-selection .nav-tabs>li.active:last-child>a,
.dedicated-resources-selection .nav-tabs>li:last-child>a:hover,
.how-we-done-contact .contact-form-cvr form {
    border: none
}

.how-we-done-contact .contact-form-cvr form .form-group input {
    background: 0 0
}

.how-we-done-contact-heading,
.internet-image-group .internet-image-group-cover {
    text-align: center;
    margin-bottom: 30px
}

.web-design-cover {
    margin-top: 90px
}

.footer .footer-city-menu .text-center,
.ppc-wrap .our-approach-post,
.seo-comp-india .seo-comp-steps figure,
.web-design-top-text {
    margin-bottom: 50px
}

.web-design-top-text h1 {
    font-size: 45px;
    color: #26a9e0;
    font-weight: 800;
    text-align: left;
    margin-bottom: 50px
}

.web-design-mid-text p,
.web-design-top-text p,
.web-design-top-text ul li {
    color: #414141;
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: 300;
    line-height: 1.6
}

.web-design-top-text ul li {
    padding-left: 10px;
    position: relative;
    list-style: none;
    display: block
}

.web-design-top-text ul li:before {
    content: "";
    position: absolute;
    left: 0;
    height: 13px;
    width: 2px;
    background: #26a9e0;
    top: 6px
}

.web-design-mid-text h2 {
    display: block;
    margin: 0 0 20px
}

.web-design-mid-text {
    display: block;
    margin: 30px 0 0;
    text-align: center
}

.web-design-mid-text .start-pro-btn {
    display: block;
    margin: 80px auto
}

.web-design-respon-outer {
    float: left;
    width: 100%;
    background: #f9f9f9;
    position: relative;
    text-align: center;
    padding: 80px 0
}

.web-design-respon-heading h1 {
    font-size: 45px;
    color: #26a9e0;
    font-weight: 800;
    margin-bottom: 20px;
    text-align: center
}

.web-design-respon-text p {
    color: #414141;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    font-weight: 300;
    text-align: center
}

.web-design-respon-img {
    margin-top: 80px;
    margin-bottom: 40px
}

.web-design-respon-img img {
    margin: 0 auto;
    display: inline-block
}

#bigTriangleColor {
    background: #fff;
    height: 50px;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid #fff
}

#bigTriangleColor path {
    fill: #F0F0F0;
    stroke: #f0f0f0;
    stroke-width: 0;
    border: 0
}

.what-ppl-say {
    margin-top: 60px;
    margin-bottom: 60px;
    float: left;
    width: 100%
}

.what-ppl-say h1 {
    font-size: 45px;
    color: #26a9e0;
    font-weight: 900;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    padding-top: 40px
}

.what-ppl-say h1:before {
    content: "";
    position: absolute;
    top: 0;
    width: 321px;
    height: 1px;
    background: #efefef;
    margin: 0 auto;
    left: 0;
    right: 0
}

.what-ppl-say p {
    color: #414141;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 15px;
    padding: 0 80px;
    font-weight: 300;
    text-align: center
}

.cbp-qtrotator {
    position: relative;
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
    text-align: left
}

.cbp-qtrotator .cbp-qtcontent {
    position: absolute;
    min-height: 200px;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding: 2em 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    width: 100%
}

.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
    position: relative;
    z-index: 100;
    pointer-events: auto;
    opacity: 1
}

.cbp-qtrotator .cbp-qtcontent:after,
.cbp-qtrotator .cbp-qtcontent:before {
    content: " ";
    display: table
}

.cbp-qtprogress {
    position: absolute;
    background: #26a9e0;
    height: 2px;
    width: 0%;
    top: 0;
    z-index: 1
}

.cbp-qtrotator blockquote {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-style: normal;
    border: 0
}

.cbp-qtrotator blockquote p {
    font-size: 16px;
    color: #888;
    font-weight: 300;
    text-align: left;
    line-height: 1.8;
    margin: 0 0 20px;
    padding: 0
}

.cbp-qtrotator blockquote footer {
    font-size: 14px;
    font-weight: 700;
    color: #26a9e0
}

.cbp-qtrotator blockquote footer:before {
    content: '― '
}

.cbp-qtrotator .cbp-qtcontent img {
    float: right;
    margin-left: 3em
}

.case-study-banner {
    background: #26a9e0;
    height: 667px;
    position: relative;
    width: 100%
}

.case-study-banner-inner {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 20px
}

.cs-ipad {
    top: 41%;
    z-index: 3;
    margin-left: -130px
}

.cs-ipad img.cs-ipad-img {
    width: 255px
}

.cs-ipad p {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    left: -180px;
    width: 100px;
    top: -20px
}

.cs-protfolio p,
.cs-quality p,
.cs-web-dev p {
    left: 0;
    position: absolute
}

.cs-protfolio p,
.cs-quality p,
.cs-review p,
.cs-web-dev p {
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    width: 160px;
    color: #fff
}

.cs-ipad .cs-ipad-arrow {
    position: absolute;
    left: -89px;
    width: 80px;
    top: 15px
}

.cs-protfolio {
    top: 50%;
    z-index: 0;
    margin-left: 85px
}

.cs-quality,
.cs-web-dev {
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%)
}

.cs-protfolio img.cs-protfolio-img {
    width: 310px
}

.cs-protfolio p {
    top: -22px;
    margin-left: 350px
}

.cs-protfolio .cs-protfolio-arrow {
    position: absolute;
    left: 320px;
    width: 80px;
    top: 15px
}

.cs-web-dev {
    top: 70%;
    z-index: 2;
    margin-left: 140px
}

.cs-web-dev img.cs-web-dev-img {
    width: 230px
}

.cs-web-dev p {
    top: 18px;
    margin-left: 290px
}

.cs-web-dev .cs-web-dev-arrow {
    position: absolute;
    left: 240px;
    width: 80px;
    top: 55px
}

.cs-quality {
    top: 50%;
    z-index: 1;
    margin-top: 76px
}

.cs-quality img.cs-quality-img {
    width: 350px
}

.cs-quality p {
    top: 288px;
    margin-left: 44px
}

.cs-quality .cs-quality-arrow {
    position: absolute;
    left: 90px;
    width: auto;
    top: 230px
}

.cs-review {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 4;
    margin-left: -194px
}

.cs-review img.cs-review-img {
    width: 130px
}

.cs-review p {
    position: absolute;
    left: 0;
    top: 128px;
    margin-left: -125px
}

.cs-review .cs-review-arrow {
    position: absolute;
    left: -80px;
    width: 60px;
    top: 68px
}

.case-study-outer {
    position: relative;
    padding: 50px 0
}

.case-study-outer .pink-heading {
    opacity: 1;
    margin: 0 0 60px
}

.case-study-outer .pink-heading h1 {
    font-weight: 800;
    color: #26a9e0;
    line-height: 1.1;
    font-size: 45px;
    text-align: center
}

.case-block {
    position: relative;
    float: left;
    width: 100%;
    -webkit-transition: .6s ease-in-out
}

.case-one {
    display: block;
    margin: 0 0 50px;
    float: left;
    width: 100%;
    height: 500px;
    position: relative;
    background: #feffff;
    background: -moz-linear-gradient(top, #feffff 0, #ddf1f9 35%, #a0d8ef 100%);
    background: -webkit-linear-gradient(top, #feffff 0, #ddf1f9 35%, #a0d8ef 100%);
    background: linear-gradient(to bottom, #feffff 0, #ddf1f9 35%, #a0d8ef 100%)
}

.case-one-img {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 350px;
    height: 300px;
    margin: auto;
    background: url(../image/case-study-main-img.webp) center center/cover no-repeat;
    overflow: hidden
}

.MobileApp .case-one-img {
    width: 251px;
    height: 329px;
    background: url(../image/case-study-main-img-mobile.png) center center no-repeat
}

.hr-cust-line:after,
.hr-cust-line:before {
    width: 22px;
    height: 3px;
    left: -10px;
    content: ""
}

.case-one-img figure {
    position: absolute;
    top: 14px;
    left: 14px;
    bottom: 106px;
    right: 14px;
    background-position: 0 0;
    background-size: cover
}

.MobileApp .case-one-img figure {
    top: 50px;
    bottom: 0;
    left: 16px;
    right: 16px;
    background-position: top center
}

.case-one-text,
.reputation-wrap p img {
    display: block;
    margin: 50px 0 0
}

.service-list-text ul li,
a.case-btn {
    display: inline-block;
    font-size: 18px
}

.case-heading {
    min-height: 85px;
    position: absolute;
    top: 50%;
    transition: .9s cubic-bezier(0, 1.22, .66, 1.1);
    bottom: 0;
    left: 35px;
    right: 35px;
    transform: translateY(-50%)
}

.case-heading h4 {
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    position: relative
}

.case-heading h4:after {
    content: "";
    display: block;
    width: 47px;
    height: 1px;
    background: #26a9e0;
    margin: 10px 0 15px
}

.case-one-text h1,
.seo-comp-india .case-one-text h1 {
    font-weight: 400;
    color: #26a9e0;
    text-transform: capitalize;
    font-size: 28px;
    margin-bottom: 8px;
    line-height: 1.4
}

.case-one-text h1 a:focus,
.case-one-text h1 a:hover {
    color: #f58423
}

.case-one-text p {
    font-weight: 400;
    color: #404041;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px
}

a.case-btn {
    position: absolute;
    top: 62%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 190px;
    padding: 7px 10px;
    border: 2px solid #fff;
    background: rgba(0, 0, 0, .55);
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out;
    opacity: 0;
    z-index: 5
}

.contact-form input[type=submit]:hover,
.form-pc-popup input[type=submit]:hover,
a.case-btn:hover {
    background: #fff;
    color: #26a9e0
}

.case-content {
    opacity: 0;
    transition: .3s ease-in-out .3s
}

.case-one .case-one-img figure:after {
    content: "";
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.case-one:hover .case-one-img figure:after,
.imark-facts ul li:first-of-type svg {
    top: 0
}

.blog-heading.inner-ser-head h2 {
    font-size: 37px
}

.service-list-item {
    padding-bottom: 10px;
    height: 100%;
    position: relative;
    margin-top: 30px;
    margin-bottom: 50px
}

.service-list-text {
    margin-left: 130px;
    margin-top: 90px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eaeaea
}

.service-list-text h1 {
    font-weight: 700;
    color: #26a9e0;
    text-transform: none;
    font-size: 42px;
    position: relative;
    margin-bottom: 20px
}

.service-list .service-list-item .service-list-text:first-child h1:before {
    content: "";
    background: url(../image/service-seo-icon.png) 0 0/100% no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 130px;
    height: 130px;
    left: -138px;
    z-index: 10
}

.service-list .service-list-item .service-list-text:nth-child(2) h1:before {
    content: "";
    background: url(../image/service-ppc-icon.png) 0 0/100% no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 103px;
    height: 130px;
    left: -121px;
    z-index: 10
}

.service-list .service-list-item .service-list-text:nth-child(3) h1:before {
    content: "";
    background: url(../image/service-link-building-icon.png) 0 0/100% no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 140px;
    height: 130px;
    left: -157px;
    z-index: 10
}

.service-list .service-list-item .service-list-text:nth-child(4) h1:before {
    content: "";
    background: url(../image/service-social-media-icon.png) 0 0/100% no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 150px;
    height: 130px;
    left: -157px;
    z-index: 10
}

.service-list .service-list-item .service-list-text:nth-child(5) h1:before {
    content: "";
    background: url(../image/service-reputation-icon.png) 0 0/100% no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 170px;
    height: 130px;
    left: -185px;
    z-index: 10
}

.service-list-text p {
    font-weight: 400;
    color: #414141;
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 1.6
}

.service-list-text ul li {
    margin-right: 70px;
    float: left;
    font-weight: 400;
    color: #414141;
    text-transform: capitalize
}

.service-list-text ul li div {
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px
}

.service-list-text ul li img {
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle
}

.hr-cust-line {
    position: absolute;
    top: 27px;
    width: 2px;
    left: 53px;
    bottom: 20px;
    background: #26a9e0;
    z-index: 0
}

.hr-cust-line:before {
    position: absolute;
    top: 0;
    background: #26a9e0
}

.hr-cust-line:after {
    position: absolute;
    bottom: 0;
    background: #26a9e0
}

.service-pro-btn {
    margin-left: 130px;
    margin-top: 70px
}

.it-services-cover {
    margin-top: 50px;
    margin-bottom: 80px
}

.it-services-heading h1 {
    font-weight: 700;
    color: #26a9e0;
    text-transform: capitalize;
    font-size: 42px;
    position: relative;
    margin-bottom: 20px
}

.comp-india-sidebar .cont-us-btn,
.filter-button-group button,
.perfect-design h3,
.process-block h3,
.review-section p,
.seo-comp-steps ul li span,
.what-we-do-hdr h2,
a.btn-home {
    text-transform: uppercase
}

.it-services-heading p {
    width: 55%;
    border-top: 1px solid #26a9e0;
    border-right: 1px solid #26a9e0;
    padding: 15px 160px 10px 0;
    line-height: 1.6;
    font-weight: 400;
    color: #434343;
    font-size: 14px;
    margin-bottom: 15px
}

.it-services-heading ul li {
    display: block;
    list-style: none;
    font-weight: 400;
    color: #434343;
    font-size: 18px;
    position: relative;
    padding: 10px 38px
}

.it-services-heading ul li:first-child:before {
    content: "";
    background: url(../image/dig-icon-6.png) left top no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    height: 24px;
    width: 24px;
    transform: translateY(-50%)
}

.it-services-heading ul li:nth-child(2):before {
    content: "";
    background: url(../image/dig-icon-7.png) left top no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    height: 17px;
    width: 27px;
    transform: translateY(-50%)
}

.it-services-heading ul li:nth-child(3):before {
    content: "";
    background: url(../image/dig-icon-8.png) left top no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    height: 22px;
    width: 22px;
    transform: translateY(-50%)
}

.methods-wrap ul li:before,
.ppc-wrap ul li:before,
.reputation-wrap ul li:before {
    height: 12px;
    width: 12px;
    content: "";
    background: url(../image/arrow-blue.png) center/100% auto no-repeat
}

.it-ser-banner-img {
    position: absolute;
    top: 37px;
    right: 0;
    width: 78%
}

.yrs-skill-cvr {
    background: #26a9e0;
    color: #fff;
    padding: 108px 0 80px;
    width: 100%
}

.yrs-skill-cvr h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    margin: 10px 0 15px
}

.yrs-skill-cvr p {
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 30px
}

.top-hdr {
    display: block;
    margin: 0 0 45px
}

.top-hdr h1 {
    font-size: 35px;
    font-weight: 400;
    margin: 0 0 30px
}

.top-hdr p {
    font-size: 16px;
    line-height: 26px;
    padding: 0 115px
}

.barWrapper {
    display: block;
    margin: 0 0 13px
}

span.progressText {
    font-size: 14px;
    position: absolute;
    padding-left: 20px;
    color: #26a9e0;
    left: 13px;
    top: 9px
}

span.progressText strong {
    display: inline-block;
    font-weight: 400;
    margin-left: 15px
}

span.progressText .fa {
    left: 0;
    position: absolute;
    top: 2px
}

span.progressText .fa.fa-mobile {
    font-size: 20px;
    left: 2px;
    top: 0
}

.progress-bar {
    background-color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-transition: width 1.5s ease-in-out;
    transition: width 1.5s ease-in-out
}

.progress {
    margin-bottom: 0;
    overflow: visible;
    height: 38px;
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 6px 2px rgba(0, 0, 0, .15), 0 0 6px 2px rgba(0, 0, 0, .15);
    box-shadow: inset 0 0 6px 2px rgba(0, 0, 0, .15), 0 0 6px 2px rgba(0, 0, 0, .15);
    border: 1px solid #dadee0
}

.dealing-in {
    display: block;
    padding: 140px 0 90px
}

.dealing-in:before,
.what-ppl-say.two:before {
    background: #26a9e0;
    content: "";
    display: block;
    height: 110px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 2px
}

.dealing-in h2 {
    color: #26a9e0;
    display: block;
    font-size: 45px;
    font-weight: 900;
    margin: 0 0 60px
}

.section-hdr h2,
.section-hdr p {
    display: table-cell;
    vertical-align: middle
}

.deal-block {
    background: #f7f9fa;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 3px #e5e5e5;
    color: #414141;
    display: block;
    padding: 42px 25px 55px;
    margin-bottom: 30px
}

.deal-block:hover,
.smm-pricing-table table.TFtable tr:first-child td:nth-child(3),
a.btn-home:hover {
    background: #26a9e0;
    color: #fff
}

.deal-block h3 {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .03em;
    margin: 0 0 30px
}

.deal-block p {
    font-size: 16px;
    letter-spacing: .03em;
    line-height: 18px
}

.deal-block [class*="-ico"] {
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    margin: 0 auto 10px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    width: 30px
}

.deal-block i.web-design-ico {
    background-image: url(../image/dig-icon-6.png)
}

.deal-block:hover i.web-design-ico {
    background-image: url(../image/dig-icon-6-inverse.png)
}

.deal-block i.web-dev-ico {
    background-image: url(../image/dig-icon-7.png)
}

.deal-block:hover i.web-dev-ico {
    background-image: url(../image/dig-icon-7-inverse.png)
}

.deal-block i.mob-app-ico {
    background-image: url(../image/dig-icon-8.png)
}

.deal-block:hover i.mob-app-ico {
    background-image: url(../image/dig-icon-8-inverse.png)
}

.dealing-in .start-pro-btn {
    display: block;
    margin: 85px auto 0
}

.section-hdr {
    background: #26a9e0;
    color: #fff;
    display: table;
    padding: 30px 40px;
    table-layout: auto;
    width: 100%
}

.form-table,
.grid-table,
.ratios,
.services {
    table-layout: fixed
}

.section-hdr h2 {
    border-right: 1px solid #fff;
    font-size: 38px;
    padding: 10px 20px 10px 0;
    width: auto;
    white-space: nowrap
}

.section-hdr p {
    font-size: 15px;
    line-height: 25px;
    padding: 0 20px 0 38px
}

.how-do-we-do h2,
.social-media-wrap h2 {
    display: inline-block;
    letter-spacing: .03em;
    color: #26a9e0
}

.section-hdr p a:focus,
.section-hdr p a:hover {
    color: #0c3546
}

.link-building {
    display: block;
    padding: 120px 0 66px
}

.link-building:after {
    background: #26a9e0;
    content: "";
    display: block;
    height: 98px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 2px
}

.link-building h2 {
    color: #26a9e0;
    font-size: 46px;
    font-weight: 700;
    letter-spacing: .03em;
    margin: 0 0 52px
}

.link-building p,
.social-media-wrap p {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: .03em;
    margin: 0 0 25px
}

.methods-wrap {
    background: #f9f9f9;
    padding: 60px 0
}

.methods-wrap .chain-img {
    position: absolute;
    left: -90px;
    top: -105px
}

.methods-wrap .curved-arrow-up {
    display: block;
    left: 63%;
    position: absolute;
    top: -172px;
    width: 66px
}

.methods-wrap .curved-arrow-down {
    display: none;
    left: -30px;
    position: absolute;
    bottom: -155px;
    width: 66px
}

.methods-wrap h2 {
    color: #26a9e0;
    font-size: 45px;
    font-weight: 900;
    margin: 0 0 25px
}

.methods-wrap h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin: 0 0 50px
}

.methods-wrap ul li {
    display: block;
    font-size: 20px;
    font-weight: 500;
    list-style: none;
    margin: 0 0 25px;
    padding: 0 0 0 25px;
    position: relative
}

.methods-wrap ul li:before,
.ppc-wrap ul li:before {
    display: block;
    left: 0;
    position: absolute;
    top: 5px
}

.what-ppl-say.two {
    margin-top: 0;
    margin-bottom: 80px;
    padding: 130px 0 0;
    position: relative
}

.imark-facts ul li:first-of-type,
.perfect-design .left_,
.perfect-design .right_,
.what-ppl-say.no-style h1,
.what-ppl-say.two h1 {
    padding-top: 0
}

.social-media-wrap {
    display: block;
    padding: 80px 0;
    position: relative
}

.social-media-wrap h2 {
    font-size: 46px;
    font-weight: 700;
    margin: 0 0 80px;
    position: relative
}

.social-media-wrap h2:after,
.social-media-wrap h2:before {
    background: #26a9e0;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    margin: auto;
    position: absolute;
    top: 0;
    z-index: 0
}

.social-media-wrap h2:after {
    left: -50000px;
    right: 104%
}

.social-media-wrap h2:before {
    left: 104%;
    right: -50000px
}

.social-media-wrap h4 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .03em;
    line-height: 25px;
    margin: 0 0 30px
}

.social-media-wrap .start-pro-btn {
    display: block;
    margin: 55px auto 0
}

.how-do-we-do {
    background: #f9f9f9;
    padding: 75px 0;
    position: relative
}

.how-do-we-do .container {
    min-height: 450px;
    position: relative
}

.social-media-img {
    bottom: -85px;
    position: absolute;
    right: -185px
}

.half-mouse {
    left: 0;
    position: absolute;
    top: 170px
}

.how-do-we-do h2 {
    font-size: 45px;
    font-weight: 900;
    margin: 0 0 35px;
    position: relative
}

.how-do-we-do h2:before {
    background: #26a9e0;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: -50000px;
    margin: auto;
    position: absolute;
    right: 105%;
    top: 0;
    z-index: 0
}

.sm-main {
    display: block;
    padding: 0 0 0 60px
}

.sm-box-outer {
    display: block;
    float: left;
    padding: 25px 0 0;
    position: relative;
    text-align: left;
    width: 100%
}

.sm-box-outer:before {
    background: #26a9e0;
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

.hwd-inner:after,
.sm-box-outer:after {
    background: #26a9e0;
    content: "";
    height: 3px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 23px
}

.sm-box {
    display: block;
    margin: 0 0 30px;
    min-height: 150px;
    padding-top: 5px
}

.sm-box h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 3px
}

.hwd-inner p,
.perfect-design p,
.sm-box p {
    font-size: 16px;
    line-height: 25px
}

.left_ .sm-box {
    padding-left: 88px;
    padding-right: 20px
}

.right_ .sm-box {
    margin-left: 20px;
    padding-left: 88px
}

.sm-box.brand {
    background: url(../image/brand-monitoring-icon.png) left top no-repeat
}

.sm-box.smm {
    background: url(../image/social-media-manage-icon.png) left top no-repeat
}

.sm-box.smc {
    background: url(../image/social-media-contents-icon.png) left top no-repeat
}

.sm-box.setup {
    background: url(../image/setup-wheel-icon.png) left top no-repeat
}

.process-block [class*="-icon"],
.service-block [class*="-icon"] {
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat
}

.what-ppl-say.no-style {
    margin-top: 0;
    margin-bottom: 80px;
    padding: 75px 0 0;
    position: relative
}

.mobile-app-wrap {
    display: block;
    padding: 90px 0
}

.mobile-app-wrap h2 {
    color: #26a9e0;
    font-size: 45px;
    font-weight: 800;
    margin: 0 0 20px
}

.forget-us p,
.mobile-app-wrap p {
    font-size: 16px;
    line-height: 25px;
    margin: 0 0 25px
}

.perfect-design {
    background: #f7f7f7;
    display: block;
    padding: 65px 0
}

.perfect-design .features {
    display: block;
    margin: 0 0 28px;
    min-height: 160px
}

.perfect-design .features:last-of-type {
    min-height: 100%;
    margin: 0
}

.perfect-design h3 {
    color: #26a9e0;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 15px
}

.services-wrap {
    display: block;
    padding: 0 0 63px
}

.process-wrap h2,
.services-wrap h2 {
    color: #26a9e0;
    font-size: 45px;
    font-weight: 700;
    margin: 0 0 35px;
    padding: 0 0 35px;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.process-wrap h2:after,
.services-wrap h2:after {
    background: #00aeef;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 159px;
    z-index: 0
}

.process-wrap h2:before,
.services-wrap h2:before {
    background: url(../image/arrwo-with-white-center.png) center/100% auto no-repeat;
    bottom: -5px;
    content: "";
    height: 16px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 19px;
    z-index: 1
}

.services-wrap h5 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 auto;
    max-width: 825px;
    text-align: center
}

.services {
    border-left: 2px solid #e1e1e1;
    border-top: 2px solid #e1e1e1;
    display: table;
    margin: 135px 0 0;
    width: 100%
}

.service-block {
    border-bottom: 2px solid #e1e1e1;
    border-right: 2px solid #e1e1e1;
    display: table-cell;
    height: 295px;
    padding: 85px 35px 30px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 25%
}

.service-block [class*="-icon"] {
    background-size: 49px auto;
    border: 2px solid #e1e1e1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    height: 109px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -55px;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    width: 109px
}

.custom-projects-icon {
    background-image: url(../image/custom-project-icon.png)
}

.maintenance-icon {
    background-image: url(../image/mentainance-icon.png)
}

.software-service-icon {
    background-image: url(../image/software-service-icon.png)
}

.big-data-icon {
    background-image: url(../image/big-data-icon.png)
}

.service-block:hover [class*="-icon"] {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg)
}

.service-block h3 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px
}

.service-block p,
.we-are-wrap p {
    font-size: 16px;
    line-height: 25px;
    margin: 0 0 20px
}

.service-block a.learn-more {
    color: #3daee1;
    font-size: 16px;
    font-weight: 700
}

.service-block a.learn-more:hover {
    color: #0780bc
}

.process {
    display: block;
    float: left;
    margin: 55px 0 75px;
    width: 100%
}

.process-block {
    display: block;
    float: left;
    margin: 0 10% 0 0;
    position: relative;
    text-align: center;
    width: 198px
}

.process-block [class*="-icon"] {
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    height: 120px;
    margin: 0 auto 60px;
    width: 120px
}

.design-icon {
    background-image: url(../image/design-icon.png);
    background-size: 54px auto
}

.coding-icon {
    background-image: url(../image/coding-icon.png);
    background-size: 58px auto
}

.testing-icon {
    background-image: url(../image/testing-icon.png);
    background-size: 45px auto
}

.launch-icon {
    background-image: url(../image/launch-icon.png);
    background-size: 40px auto
}

.process-block h3 {
    background: url(../image/cross-cut-arrow.jpg) left center/auto 100% no-repeat #26a9e0;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin: 0 16px 0 0;
    padding: 8px 10px 8px 70px;
    position: relative
}

.process-block h3:before {
    border-color: transparent transparent transparent #26a8e0;
    border-style: solid;
    border-width: 18px 0 18px 16px;
    content: "";
    height: 0;
    position: absolute;
    right: -16px;
    top: 0;
    width: 0
}

.reputation-wrap {
    padding: 80px 0
}

.reputation-wrap h2 {
    color: #26a9e0;
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 20px
}

.reputation-wrap p,
.reputation-wrap ul li {
    font-size: 16px;
    letter-spacing: .03em;
    line-height: 25px
}

.reputation-wrap p {
    margin: 0 0 30px
}

.reputation-wrap p+h2 {
    padding-top: 30px
}

.ppc-wrap ul li,
.reputation-wrap ul li {
    margin: 0 0 25px;
    padding: 0 0 0 30px;
    list-style: none
}

.reputation-wrap ul li {
    color: #414141;
    display: block;
    position: relative
}

.reputation-wrap ul li:before {
    display: block;
    left: 0;
    position: absolute;
    top: 6px;
    border-radius: 0
}

.reputation-wrap a.start-pro-btn {
    margin: 0 0 40px;
    width: 390px
}

.what-we-do-hdr {
    background: #26a9e0;
    color: #fff;
    min-height: 495px;
    position: relative;
    text-align: center
}

.arc,
.hdr-caption {
    position: absolute;
    left: 0
}

.what-we-do-hdr h2 {
    font-size: 110px;
    font-weight: 900;
    line-height: 1;
    margin: 0 0 10px
}

.what-we-do-hdr h3 {
    font-size: 45px;
    margin: 0 0 20px
}

.what-we-do-hdr p {
    font-size: 15px;
    line-height: 25px
}

.hdr-caption {
    display: block;
    margin: auto;
    max-width: 655px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 1
}

.we-are-wrap {
    background: #fff;
    background-image: -webkit-linear-gradient(to top left, #fbfbfb 50%, #fff 50%);
    background-image: -moz-linear-gradient(to top left, #fbfbfb 50%, #fff 50%);
    background-image: -o-linear-gradient(to top left, #fbfbfb 50%, #fff 50%);
    background-image: linear-gradient(to top left, #fbfbfb 50%, #fff 50%);
    padding: 100px 0
}

.arc {
    height: 302px;
    width: 310px;
    z-index: 0
}

.build-relationship-wrap,
.forget-us,
.how-do-we-do-wrap,
.hwd-inner {
    position: relative;
    display: block
}

.we-are-grapgics h2 {
    color: #26a9e0;
    font-size: 45px;
    font-weight: 800;
    left: 0;
    position: absolute;
    top: 115px;
    z-index: 1
}

.we-are-grapgics h3 {
    color: #414141;
    font-size: 26px;
    font-weight: 500;
    margin: 0 0 20px
}

.we-are-grapgics p {
    line-height: 20px
}

.we-are-grapgics ul li {
    display: block;
    list-style: none;
    position: absolute;
    width: 228px;
    z-index: 1
}

.we-are-grapgics ul li.creative-box {
    right: 0;
    top: 0
}

.we-are-grapgics ul li.professional-box {
    right: 60px;
    top: 228px
}

.we-are-grapgics ul li.modern-box {
    left: 0;
    top: 339px
}

.we-are-grapgics ul li.active:before {
    background: url(../image/arc-active.png) center top no-repeat;
    content: "";
    display: block;
    height: 124px;
    position: absolute;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    width: 14px
}

.we-are-grapgics ul li.creative-box.active:before {
    left: -62px;
    top: 0;
    transform: rotate(3deg)
}

.we-are-grapgics ul li.professional-box.active:before {
    left: -71px;
    transform: rotate(41deg);
    -webkit-transform: rotate(41deg);
    top: -76px
}

.we-are-grapgics ul li.modern-box.active:before {
    left: 53px;
    transform: rotate(80deg);
    -webkit-transform: rotate(80deg);
    top: -108px
}

.bulb-text-section {
    padding: 0 0 0 60px
}

.how-do-we-do-wrap {
    padding: 80px 0 100px
}

.how-do-we-do-wrap:after {
    background: #26a9e0;
    bottom: 11px;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0
}

.how-do-we-do-wrap h2 {
    color: #26a9e0;
    font-size: 45px;
    font-weight: 900;
    margin: 0 0 35px;
    text-align: center
}

.hwd-inner {
    margin: 0 auto;
    max-width: 970px;
    padding: 25px 0 0
}

.hwd-inner:before {
    background: #26a9e0;
    bottom: -89px;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

.hwd-inner h3 {
    color: #414141;
    font-size: 26px;
    font-weight: 500;
    margin: 0 0 40px
}

.hwd-inner .left_ {
    padding-right: 45px;
    text-align: right
}

.hwd-inner .right_ {
    padding-left: 45px
}

.forget-us {
    background: #ececec;
    padding: 130px 0 80px
}

.forget-us h2 {
    color: #26a9e0;
    font-size: 45px;
    font-weight: 900;
    margin: 0 0 30px
}

.forget-us h3 {
    color: #414141;
    font-size: 27px;
    letter-spacing: .02em;
    line-height: 38px;
    margin: 0 0 20px
}

.pencils {
    left: 1%;
    top: -38px
}

.mac-keyboard {
    bottom: -110px;
    left: 33%;
    z-index: 2
}

.mac-mice {
    bottom: -75px;
    right: 12%;
    z-index: 2
}

.headphones {
    right: -30px;
    top: -120px;
    transform: rotate(-10deg);
    width: 288px;
    z-index: 0
}

.build-relationship-wrap {
    background: #fff;
    padding: 158px 0 65px
}

.build-relationship-wrap:after {
    background: #26a9e0;
    bottom: 0;
    content: "";
    left: 27.1%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.notebook {
    display: block;
    position: absolute;
    right: 72.9%;
    top: 96px
}

.br-inner {
    color: #fff;
    display: block;
    padding-left: 28%
}

.br-inner h2 {
    font-size: 45px;
    font-weight: 900;
    margin: 0 0 30px
}

.br-inner p {
    font-size: 20px;
    line-height: 30px
}

.contact-btn {
    display: inline-block;
    width: 280px;
    text-align: center;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #26a9e0;
    font-size: 24px;
    font-weight: 500;
    line-height: 2.8;
    transition: .8s ease-in-out;
    -webkit-transition: .8s ease-in-out;
    position: relative;
    overflow: hidden;
    margin-top: 30px
}

.contact-btn span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #26a9e0;
    visibility: hidden;
    transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out
}

.contact-btn:hover {
    background: #26a9e0;
    border: 1px solid #fff;
    color: #fff
}

.outsourcing-wrap {
    position: relative;
    width: 100%;
    height: 487px;
    margin: 0 auto;
    background: url(../image/outsourcing-banner-bg.jpg) center top #ddddde
}

.outsourcing-wrap:after,
.outsourcing-wrap:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 50%;
    background-color: #fff;
    padding-bottom: 5.5%
}

.outsourcing-wrap:before {
    right: 50%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -ms-transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    transform: skewX(83.8deg)
}

.outsourcing-wrap:after {
    left: 50%;
    -ms-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -ms-transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    transform: skewX(-83.8deg)
}

.hdr-banner img {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

.outsourcing-banner-svg-area {
    padding: 100px 0 130px
}

.outsourcing-banner-svg-area h2 {
    color: #26a9e0;
    font-size: 45px;
    font-weight: 900;
    letter-spacing: .03em;
    margin: 0 0 35px;
    position: relative
}

.outsourcing-banner-svg-area h3,
.outsourcing-banner-svg-area h4 {
    font-size: 35px;
    line-height: 48px;
    margin: 0 0 32px;
    font-weight: 500
}

.outsourcing-banner-svg-area h2:before {
    background: #00aeef;
    bottom: 0;
    content: "";
    height: 2px;
    left: -10000px;
    margin: auto;
    position: absolute;
    right: 102%;
    top: 0
}

.outsourcing-banner-svg-area h3 {
    border-bottom: 1px solid #b3b3b3;
    font-style: italic;
    padding: 0 0 32px
}

.outsourcing-banner-svg-area p {
    color: #414141;
    font-size: 24px;
    line-height: 40px
}

.outsource-text {
    margin: 70px 0 0;
    min-height: 320px;
    padding-left: 45px
}

.round-line img {
    max-width: none;
    position: absolute;
    right: 0;
    width: 480px
}

.planePath {
    stroke: #D9DADA;
    stroke-width: .1%;
    stroke-width: .5%;
    stroke-dasharray: 1% 2%;
    stroke-linecap: round;
    fill: none
}

.fil1 {
    fill: #D9DADA
}

.fil2 {
    fill: #C5C6C6
}

.fil4 {
    fill: #9D9E9E
}

.fil3 {
    fill: #AEAFB0
}

.path {
    opacity: 0;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    opacity: 1;
    animation: 5s linear forwards dash;
    -webkit-animation: 5s linear forwards dash;
    -moz-animation: 5s linear forwards dash;
    -ms-animation: dash 5s forwards linear
}

@keyframes dash {
    from {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 1000
    }
}

_:-ms-fullscreen,
:root .path {
    opacity: 1;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -ms-animation: none !important;
    -o-animation: none !important;
    animation: none !important
}

_::-moz-svg-foreign-content,
:root .path {
    opacity: 1;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -ms-animation: none !important;
    -o-animation: none !important;
    animation: none !important
}

.benefits-wrap {
    background: #f5f5f5;
    display: block;
    padding: 115px 0 60px
}

.benefits-wrap h2 {
    color: #26a9e0;
    font-size: 38px;
    font-weight: 900;
    margin: 0 0 45px;
    position: relative
}

.benefits-wrap h3 {
    background-position: left;
    background-repeat: no-repeat;
    color: #414141;
    font-size: 18px;
    margin: 0 0 10px;
    padding: 15px 0 15px 65px
}

.benefits-wrap h3.cost-saving {
    background-image: url(../image/cost-saving-icon.png)
}

.benefits-wrap h3.new-vision {
    background-image: url(../image/new-vision-icon.png)
}

.benefits-wrap h3.grooming {
    background-image: url(../image/grooming-icon.png)
}

.benefits-wrap h3.time-saving {
    background-image: url(../image/time-saving-icon.png)
}

.benefits-wrap .right-part {
    padding: 0 0 0 35px
}

.benefits {
    display: block;
    position: relative
}

.benefits:after,
.benefits:before {
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.benefits:after {
    background: #aeaeae
}

.benefits:before {
    background: #7b7b7b;
    bottom: 2px
}

.benefit-block {
    display: block;
    margin: 0 0 35px;
    min-height: 170px
}

.contact-form {
    display: block;
    margin: -215px 0 75px
}

.contact-form h2 {
    background: #26a9e0;
    color: #fff;
    margin: 0;
    padding: 35px 48px;
    text-align: center
}

.contact-form form {
    background: #fff;
    border: 1px solid #989898;
    padding: 33px 48px 50px
}

.contact-form input[type=email],
.contact-form input[type=tel],
.contact-form input[type=text],
.contact-form textarea {
    background-color: #fff;
    background-position: left;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    border-bottom: 1px solid #d7d7d7;
    color: #393939;
    display: block;
    font-size: 16px;
    height: 56px;
    margin: 0 0 16px;
    padding: 0 0 0 37px;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    width: 100%
}

.contact-form input[type=email]:focus,
.contact-form input[type=tel]:focus,
.contact-form input[type=text]:focus,
.contact-form textarea:focus {
    border-bottom-color: #26a9e0;
    box-shadow: inset 0 -3px 0 0 #26a9e0;
    -webkit-box-shadow: inset 0 -3px 0 0 #26a9e0
}

.contact-form input.name {
    background-image: url(../image/name-icon.png);
    background-size: 21px auto
}

.contact-form input.phone {
    background-image: url(../image/phone-icon.png);
    background-position: 5px center;
    background-size: 14px auto
}

.contact-form input.email {
    background-image: url(../image/email-icon.png);
    background-size: 21px auto
}

.contact-form input.company {
    background-image: url(../image/company-icon.png);
    background-size: 20px auto
}

.contact-form input.industry {
    background-image: url(../image/industry-icon.png);
    background-size: 24px auto
}

.contact-form input.need {
    background-image: url(../image/need-icon.png);
    background-size: 19px auto
}

.contact-form input.find-us {
    padding: 0
}

.contact-form .reach_you {
    display: block;
    margin: 10px 0 10px 7px;
    float: left;
    width: 100%
}

.contact-form .captcha {
    display: block;
    margin: 30px 0 0
}

.contact-form-cvr form .form-group .wpcf7-radio input {
    appearance: radio !important;
    -webkit-appearance: radio !important;
    cursor: pointer;
    width: 16px;
    height: 16px;
    min-height: 100%;
    margin: 0 20px 0 10px;
    display: inline-block;
    vertical-align: middle
}

.contact-form-cvr form .wpcf7-radio {
    margin-left: 15px;
    padding-top: 15px;
    display: block
}

span.custm-radio {
    background: #26a9e0;
    border: 2px solid #26a9e0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: inset 0 0 0 10px #fff;
    -webkit-box-shadow: inset 0 0 0 10px #fff;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    position: relative;
    top: 0;
    width: 12px
}

input[type=radio]:checked+span.custm-radio {
    box-shadow: inset 0 0 0 2px #fff;
    -webkit-box-shadow: inset 0 0 0 2px #fff
}

.cstm-radio p {
    color: #393939;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 30px
}

.cstm-radio label {
    cursor: pointer;
    font-size: 16px;
    font-weight: 400 !important;
    margin: 0 20px 0 0
}

.contact-form::-webkit-input-placeholder {
    color: #393939;
    opacity: 1
}

.contact-form:-moz-placeholder {
    color: #393939;
    opacity: 1
}

.contact-form::-moz-placeholder {
    color: #393939;
    opacity: 1
}

.contact-form:-ms-input-placeholder {
    color: #393939;
    opacity: 1
}

.contact-form input[type=submit] {
    background: #26a9e0;
    border: 2px solid #26a9e0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    height: 69px;
    margin: 30px 0 0;
    padding: 0;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    width: 280px
}

.contact-form div.wpcf7 img.ajax-loader {
    margin-left: 10px;
    display: inline-block;
    position: relative;
    top: -6px
}

div.wpcf7-spam-blocked {
    border: 1px solid orange !important;
    background: rgba(255, 165, 0, .1) !important;
    margin: 10px 0 0 !important;
    text-align: center
}

.contact-form div.wpcf7-mail-sent-ok {
    border: 1px solid #398f14 !important;
    background: rgba(57, 143, 20, .13) !important;
    color: #1f6301 !important
}

.contact-form div.wpcf7-spam-blocked,
.perfect-design .col-lg-3.col-md-4.right_ .features,
.sec-block-all-services .headingBox,
.seo-pricing-table table tr td:first-child {
    text-align: left
}

.top-reasons {
    display: block;
    margin: 60px 0 0
}

.top-reasons h2 {
    margin: 0 0 55px
}

.contact-bottom-text p {
    font-size: 24px;
    line-height: 40px;
    margin: 0 0 30px
}

.little-push-wrap {
    display: block;
    padding: 92px 0 80px
}

.little-push-wrap h2 {
    color: #26a9e0;
    font-size: 45px;
    font-weight: 900;
    letter-spacing: .04em;
    margin: 0 0 35px
}

.little-push-wrap p {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 45px
}

.ratios h3 {
    color: #656565;
    font-size: 52px;
    font-weight: 700;
    margin: 0 0 15px
}

.ratios p {
    font-size: 18px;
    line-height: 26px;
    margin: 0
}

.ratios>div {
    border-bottom: 1px solid #ccc;
    display: table-cell;
    padding: 0 0 25px;
    width: 50%;
    vertical-align: top
}

.ratios>div:first-of-type {
    border-right: 1px solid #ccc;
    padding-right: 20px
}

.ratios>div:last-of-type {
    padding-left: 20px
}

.header.error-page {
    background: #fff;
    border-bottom: 1px solid #e0e0e0
}

.page-not-found {
    margin: 0;
    padding: 190px 0 60px;
    text-align: center
}

.our-strategy,
.pay-per-click,
.ppc-wrap {
    padding: 90px 0
}

.page-not-found .page-404-content {
    font-size: 36px;
    display: block;
    text-align: center;
    padding-bottom: 15px
}

.page-not-found p {
    font-size: 18px;
    color: #373737;
    font-weight: 100
}

.error-area {
    margin: 0 auto 50px;
    max-width: 650px;
    min-height: 450px;
    position: relative
}

.page-404 img {
    margin: 0 auto;
    max-width: 550px;
    opacity: 1
}

.error-area .animated {
    animation-duration: 90s;
    -webkit-animation-duration: 90s
}

.error-area .animated.bounce {
    animation-duration: 5s;
    -webkit-animation-duration: 5s;
    animation-iteration-count: 5;
    -webkit-animation-iteration-count: 5
}

.error-area .wow.arrow-plane {
    animation-duration: 5s;
    -webkit-animation-duration: 5s
}

img.cloud-1 {
    left: 35px;
    top: 100px;
    width: 99px
}

img.cloud-2 {
    right: 45px;
    top: 140px;
    width: 76px
}

img.cloud-3 {
    left: 265px;
    top: 120px;
    width: 39px
}

img.cloud-4 {
    left: 175px;
    top: 175px;
    width: 48px
}

img.cloud-big {
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 481px
}

img.arrow-plane {
    right: -48px;
    top: 0;
    width: 348px
}

a.btn-home,
img.oops-text,
img.text-404 {
    margin: auto;
    position: absolute;
    right: 0;
    left: 0
}

img.text-404 {
    width: 140px;
    bottom: 115px
}

img.oops-text {
    width: 270px;
    bottom: 67px
}

@-webkit-keyframes shake1 {

    0%,
    100% {
        -webkit-transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-350px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(120px)
    }
}

@-moz-keyframes shake1 {

    0%,
    100% {
        -webkit-transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-350px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(220px)
    }
}

@keyframes shake1 {

    0%,
    100% {
        -webkit-transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-350px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(220px)
    }
}

.shake1 {
    -webkit-animation-name: shake1;
    -moz-animation-name: shake1;
    -o-animation-name: shake1;
    animation-name: shake1
}

@-webkit-keyframes shake2 {

    0%,
    100% {
        -webkit-transform: translateX(-200px)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(200px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes shake2 {

    0%,
    100% {
        -webkit-transform: translateX(-200px)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(200px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(0)
    }
}

@keyframes shake2 {

    0%,
    100% {
        -webkit-transform: translateX(-200px)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(200px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(0)
    }
}

.shake2 {
    -webkit-animation-name: shake2;
    -moz-animation-name: shake2;
    -o-animation-name: shake2;
    animation-name: shake2
}

@-webkit-keyframes shake3 {

    0%,
    100% {
        -webkit-transform: translateX(200)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(-250px)
    }
}

@-moz-keyframes shake3 {

    0%,
    100% {
        -webkit-transform: translateX(200)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(-250px)
    }
}

@keyframes shake3 {

    0%,
    100% {
        -webkit-transform: translateX(200)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(-250px)
    }
}

.shake3 {
    -webkit-animation-name: shake3;
    -moz-animation-name: shake3;
    -o-animation-name: shake3;
    animation-name: shake3
}

@-webkit-keyframes shake4 {

    0%,
    100% {
        -webkit-transform: translateX(-250px)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(350px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(-350px)
    }
}

@-moz-keyframes shake4 {

    0%,
    100% {
        -webkit-transform: translateX(-250px)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(350px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(-350px)
    }
}

@keyframes shake4 {

    0%,
    100% {
        -webkit-transform: translateX(-250px)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(350px)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(-350px)
    }
}

.shake4 {
    -webkit-animation-name: shake4;
    -moz-animation-name: shake4;
    -o-animation-name: shake4;
    animation-name: shake4
}

a.btn-home {
    border: 1px solid #fff;
    background: #fff;
    color: #26a9e0;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1;
    border-radius: 0;
    padding: 10px 15px;
    cursor: pointer;
    bottom: -50px;
    max-width: 200px
}

.section-hdr.blog h2 {
    width: 18%
}

.ppc-img {
    margin: 10px 0 0
}

.ppc-wrap .seo-comp-india {
    padding: 30px 0
}

.ppc-wrap .seo-comp-india h3,
.ppc-wrap h2 {
    color: #26a9e0;
    display: inline-block;
    font-size: 45px;
    font-weight: 800;
    margin: 0 0 50px;
    position: relative
}

.ppc-wrap .seo-comp-india h3 {
    font-size: 36px
}

.ppc-wrap .seo-comp-india .col-md-8 h3 {
    font-size: 30px;
    margin-bottom: 10px
}

.ppc-wrap .seo-comp-india h2.blueback {
    background: #26a9e0;
    padding: 5px 15px 2px;
    border-radius: 6px;
    color: #fff;
    line-height: 1.8;
    font-size: 30px
}

.ppc-text h2:after {
    background: #26a9e0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 102%;
    margin: auto;
    position: absolute;
    right: -10000px;
    top: 0
}

.ppc-wrap p {
    font-size: 16px;
    line-height: 25px;
    margin: 0 0 30px
}

.ppc-wrap .ppc-text {
    padding: 0 85px 0 40px
}

.pay-per-click {
    background: #f7f7f7;
    margin: 90px 0 0;
    position: relative
}

.pay-per-click:before {
    background: #26a9e0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: -12px
}

.mac-mice-large {
    position: absolute;
    right: 0;
    top: -210px
}

.ppc-wrap ul li {
    color: #414141;
    display: block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .03em;
    line-height: 25px;
    position: relative
}

.our-strategy {
    background: #fff;
    background-image: -webkit-linear-gradient(to top left, #fbfbfb 50%, #fff 50%);
    background-image: -moz-linear-gradient(to top left, #fbfbfb 50%, #fff 50%);
    background-image: -o-linear-gradient(to top left, #fbfbfb 50%, #fff 50%);
    background-image: linear-gradient(to top left, #fbfbfb 50%, #fff 50%);
    margin: 0 0 90px
}

.strategy-text {
    padding: 65px 0 0 65px
}

.seo-div {
    margin: 0 0 50px
}

.seo-div h2 {
    color: #fff;
    font-size: 30px;
    margin: 0 0 30px;
    padding: 0 0 25px
}

.seo-div h2:after,
.work-item.mobile-project .project-img {
    bottom: 0
}

.seo-div .project-brief ul li:before {
    background-image: url(../image/arrow-white.png)
}

.hiring-badge {
    position: absolute;
    right: 0;
    width: 140px;
    z-index: 1;
    top: 0
}

.hiring-badge img {
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg)
}

.scholarship-page {
    padding-bottom: 30px
}

.scholarship-page.ppc-wrap p {
    line-height: 1.8
}

.scholarship-page .pay-per-click {
    padding: 50px 0 30px;
    margin-bottom: 60px
}

#ads,
img[height="1"] {
    position: absolute;
    top: 0
}

.work-for-list img {
    transform: translate3d(0, 0, 0)
}

@-webkit-keyframes swing1 {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing1 {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing1 {
    animation-iteration-count: 1 !important;
    -webkit-animation-iteration-count: 1 !important;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing1;
    animation-name: swing1;
    animation-duration: 4s !important;
    -webkit-animation-duration: 4s !important
}

.swing1.delay {
    animation-delay: 1s !important;
    -webkit-animation-delay: 1s !important
}

.form-pc-popup {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    right: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background: rgba(5, 146, 206, .9);
    background: -moz-linear-gradient(315deg, rgba(122, 214, 225, .9) 0, rgba(140, 140, 250, .9) 100%);
    background: -webkit-linear-gradient(315deg, rgb(122, 214, 225, .9) 0, rgba(140, 140, 250, .9) 100%);
    background: -o-linear-gradient(315deg, rgba(122, 214, 225, .9) 0, rgba(140, 140, 250, .9) 100%);
    background: -ms-linear-gradient(315deg, rgba(122, 214, 225, .9) 0, rgba(140, 140, 250, .9) 100%);
    background: linear-gradient(45deg, rgba(122, 214, 225, .9) 0, rgba(140, 140, 250, .9) 100%);
    text-align: center;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    z-index: 9999
}

.form-pc-popup-inner {
    margin: auto;
    max-width: 420px;
    position: relative;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%
}

.form-pc-popup h2 {
    color: #fff;
    font-size: 38px;
    margin: 0 0 15px
}

.form-pc-popup p {
    color: #fff;
    font-size: 20px;
    margin: 0 0 20px
}

.form-pc-popup input[type=email],
.form-pc-popup input[type=text] {
    background: 0 0;
    border: 2px solid #fff;
    border-radius: 3px;
    color: #fff;
    display: block;
    height: 44px;
    text-align: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out
}

.form-pc-popup input[type=email]:focus,
.form-pc-popup input[type=text]:focus {
    background: rgba(255, 255, 255, .3)
}

.form-pc-popup input[type=submit] {
    background: 0 0;
    border: 2px solid #fff;
    border-radius: 3px;
    display: inline-block;
    height: 48px;
    padding: 0 40px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out
}

.form-pc-popup::-webkit-input-placeholder {
    color: #fff
}

.form-pc-popup::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.form-pc-popup:-moz-placeholder {
    color: #fff;
    opacity: 1
}

.form-pc-popup:-ms-input-placeholder {
    color: #fff
}

.popup-close {
    width: 50px;
    height: 50px;
    outline: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    -webkit-transition: border-color .1s ease-in-out, background-color .1s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: border-color .1s ease-in-out, background-color .1s ease-in-out, transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    top: 25px;
    right: 25px;
    background: 0 0
}

.popup-close:after,
.popup-close:before {
    content: '';
    display: block;
    width: 28px;
    height: 3px;
    position: absolute;
    left: 9px;
    top: 21px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: inherit;
    transition: inherit
}

.popup-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.popup-close:active {
    margin-top: 1px
}

.popup-close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.pk-row {
    margin-left: -15px;
    margin-right: -15px;
    word-spacing: -4px
}

.pk-row [class*=col-] {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

div[class*=form-block] {
    width: 66%
}

.dedicated-resources-selection .nav-tabs.nav-tabs-inner li,
div[class*=facts-block] {
    width: 34%
}

.contact-form-cvr .pk-row .form-group {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    padding: 0 35px;
    word-spacing: normal
}

.contact-form-cvr form .form-group input,
.contact-form-cvr form .form-group textarea {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.contact-form-cvr .pk-row .form-group label {
    font-weight: 500;
    margin-left: 0
}

.contact-form-cvr .pk-row .row {
    margin-left: -35px;
    margin-right: -35px
}

.contact-form-cvr .pk-row .col-half {
    float: left;
    padding: 0 35px;
    width: 50%
}

.thankyou-msg {
    padding: 50px;
    text-align: center;
    background: #e9fbe9;
    border: 1px solid #5fb95f;
    color: #1d7900
}

.imark-facts {
    border: 1px solid #d7d7d7;
    padding: 20px 40px;
    word-spacing: normal
}

.imark-facts ul li {
    color: #393939;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .03em;
    display: block;
    list-style: none;
    line-height: 1.25;
    border-bottom: 1px solid #d7d7d7;
    position: relative;
    padding: 15px 0 15px 88px;
    min-height: 50px
}

.imark-facts ul li svg {
    fill: #949494;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 14px;
    top: 15px
}

.imark-facts ul li:hover svg {
    fill: #26a9e0 !important
}

.contact-form-cvr form {
    padding-bottom: 73px
}

.contact-page-artwork img {
    display: block;
    margin: 0 auto
}

.mosaicflow {
    background: url(../image/blog-loader.svg) center 120px/60px 60px no-repeat !important;
    height: 250px;
    overflow: hidden;
    visibility: visible !important
}

.call-links,
.mosaicflow__item {
    visibility: hidden
}

.mosaicflow.is-loaded {
    background: 0 0 !important;
    height: auto;
    overflow: auto
}

.mosaicflow.is-loaded .mosaicflow__item {
    visibility: visible
}

.seo-comp-india {
    padding: 30px 0 80px
}

.seo-comp-india .service-pro-btn {
    margin-left: 0;
    margin-top: 20px;
    width: auto;
    min-width: 280px;
    padding: 0 25px;
    font-size: 20px
}

.seo-comp-india h1 {
    color: #26a9e0;
    font-size: 38px;
    font-weight: 400;
    margin: 0 0 25px;
    line-height: 1.4
}

.seo-comp-india h2,
.seo-comp-india h3,
.seo-comp-india h4 {
    color: #4d4d4d;
    line-height: 1.5;
    font-weight: 700
}

.seo-comp-india h2 {
    font-size: 26px;
    margin: 0 0 25px
}

.seo-comp-india h3 {
    font-size: 22px;
    margin: 0 0 20px
}

.seo-comp-india h4 {
    font-size: 18px;
    margin: 0 0 20px
}

.seo-comp-india p,
.seo-comp-india p i {
    color: #303030;
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 30px;
    white-space: normal
}

.seo-comp-india p big {
    color: #26a9e0;
    font-size: 30px;
    line-height: 1.3;
    margin: 40px 0;
    white-space: normal;
    font-weight: 600;
    display: inline-block;
    max-width: 81%
}

p.text-center.add-qut {
    line-height: 0;
    margin: 0
}

p.add-qut:after,
p.add-qut:before {
    content: "\f10d";
    font: 22px/1 FontAwesome;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    color: #26a9e0;
    position: relative;
    top: 23px
}

p.add-qut:after {
    content: "\f10e";
    margin-right: 0;
    margin-left: 15px
}

.seo-comp-india p i {
    font-weight: 400
}

.seo-comp-india p a:focus,
.seo-comp-india p a:hover {
    color: #303030
}

.seo-comp-india ul ul {
    margin: 0 0 0 30px;
    padding: 0
}

.seo-comp-india ul li {
    color: #414141;
    display: block;
    font-size: 16px;
    letter-spacing: .03em;
    line-height: 25px;
    list-style: none;
    margin: 0 0 25px;
    padding: 0 0 0 22px;
    position: relative
}

.seo-comp-india ul li:before {
    background: url(../image/arrow-blue.png) center/100% auto no-repeat;
    content: "";
    display: block;
    height: 12px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 12px;
    border-radius: 0
}

.seo-comp-india figure {
    display: block;
    margin: 10px 0 25px
}

.seo-comp-india figure img {
    max-width: 100%;
    display: inline-block
}

.seo-comp-india .seo-comp-steps ul li {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 2%;
    color: #fff;
    position: relative;
    padding: 15px 15px 15px 105px;
    border-radius: 4px
}

.seo-comp-steps ul li span {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .13);
    padding: 5px 15px;
    bottom: 0;
    display: flex;
    align-items: center;
    font-weight: 700
}

.seo-comp-steps ul.first-steps li:first-child {
    background: #db1f61
}

.seo-comp-steps ul.first-steps li:nth-child(2) {
    background: #f1453d
}

.seo-comp-steps ul.first-steps li:nth-child(3) {
    background: #f99720
}

.seo-comp-steps ul.first-steps li:last-child {
    background: #fbba13
}

.seo-comp-india .seo-comp-steps ul {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.seo-comp-steps ul.last-steps li:first-child {
    background: #2ab878
}

.seo-comp-steps ul.last-steps li:nth-child(2) {
    background: #01b1ee
}

.seo-comp-steps ul.last-steps li:nth-child(3) {
    background: #1d7abf
}

.seo-comp-steps ul.last-steps li:last-child {
    background: #b262ab
}

.seo-comp-india .download-files {
    display: block;
    width: 100%
}

.seo-comp-india .download-files li {
    width: 100%;
    background: #26a9e0;
    padding: 15px 180px 15px 15px;
    color: #fff;
    border-radius: 4px
}

.seo-comp-india .download-files li .download-btn {
    min-width: 160px;
    text-align: center;
    float: right;
    background: rgba(0, 0, 0, .15);
    padding: 5px;
    border-radius: 30px;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 10px
}

.ppc-new-case-cover .download-files li .download-btn:after,
.seo-comp-india .download-files li .download-btn:after {
    content: "\f019";
    font: 14px/1 FontAwesome;
    display: inline-block;
    margin-left: 10px
}

.ppc-new-case-cover .download-files li .download-btn:focus,
.ppc-new-case-cover .download-files li .download-btn:hover,
.seo-comp-india .download-files li .download-btn:focus,
.seo-comp-india .download-files li .download-btn:hover {
    background: rgba(255, 255, 255, .34)
}

.seo-comp-video {
    width: 100%;
    height: 218px;
    display: block;
    border: none
}

.comp-india-sidebar {
    display: block;
    padding: 0;
    border: 1px solid #efefef;
    background: #f5f5f5
}

.comp-india-sidebar h1 {
    font-size: 30px;
    color: #fff;
    margin: 0;
    padding: 12px 20px 10px;
    background: #89cc58;
    line-height: 1
}

.comp-india-sidebar div.wpcf7 {
    padding: 18px 20px 20px
}

.comp-india-sidebar .form-group,
.why-hire-us-list-elem figure {
    display: block;
    margin-bottom: 10px
}

.comp-india-sidebar .form-group .form-control {
    appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    box-shadow: none;
    border-radius: 0;
    border: #bcd2ac;
    border-bottom: 1px solid #bfbfbf;
    font-size: 16px;
    font-weight: 400;
    padding-left: 43px;
    margin: 0 0 20px;
    min-height: 42px;
    width: 100%;
    color: #000
}

.comp-india-sidebar .form-group .form-control[placeholder=Name] {
    background: url(../image/user-1.png) -5px 0/36px no-repeat
}

.comp-india-sidebar .form-group .form-control[placeholder="Your Email ID"] {
    background: url(../image/email.png) 0 5px/26px no-repeat
}

.comp-india-sidebar .form-group .form-control[placeholder="Phone Number"] {
    background: url(../image/operator-1.png) -1px 2px/33px no-repeat
}

.comp-india-sidebar .form-group textarea.form-control {
    background: url(../image/support.png) 0 0/33px no-repeat;
    height: 90px;
    resize: none
}

.comp-india-sidebar .form-group .form-control::-webkit-input-placeholder {
    font-weight: 400;
    color: #8e8e8e
}

.comp-india-sidebar .form-group .form-control:-moz-placeholder {
    font-weight: 400;
    color: #8e8e8e
}

.comp-india-sidebar .form-group .form-control::-moz-placeholder {
    font-weight: 400;
    color: #8e8e8e
}

.comp-india-sidebar .form-group .form-control:-ms-input-placeholder {
    font-weight: 400;
    color: #8e8e8e
}

.comp-india-sidebar .cont-us-btn {
    font-size: 18px;
    line-height: 2.8 !important;
    min-width: 150px;
    margin-top: 0;
    width: auto;
    padding: 0 25px !important;
    font-weight: 600 !important;
    font-family: Nunito, sans-serif !important;
    border-radius: 6px !important;
    background: #89cc58 !important;
    color: #fff !important;
    border: 1px solid #82bd56 !important
}

.comp-india-sidebar.affix {
    top: 100px;
    position: fixed !important
}

.comp-india-sidebar.affix,
.comp-india-sidebar.affix-bottom {
    max-width: 416px;
    width: 100%;
    box-shadow: 0 0 16px rgba(0, 0, 0, .18)
}

.comp-india-sidebar {
    border-color: #89cc58;
    border-width: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .18);
    background: linear-gradient(to bottom, #fff 0, #e6f9d8 100%)
}

.comp-india-sidebar .form-group .form-control:focus {
    border-color: #6ca047
}

.comp-india-sidebar .cont-us-btn:focus,
.comp-india-sidebar .cont-us-btn:hover {
    background: #6ca047 !important;
    color: #fff !important;
    border: 1px solid #82bd56 !important
}

.pd-seo-table {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important
}

.comp-india-sidebar .form-group .form-control.wpcf7-not-valid {
    border-color: red
}

.comp-india-sidebar div.wpcf7-validation-errors {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 20px 0 0;
    background: red;
    color: #fff;
    border-color: #ab0d0d
}

.comp-india-sidebar div.wpcf7 img.ajax-loader {
    background: #fff;
    border-radius: 100%;
    width: 23px
}

p.highlightMe {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    position: relative;
    text-shadow: 3px 2px 6px rgba(0, 0, 0, .08);
    background: #89cc58;
    border-radius: 4px;
    padding: 5px 90px 8px 15px
}

p.highlightMe:after {
    content: "";
    background: url(../image/right-arrow-white.png) 0 0/100% no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 46px;
    -webkit-animation: 1s linear infinite alternate slideOutRight;
    animation: 1s linear infinite alternate slideOutRight
}

.seo-comp-india h2.blueback {
    background: #5eccfb;
    padding: 5px 15px;
    border-radius: 6px;
    color: #fff
}

.seo-video-back {
    padding: 30px;
    background: #f4fcff
}

.ppc-case-details-slider,
.seo-pricing-table {
    margin: 50px 0
}

.seo-pricing-table table {
    font-size: 16px
}

.seo-pricing-table table tr th {
    padding: 10px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .25)
}

.seo-pricing-table table tr:first-child th:nth-child(3) img {
    position: absolute;
    top: 0;
    right: 0;
    width: 83px
}

.seo-pricing-table table tr td {
    background-color: rgba(236, 236, 236, .05);
    padding: 10px 20px;
    border-right: 1px solid rgba(0, 0, 0, .06);
    text-align: center
}

.seo-pricing-table table tr td:nth-child(3) {
    background: rgba(224, 246, 255, .39)
}

.seo-pricing-table table tr:nth-child(odd) td:nth-child(3) {
    background: #e0f6ff
}

.seo-pricing-table table tr:nth-child(odd) td {
    background-color: #f6f6f6
}

.seo-pricing-table .full-size {
    background-color: #26a9e0 !important;
    color: #fff;
    text-align: center !important;
    font-size: 20px
}

.ppc-new-case-cover .how-we-done-outer {
    margin-top: 0;
    padding-top: 50px
}

.ppc-new-case-cover .how-we-done-outer .pink-heading p {
    font-size: 17px;
    margin-bottom: 25px
}

.ppc-new-case-cover .download-files {
    display: block;
    width: 70%;
    margin: 40px auto 0
}

.ppc-new-case-cover .download-files ul {
    clear: both;
    margin: 0;
    padding: 0
}

.ppc-new-case-cover .download-files li {
    width: 100%;
    background: #26a9e0;
    padding: 15px 180px 15px 15px;
    color: #fff;
    border-radius: 4px;
    display: block;
    font-size: 16px;
    letter-spacing: .03em;
    line-height: 25px;
    list-style: none;
    margin: 0 0 25px;
    position: relative
}

.ppc-new-case-cover .download-files li .download-btn {
    min-width: 160px;
    text-align: center;
    float: right;
    background: #78dc39;
    padding: 5px;
    border-radius: 30px;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 10px
}

.ppc-case-details-slider ul li {
    display: inline-block;
    width: 23%;
    margin-right: 2%;
    border: 5px solid #e8e8e8;
    border-radius: 6px;
    margin-bottom: 2%;
    box-shadow: 4px 6px 10px transparent;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.ppc-case-details-slider ul li:hover {
    box-shadow: 4px 6px 10px rgba(0, 0, 0, .03)
}

.ppc-case-details-slider h2:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 2px;
    background: #4e4e4e;
    bottom: -22px;
    left: 0
}

.ppc-new-case-cover .case-project-brief ul li {
    position: relative;
    display: block;
    padding-left: 15px;
    color: #343434;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 30px;
    line-height: 1.6
}

.ppc-new-case-cover .case-project-brief ul li:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #343434;
    left: 0;
    top: 9px
}

.CallBtn:focus,
.CallBtn:hover,
.inner-wrapper .skip-case-link a:hover,
.ppc-new-case-cover .case-project-brief .project-brief ul li,
.pricing-plan p a:hover i {
    color: #fff
}

.ppc-new-case-cover .case-project-brief .project-approach ul li {
    color: #343434
}

.ppc-new-case-cover .case-project-brief .project-approach ul li:before {
    background: #343434
}

.lg-backdrop,
.lg-outer {
    z-index: 9999 !important
}

.filter-button-group {
    text-align: center;
    position: relative;
    z-index: 99
}

.CallBtn,
.call-links {
    position: fixed;
    z-index: 9999;
    right: 20px
}

.filter-button-group button {
    background: #fff;
    color: #26a9e0;
    border: 2px solid #26a9e0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    margin: 0 15px 35px;
    padding: 1px 15px 0;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    min-width: 150px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: 2.7
}

.CallBtn,
.filter-area,
.pricing-plan p i,
.work-item::before {
    -webkit-transition: .3s ease-in-out
}

.CallBtn,
.pricing-plan p i {
    transition: .3s ease-in-out
}

.filter-button-group button.is-checked,
.filter-button-group button:hover {
    color: #fff;
    background: #26a9e0
}

.inner-wrapper p.skip-case-link {
    background: #89cc58;
    padding: 6px 25px;
    color: #fff;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .03em;
    display: inline-block
}

.inner-wrapper .skip-case-link a,
.inner-wrapper .skip-case-link a:focus {
    color: #ff5f00
}

.case-study-short .col-md-12 h1 {
    font-weight: 800;
    color: #26a9e0;
    line-height: 1.1;
    font-size: 45px;
    text-align: center;
    margin-bottom: 40px
}

.seo-consultaants-cover h1 small {
    display: block;
    text-align: center;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    margin-top: 5px
}

.our-office figure {
    border: 1px solid #e0e0e0;
    padding: 5px;
    background: #fdfdfd;
    margin: 10px 0 25px
}

.internet-image-group .internet-image-group-cover figure,
.our-approach-post figure {
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.our-approach-post {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 30px
}

.our-approach-post figure {
    height: 220px;
    background-color: #ccc;
    margin: 0
}

.our-approach-post h3 {
    color: #5eccfb;
    font-size: 22px;
    line-height: 1.5;
    margin: 0 0 20px;
    font-weight: 700
}

.best-list-consult h3 i,
.our-approach-post h3 i {
    margin: 0 5px 0 0
}

.pricing-plan p i {
    margin: 0 0 0 5px;
    color: #f5f150
}

.best-list-consult h3 {
    color: #5eccfb
}

.seo-consultaants-cover article {
    display: block;
    border: 1px solid #f5f5f5;
    margin-bottom: 30px
}

.seo-consultaants-cover article h4 {
    background: #f5f5f5;
    padding: 15px 25px;
    margin: 0
}

.seo-consultaants-cover article .article-body {
    padding: 25px
}

.seo-consultaants-cover p.have-project {
    font-weight: 400;
    color: #4e4e4e;
    line-height: 1.7;
    font-size: 26px;
    margin-bottom: 15px
}

.grid-table .grid-row,
.why-reputation-table .why-reputation-table-row {
    display: table-row
}

.grid-table .grid-row .grid-data {
    display: table-cell;
    width: 25%;
    border-bottom: 1px solid #d5f2ff;
    border-right: 1px solid #d5f2ff;
    text-align: center;
    padding: 20px;
    background: #fbfeff
}

.seo-comp-india .grid-table .grid-row .grid-data img {
    margin-bottom: 25px;
    opacity: .8
}

.seo-comp-india .grid-table .grid-row .grid-data h4 {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 0;
    font-weight: 400
}

.internet-image-group .internet-image-group-cover figure {
    display: block;
    height: 320px;
    margin-bottom: 15px
}

.internet-image-group .internet-image-group-cover figure a {
    display: block;
    position: relative;
    height: 100%
}

.internet-image-group .col-md-4 .internet-image-group-cover figure {
    height: 160px
}

.review-section p {
    font-size: 24px;
    font-weight: 700;
    color: #26a9e0;
    text-decoration: underline;
    text-decoration-color: #26a9e0
}

.CallBtn {
    bottom: 110px;
    align-items: center;
    justify-content: center;
    background: #56c532;
    width: 42px;
    height: 42px;
    display: none;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px
}

.CallBtn.clicked .fa-phone:before {
    content: "\f00d"
}

.CallBtn.clicked {
    background: #f56c1a;
    color: #fff
}

.call-links {
    bottom: 140px;
    left: 20px;
    opacity: 0;
    background: rgba(52, 172, 223, .94);
    padding: 5px;
    border-radius: 4px;
    pointer-events: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-animation: .3s ease-in-out zoomOut;
    animation: .3s linear zoomOut
}

.call-links.open {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.call-links ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    text-align: right
}

.call-links ul li a {
    color: #fff;
    position: relative;
    font-size: 16px;
    padding-left: 36px;
    padding-right: 5px
}

.call-links ul li a svg {
    position: absolute;
    height: 16px;
    width: 30px;
    left: 0;
    top: 2px
}

.call-links span {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    display: block;
    margin-bottom: 3px;
    letter-spacing: .03em;
    background: rgba(41, 126, 162, .5);
    padding: 2px 7px;
    border-radius: 4px
}

.my-inline-form .inline-form-btn,
.my-inline-form h2 {
    font-family: Raleway, sans-serif !important;
    padding: 0 !important
}

.call-links ul li a:focus,
.call-links ul li a:hover {
    background: #206d8e;
    color: #fff
}

.my-inline-form {
    display: block;
    width: 100%;
    margin: 20px 0 40px;
    border-color: #9ed1e6;
    background: #26a9e0;
    box-shadow: 0 0 0 rgba(0, 0, 0, .18);
    background: -moz-linear-gradient(45deg, #26a9e0 0, #9fd1e6 100%);
    background: -webkit-linear-gradient(45deg, #26a9e0 0, #9fd1e6 100%);
    background: linear-gradient(45deg, #26a9e0 0, #9fd1e6 100%);
    padding: 30px
}

.my-inline-form h2 {
    color: #fff !important;
    font-size: 38px !important;
    font-weight: 400 !important;
    margin: 0 0 25px !important;
    line-height: 1.4 !important;
    font-style: normal !important;
    text-transform: capitalize !important;
    text-decoration: none !important
}

.form-table-outer {
    margin: -30px -30px 0
}

.form-table {
    display: table;
    width: 100%;
    border-spacing: 30px
}

.my-inline-form .form-group {
    margin: 0 0 30px;
    width: 100%;
    display: block;
    position: relative
}

.my-inline-form .form-table .form-group {
    display: table-cell;
    width: 33.33%;
    vertical-align: top;
    margin: 0
}

.my-inline-form .form-group .form-control {
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #fff;
    height: 52px;
    padding: 6px 15px 6px 28px;
    border-radius: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: 0 0;
    font-family: Raleway, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

.my-inline-form .form-group textarea.form-control {
    height: 120px;
    resize: none;
    padding-top: 16px
}

.my-inline-form .form-group .form-control::-webkit-input-placeholder {
    color: #fff
}

.my-inline-form .form-group .form-control:-moz-placeholder {
    color: #fff
}

.my-inline-form .form-group .form-control::-moz-placeholder {
    color: #fff
}

.my-inline-form .form-group .form-control:-ms-input-placeholder {
    color: #fff
}

.my-inline-form .form-group .my-inline-form-icon {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 24px;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    color: #fff;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.my-inline-form .form-group .my-inline-form-icon .fa-mobile,
.senior-team-elem div h5 {
    font-size: 24px
}

.my-inline-form .form-group .form-control:focus {
    border-color: #227ca2
}

.my-inline-form .inline-form-btn {
    display: inline-block;
    width: 220px;
    text-align: center;
    background: #fff !important;
    border: 1px solid #26a9e0 !important;
    border-radius: 8px !important;
    color: #26a9e0;
    font-size: 22px;
    font-weight: 500 !important;
    line-height: 2.4 !important;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: relative;
    overflow: hidden;
    margin-top: 10px
}

.my-inline-form .inline-form-btn:focus,
.my-inline-form .inline-form-btn:hover {
    background: #227ca2 !important;
    color: #fff !important;
    border: 1px solid #227ca2 !important
}

.my-inline-form div.wpcf7 .ajax-loader {
    background-color: #fff;
    border-radius: 100%
}

.our-process-four-cover {
    margin: 10px 0 30px
}

.our-process-data {
    display: inline-block;
    width: 23.5%;
    margin-right: 1%;
    vertical-align: top;
    border-radius: 10px;
    padding: 45px 15px 15px;
    background: #999;
    min-height: 221px;
    text-align: center
}

.our-process-data:first-child {
    background: -webkit-linear-gradient(#fb6147, #9a3b2b);
    background: linear-gradient(#fb6147, #9a3b2b)
}

.our-process-data:nth-child(2) {
    background: -webkit-linear-gradient(#ffc112, #b78c13);
    background: linear-gradient(#ffc112, #b78c13)
}

.our-process-data:nth-child(3) {
    background: -webkit-linear-gradient(#0dad5a, #0b8646);
    background: linear-gradient(#0dad5a, #0b8646)
}

.our-process-data:nth-child(4) {
    background: -webkit-linear-gradient(#299adb, #2372a0);
    background: linear-gradient(#299adb, #2372a0)
}

.benefits-reputation h1,
.dedicated-resources-selection .headingBox p,
.seo-comp-india .our-process-data h4,
.work_inner .mainNav ul ul.sub-menu li.hassub:after,
.work_inner .navBar ul.sub-menu li a {
    color: #fff
}

.seo-comp-india .our-process-data p {
    color: #fff;
    margin-bottom: 0
}

.reputation-page .comp-india-sidebar {
    position: static !important;
    width: 100% !important
}

.reputation-exclusive-cover,
.reputation-page .top-heading {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    align-items: center
}

.reputation-page .top-heading h3 {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    font-size: 34px;
    color: #464646;
    letter-spacing: .02em;
    margin-bottom: 15px
}

.reputation-page .top-heading p {
    font-family: Nunito, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #161616;
    line-height: 1.7;
    letter-spacing: .01em
}

.reputation-page .top-heading h1 {
    font-family: Oswald, sans-serif;
    font-weight: 700;
    color: #464646;
    font-size: 70px;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0
}

.reputation-page .heading-left {
    padding-right: 5%;
    position: relative
}

.reputation-page .heading-right {
    padding-left: 5%
}

.reputation-page .heading-left:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background: #464646
}

.reoutaion-main-img-cover {
    display: block;
    text-align: center;
    position: relative;
    margin: 25px 0 35px
}

.reoutaion-main-img-cover figure {
    text-align: center;
    display: block;
    margin: 0
}

.reoutaion-main-img-cover:after,
.reoutaion-main-img-cover:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    background: #37b2e6;
    z-index: 1;
    bottom: -9px
}

.reoutaion-main-img-cover:after {
    width: 50%;
    margin: auto;
    background: #ea7c1f;
    z-index: 2
}

.reputation-page h2 {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    color: #464646;
    font-size: 36px;
    letter-spacing: .01em;
    margin-bottom: 15px
}

.benefits-reputation h1,
.why-reputation-section h1 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 60px;
    font-weight: 300;
    text-align: center
}

.benefits-reputation-list ul li h4,
.why-reputation-data h5 {
    font-size: 18px;
    font-family: Nunito, sans-serif;
    text-transform: uppercase
}

.seo-comp-india .reputation-exclusive-cover ul li:before {
    background: url(../image/reputation-arrow-blue.png) center no-repeat;
    width: 17px;
    height: 15px
}

.seo-comp-india .reputation-exclusive-cover ul li {
    font-family: Nunito, sans-serif;
    font-size: 16px;
    color: #464646;
    letter-spacing: .01em
}

.benefits-circle-cover {
    position: absolute;
    margin-bottom: 0;
    bottom: -380px
}

.benefits-reputation {
    background: #162d42;
    padding: 80px 0 0;
    overflow-y: hidden
}

.benefits-reputation h1 strong {
    font-weight: 600;
    color: #ff6c16
}

.benefits-circle-outer {
    display: block;
    width: 100%;
    max-width: 1000px;
    margin: 80px auto auto;
    position: relative;
    height: 620px
}

.benefits-reputation-list {
    position: relative;
    height: 100%;
    display: block;
    z-index: 10
}

.benefits-reputation-list ul {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    height: 100%
}

.benefits-reputation-list ul li {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    display: inline-block;
    width: 280px
}

.benefits-reputation-list ul li h4 {
    font-weight: 600;
    color: #37aae1;
    margin-bottom: 10px;
    letter-spacing: .02em
}

.benefits-reputation-list ul li p {
    font-family: Nunito, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    letter-spacing: .02em
}

.benefits-reputation-list ul li figure {
    width: 126px;
    height: 126px;
    line-height: 126px;
    border: 1px solid #37aae1;
    position: absolute;
    border-radius: 100%;
    background: rgba(255, 255, 255, .1)
}

.benefits-reputation-list ul li:first-child {
    top: auto;
    bottom: 150px;
    left: -290px
}

.benefits-reputation-list ul li:first-child figure {
    top: 0;
    right: -168px
}

.benefits-reputation-list ul li:nth-child(2) {
    top: -30px;
    left: -63px
}

.benefits-reputation-list ul li:nth-child(2) figure {
    top: 150px;
    right: -87px
}

.benefits-reputation-list ul li:nth-child(3) {
    top: 10px;
    right: -60px;
    left: auto
}

.benefits-reputation-list ul li:nth-child(3) figure {
    top: 110px;
    left: -86px
}

.benefits-reputation-list ul li:nth-child(4) {
    top: auto;
    bottom: 123px;
    right: -292px;
    left: auto
}

.benefits-reputation-list ul li:nth-child(4) figure {
    top: 0;
    left: -168px;
    right: auto
}

.benefits-circle {
    display: block;
    width: 1000px;
    height: 1000px;
    position: absolute;
    background: #19344c;
    border-radius: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}

.benefits-circle.benefits-circle-se {
    width: auto;
    height: auto;
    margin: auto;
    background: #172f46;
    z-index: 1;
    top: 90px;
    bottom: 90px;
    left: 90px;
    right: 90px
}

.benefits-circle.benefits-circle-thr {
    width: auto;
    height: auto;
    margin: auto;
    background: #162d42;
    z-index: 2;
    top: 180px;
    bottom: 180px;
    left: 180px;
    right: 180px;
    display: flex;
    justify-content: center;
    padding-top: 80px
}

.why-reputation-section {
    background: #fff;
    padding: 80px 0
}

.why-reputation-section h1 {
    color: #0c0c0c;
    line-height: 1.1em;
    margin-bottom: 25px
}

.why-reputation-section h1 strong {
    font-weight: 600;
    color: #0c0c0c;
    display: block
}

.why-reputation-section .why-reputation-table-outer {
    margin: 30px -15px -15px
}

.why-reputation-section .why-reputation-table {
    display: table;
    table-layout: fixed;
    border-spacing: 15px
}

.why-reputation-table .why-reputation-table-row .why-reputation-data {
    display: table-cell;
    width: 25%;
    border: 1px solid #c6c6c6;
    vertical-align: top;
    padding: 50px 20px 30px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    box-shadow: 4px 5px 6px rgba(14, 174, 227, 0)
}

.why-reputation-table .why-reputation-table-row .why-reputation-data:hover {
    box-shadow: 4px 5px 6px rgba(14, 174, 227, .1);
    border-color: #0eaee3
}

.why-reputation-data figure {
    display: block;
    text-align: center;
    margin-bottom: 25px;
    min-height: 75px
}

.all-services-body figure img,
.dedicated-resources-selection .list-of-other-tech li figure img,
.why-reputation-data figure img {
    display: inline-block;
    margin: 0 auto
}

.why-reputation-data h5 {
    font-weight: 600;
    color: #0c0c0c;
    margin-bottom: 15px;
    letter-spacing: .01em;
    line-height: 1.4
}

.why-reputation-data p {
    font-family: Nunito, sans-serif;
    font-size: 16px;
    color: #494949;
    line-height: 1.8;
    font-weight: 400;
    margin: 0
}

.translate-vision-section {
    padding: 60px 0;
    background: #162d42;
    text-align: center
}

.translate-vision-section h1 {
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 45px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 20px;
    text-transform: uppercase
}

.translate-vision-section h1 strong {
    font-weight: 600;
    color: #2caae0
}

.translate-vision-section p {
    font-family: Nunito, sans-serif;
    font-size: 16px;
    color: #fff;
    line-height: 1.8;
    font-weight: 400;
    letter-spacing: .05em;
    margin: 0
}

.page-template-timeline .webDevBanner .bannerText {
    width: 100%;
    padding: 90px 30px 0;
    text-align: center;
    margin: 0 auto
}

.timeline-page {
    display: block;
    padding: 80px 0
}

.timeline-page .timeline-post {
    display: block;
    position: relative;
    border: 2px solid rgba(195, 195, 195, .01);
    background: #fff;
    padding: 60px 45px 35px;
    margin: 0 auto;
    z-index: 15;
    min-height: 200px
}

.timeline-post date {
    font-family: Nunito, sans-serif;
    color: #787878;
    font-weight: 700;
    letter-spacing: .02em;
    font-size: 100px;
    line-height: 1;
    padding: 15px;
    background: #fff;
    position: absolute;
    top: -70px;
    left: 50px;
    z-index: 2
}

.smm-social-cover figure,
.timeline-img figure {
    background-size: cover;
    background-repeat: no-repeat
}

.timeline-post h1 {
    font-family: 'Josefin Sans', sans-serif;
    color: #161616;
    font-size: 42px;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: 25px;
    font-weight: 300;
    max-width: 490px
}

.timeline-post h1 big {
    font-size: 42px;
    color: #34acdf;
    display: block;
    text-transform: uppercase;
    font-weight: 600
}

.timeline-post p {
    color: #555454;
    font-size: 16px;
    line-height: 1.8;
    margin: 0 0 30px;
    white-space: normal
}

.timeline-bottom-group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin-top: 0
}

.timeline-img figure+* {
    margin-left: 15px
}

.timeline-post.timeline-post-small {
    max-width: 605px
}

.timeline-post.timeline-post-medium {
    max-width: 650px
}

.timeline-post.timeline-post-large {
    max-width: 1075px
}

.timeline-text .pull-left {
    margin-right: 15px;
    margin-bottom: 10px
}

.timeline-page .timeline-post+* {
    margin-top: -70px;
    z-index: 0
}

.timeline-img {
    z-index: 5
}

.timeline-page div[data-gap] {
    margin-top: -160px;
    margin-bottom: 125px
}

.timeline-page div[data-right-space] {
    margin-right: 8%
}

.timeline-page div[data-right] .timeline-text {
    padding-right: 10px
}

.timeline-page div[data-right] .timeline-img {
    position: relative;
    right: 0;
    margin-right: -124px;
    padding: 15px;
    background: #fff
}

.timeline-page div[data-left] .timeline-bottom-group {
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
    margin-top: 0
}

.timeline-page div[data-left] .timeline-img {
    position: relative;
    right: 0;
    margin-bottom: -124px;
    padding: 15px;
    background: #fff
}

.timeline-heading,
.timeline-img figure,
.timeline-post,
.timeline-post date,
.timeline-text {
    opacity: 0;
    -webkit-transition: .8s ease-in-out;
    transition: .8s ease-in-out
}

.timeline-post date {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.timeline-heading,
.timeline-text {
    -webkit-transition: 1.8s ease-in-out .8s;
    transition: 1.8s ease-in-out .8s
}

.timeline-img figure {
    display: inline-block;
    vertical-align: top;
    width: 158px;
    height: 158px;
    background-position: center center;
    -webkit-transition: 1.9s ease-in-out 1s;
    transition: 1.9s ease-in-out 1s;
    -webkit-transform: rotate(-360deg) scale(.5);
    transform: rotate(-360deg) scale(.5)
}

.start-animation .timeline-img figure {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
}

.timeline-post[pk] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    position: relative
}

.timeline-post[pk] .lines {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: 1
}

.timeline-post[pk] .lines.top {
    top: -2px;
    left: -2px;
    height: 2px;
    width: 0;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.timeline-post[pk] .lines.right {
    top: -2px;
    right: -2px;
    width: 2px;
    height: 0;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.timeline-post[pk] .lines.bottom {
    bottom: -2px;
    right: -2px;
    width: 0;
    height: 2px;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.timeline-post[pk] .lines.left {
    bottom: -2px;
    left: -2px;
    width: 2px;
    height: 0;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.timeline-post.start-animation[pk] .lines {
    background: #34acdf
}

.timeline-post.start-animation[pk] .lines.bottom,
.timeline-post.start-animation[pk] .lines.top {
    padding-right: 2px;
    width: 100% !important
}

.timeline-post.start-animation[pk] .lines.left,
.timeline-post.start-animation[pk] .lines.right {
    height: 100% !important;
    padding-bottom: 2px
}

.smm-social-cover figure {
    background-position: 0 0;
    display: block;
    padding-bottom: 85%;
    margin-bottom: 15px
}

.page-template-fun .innerBanner {
    background-position: center
}

.funBlogOuter .blog-heading {
    width: 25%
}

.sec-block-all-services {
    padding: 60px 0
}

.sec-block-all-services .headingBox h1 {
    font-size: 36px;
    margin-bottom: 40px
}

.sec-elemt-all-services {
    display: block;
    text-align: center;
    border: 1px solid #ececec;
    box-shadow: 0 0 7px rgba(180, 180, 180, .26);
    padding-bottom: 15px;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.sec-elemt-all-services:hover {
    box-shadow: 0 0 20px rgba(180, 180, 180, .4)
}

.all-services-head {
    display: block;
    height: 115px;
    background: #ccc
}

.all-services-head.mobile-head {
    background: #f36f21
}

.all-services-head.ecommerce-head {
    background: #162d42
}

.all-services-head.cloud-head {
    background: #1760a4
}

.all-services-head.app-head {
    background: #0892cc
}

.all-services-head.digital-head {
    background: #e36013
}

.all-services-body {
    padding: 0 30px
}

.all-services-body figure {
    display: block;
    text-align: center;
    position: relative;
    margin-top: -50px;
    margin-bottom: 30px
}

.all-services-body h4 {
    color: #3a3a3a;
    font-family: Nunito, sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 20px
}

.all-services-body p {
    color: #565656;
    font-size: 16px;
    letter-spacing: .025em;
    line-height: 1.75;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.sec-elemt-all-services hr {
    margin: 25px auto 20px;
    max-width: 217px;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    width: 90%
}

.sec-elemt-all-services .view-portfolio-link {
    color: #f36f21;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-decoration: underline #f36f21 !important;
    text-transform: uppercase
}

.sec-elemt-all-services .view-portfolio-link:focus,
.sec-elemt-all-services .view-portfolio-link:hover {
    color: #26a9e0;
    text-decoration: underline transparent !important
}

.sec-block-all-services-outer {
    display: block;
    margin-bottom: 50px
}

.work-item figure figcaption,
.work-top-text {
    margin-bottom: 40px;
    text-align: center
}

.work_inner header {
    top: 0;
    padding: 15px 20px 0;
    box-shadow: 0 0 13px rgba(0, 0, 0, .2)
}

.work_inner .mainNav ul li.hassub:after,
.work_inner .navBar ul li a {
    color: #454545
}

.work-page {
    padding: 70px 5px;
    background: #fff;
    margin-top: 110px;
    position: relative
}

.work-top-text h2 {
    text-align: center;
    font-weight: 700;
    color: #161616;
    font-family: Nunito, sans-serif;
    font-size: 50px;
    letter-spacing: .01em;
    line-height: 1.2;
    margin-bottom: 5px
}

.work-top-text p {
    text-align: center;
    font-size: 18px;
    color: #959494;
    font-weight: 500
}

.work-item {
    display: block;
    background: #f2f5f8;
    position: relative;
    top: 0;
    margin-bottom: 30px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.work-item::before {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    height: 5px;
    background: #40b3e4;
    transition: .3s ease-in-out
}

.work-item:focus,
.work-item:hover {
    background: #dfe9f4;
    top: -5px
}

.filter-area.open,
.work-item:hover::before {
    right: 0
}

.work-item figure {
    display: block;
    height: 480px;
    overflow: hidden;
    position: relative
}

.work-item figure a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px 25px 0;
    text-align: center
}

.work-item.web-project figure figcaption {
    margin-bottom: 60px
}

.work-item .project-icon {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: #fff;
    border-radius: 7px;
    width: 66px;
    height: 66px;
    margin: 0 auto 15px;
    overflow: hidden
}

.work-item .project-icon img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    max-height: 100%
}

.work-item figure figcaption h4 {
    font-family: Nunito, sans-serif;
    font-weight: 700;
    color: #3a3a3a;
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: .02em
}

.work-item figure figcaption h4 small {
    display: block;
    text-transform: uppercase;
    font-family: Nunito, sans-serif;
    font-weight: 600;
    color: #959494;
    letter-spacing: .02em;
    font-size: 13px;
    margin-top: 8px
}

.work-item .project-img-outer {
    position: relative;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%
}

.work-item .project-img {
    position: absolute;
    bottom: 0;
    left: 50%;
    right: auto;
    margin: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.work-item.web-project .project-img {
    bottom: 30px
}

.work-item .work-item-info {
    background: #fff;
    padding: 20px;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    min-height: 163px
}

.work-item .work-item-info p {
    font-family: Nunito, sans-serif;
    font-weight: 600;
    color: #2e2d2d;
    font-size: 18px;
    letter-spacing: .03em;
    line-height: 1.4;
    margin-bottom: 15px
}

.work-item .work-item-info .project-tags {
    display: block;
    text-align: center;
    margin-top: 20px
}

.work-item .work-item-info .project-tags a {
    display: inline-block;
    border-radius: 30px;
    border: 1px solid #6e6e6e;
    text-align: center;
    min-width: 70px;
    margin: 2px;
    font-family: Nunito, sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 11px;
    text-transform: uppercase;
    padding: 5px 8px 3px;
    line-height: 1.3
}

.work-item .work-item-info .project-tags a:focus,
.work-item .work-item-info .project-tags a:hover {
    color: #fff;
    background: #fc6309;
    border-color: #fc6309
}

.work-page .start-pro-btn {
    background: #fc6309
}

.work-page .start-pro-btn:focus,
.work-page .start-pro-btn:hover {
    background: #fff;
    border: 1px solid #fc6309;
    color: #fc6309
}

.filter-area {
    position: absolute;
    top: 80px;
    right: -560px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    z-index: 99;
    transition: .3s ease-in-out
}

.filter-submit-btn,
.hiring-works-list-elem {
    -webkit-transition: .3s ease-in-out;
    text-align: center
}

.filter-btn a {
    display: inline-block;
    background: #26a9e0;
    padding: 5px 15px;
    border-radius: 6px 0 0 6px;
    font-size: 28px;
    line-height: 1.4;
    color: #fff
}

.filter-btn a:focus,
.filter-btn a:hover {
    background: #1c82ad;
    color: #fff
}

.filter-list {
    background: #e8f4ff;
    padding: 25px;
    width: 560px;
    box-shadow: 1px 2px 9px rgba(26, 76, 97, .35)
}

.filter-list .form-group {
    display: inline-block;
    font-size: 18px;
    color: #161616;
    font-weight: 500;
    width: 50%;
    margin-right: -4px;
    vertical-align: top
}

.filter-list .form-group label {
    display: block;
    font-size: 18px;
    color: #161616;
    font-weight: 500
}

.filter-list .form-group .custom-checkbox {
    width: 24px;
    height: 24px;
    border: 2px solid #26a9e0;
    background: #fff;
    display: inline-block;
    border-radius: 2px;
    vertical-align: middle;
    position: relative;
    text-align: center;
    line-height: 18px;
    top: -3px;
    margin-right: 5px
}

.filter-list .form-group .custom-checkbox:hover {
    cursor: pointer;
    background: #fff;
    border-color: #f46c1c
}

.filter-list .form-group input[type=checkbox]:checked+.custom-checkbox:before {
    content: "\f00c";
    font: 14px/1 FontAwesome;
    color: #f46c1c
}

.filter-submit-btn {
    background: #ff5f00;
    border: 1px solid #ff5f00;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 2.4;
    text-transform: uppercase;
    min-width: 130px;
    overflow: hidden;
    transition: .3s ease-in-out
}

.filter-submit-btn:focus,
.filter-submit-btn:hover {
    background: #ff873f;
    color: #fff
}

.mission-section {
    padding-bottom: 50px
}

.mission-section h2 {
    font-size: 34px;
    color: #414141;
    font-weight: 500;
    text-transform: capitalize;
    vertical-align: middle;
    margin-bottom: 15px
}

.mission-section h3,
.vision-section h2 {
    font-weight: 500;
    vertical-align: middle;
    margin-bottom: 12px;
    text-transform: capitalize
}

.mission-section h3 {
    font-size: 26px;
    color: #414141
}

.mission-section .pull-right {
    margin-left: 30px;
    margin-bottom: 10px;
    max-width: 175px
}

.mission-section .text-left h2:after {
    content: "\f091";
    font: 34px/1 FontAwesome;
    display: inline-block;
    margin-bottom: 10px;
    color: #26a9e0;
    margin-left: 12px;
    position: relative;
    top: -2px
}

.mission-section ul li {
    display: inline-block;
    width: 100%;
    padding-left: 25px;
    font-family: Nunito, sans-serif !important;
    font-size: 16px;
    color: #565656;
    line-height: 1.7;
    font-weight: 400;
    position: relative;
    margin-bottom: 6px
}

.mission-section ul li:before {
    content: "\f00c";
    font: 14px/1 FontAwesome;
    position: absolute;
    top: 4px;
    left: 0;
    color: #26a9e0
}

.vision-section {
    padding: 50px 0;
    background: -webkit-linear-gradient(to right, #26a9e0, #2291bf);
    background: linear-gradient(to right, #26a9e0, #2291bf);
    margin-bottom: 50px;
    color: #fff;
    text-shadow: 1px 2px 9px rgba(0, 0, 0, .16)
}

.vision-section h2 {
    font-size: 34px;
    color: #fff
}

.vision-section h2:after {
    content: "\f06e";
    font: 23px/1 FontAwesome;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff;
    margin-left: 12px;
    position: relative;
    top: -2px
}

.vision-section .text-center {
    padding: 0 20%
}

.vision-section p {
    font-size: 18px;
    letter-spacing: .02em
}

.dedicated-resources-intro,
.dedicated-resources-selected-resource,
.dedicated-resources-selection,
.leading-team {
    padding: 70px 0
}

.hiring-block {
    border: 1px solid #f2f2f2;
    box-shadow: -1px 2px 6px rgba(180, 180, 180, .75);
    background: #fff;
    padding: 25px 25px 15px
}

.hiring-block figure,
.hiring-works-list-elem figure {
    display: block;
    margin-bottom: 20px
}

.hiring-block h4 {
    color: #1760a4;
    font-size: 24px;
    letter-spacing: .02em;
    margin-bottom: 15px
}

.hiring-block ul li {
    display: block;
    list-style: none;
    width: 100%;
    margin-bottom: 10px;
    font-family: Nunito, sans-serif;
    color: #707070
}

.hiring-block ul li strong {
    color: #2b2b2b;
    font-weight: 700
}

.dedicated-resources-selection {
    background: #162d42;
    overflow: hidden
}

.dedicated-resources-selection .headingBox h1 {
    color: #fff;
    font-size: 50px;
    text-transform: capitalize
}

.dedicated-resources-selection .nav-tabs {
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 150px;
    position: relative
}

.dedicated-resources-selection .nav-tabs:before {
    content: "";
    position: absolute;
    border-bottom: 2px dashed #1f627f;
    left: -10000px;
    right: -10000px;
    bottom: -4px;
    height: 3px;
    display: block
}

.dedicated-resources-selection .nav-tabs li {
    display: inline-block;
    width: 25%;
    text-align: center
}

.dedicated-resources-selection .nav-tabs li a {
    background: 0 0;
    border-radius: 0;
    border: none;
    border-right: 2px dashed #1f627f;
    font-family: Nunito, sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
    padding-bottom: 20px;
    opacity: .4;
    z-index: 2
}

.dedicated-resources-selection .nav-tabs.nav-tabs-inner li.active:before {
    content: "";
    position: absolute;
    top: -130px;
    bottom: -1px;
    left: -2px;
    right: 3px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .12));
    z-index: 1
}

.dedicated-resources-selection .nav-tabs li figure {
    margin: -80px 0 20px;
    min-height: 80px;
    z-index: 2
}

.dedicated-resources-selection .nav-tabs>li.active>a,
.dedicated-resources-selection .nav-tabs>li.active>a:focus,
.dedicated-resources-selection .nav-tabs>li.active>a:hover,
.dedicated-resources-selection .nav-tabs>li>a:hover {
    opacity: 1;
    background: 0 0;
    color: #fff;
    border: none;
    border-right: 2px dashed #1f627f
}

.dedicated-resources-selection .tab-pane {
    text-align: center;
    padding: 40px 80px 0;
    max-width: 96%;
    margin: 0 auto
}

.dedicated-resources-selection .tab-pane .technologies-list {
    margin-top: 70px
}

.dedicated-resources-selection .tab-pane p {
    letter-spacing: .028em;
    font-size: 17px;
    color: #fff
}

.dedicated-resources-selection .tab-pane p span,
.hiring-works-list-elem a:focus strong,
.hiring-works-list-elem a:hover strong {
    color: #37b2e6
}

.technologies-list ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 30px 40px
}

.technologies-list ul li a,
.technologies-list-inner ul li a {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    border-bottom: 1px solid #fff
}

.technologies-list ul li a:hover {
    color: #fff;
    border-bottom-color: #37b2e6
}

.technologies-list ul li figure {
    display: flex;
    margin: 0 auto 15px;
    align-items: flex-end;
    justify-content: center;
    width: 75px;
    height: 75px;
    background: #000;
    border-radius: 14px;
    position: relative
}

.technologies-list ul li figure figcaption {
    position: absolute;
    top: -10px;
    right: -23px;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000
}

.technologies-list ul li figure.gray,
.technologies-list ul li figure.gray figcaption {
    background: #424343
}

.technologies-list ul li figure.green,
.technologies-list ul li figure.green figcaption {
    background: #a2c438
}

.technologies-list ul li figure.blue,
.technologies-list ul li figure.blue figcaption {
    background: #3296d9
}

.technologies-list ul li figure.darkblue,
.technologies-list ul li figure.darkblue figcaption {
    background: #0d1b27
}

.technologies-list ul li figure.red,
.technologies-list ul li figure.red figcaption {
    background: #b42f31
}

.technologies-list ul li figure.purpal,
.technologies-list ul li figure.purpal figcaption {
    background: #6a7cb5
}

.technologies-list ul li figure.orange,
.technologies-list ul li figure.orange figcaption {
    background: #f06121
}

.technologies-list ul li figure figcaption img {
    max-height: 100%
}

.dedicated-btn,
.dedicated-resources-selection a.readMoreBtn {
    max-width: 260px
}

.how-hiring-works {
    background: #f2f2f2;
    padding: 70px 0
}

.how-hiring-works .headingBox h1,
.why-hire-us .headingBox h1 {
    font-size: 50px;
    text-transform: capitalize;
    font-weight: 500
}

.hiring-works-list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.hiring-works-list-elem {
    width: 17%;
    max-width: 225px;
    display: inline-block;
    transition: .3s ease-in-out;
    box-shadow: 0 0 10px transparent;
    position: relative;
    top: 0
}

.hiring-works-list-elem:hover {
    box-shadow: 0 0 23px rgba(0, 0, 0, .12);
    top: -5px
}

.hiring-works-list-elem a {
    display: block;
    background: #fefefe;
    padding: 35px 40px;
    min-height: 295px
}

.hiring-works-list-elem figure svg {
    display: block;
    margin: 0 auto;
    height: 50px;
    width: 50px;
    fill: #e14c00;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.hiring-works-list-elem .hiring-rating {
    display: block;
    margin-bottom: 45px;
    font-size: 18px;
    font-weight: 600;
    color: #cbcbcb;
    font-style: normal
}

.hiring-works-list-elem .hiring-rating span {
    color: #005dc9
}

.hiring-works-list-elem strong {
    font-size: 20px;
    font-weight: 600;
    color: #3a3a3a;
    line-height: 1.2;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.hiring-works-list-elem a:hover figure svg {
    fill: #3296d9
}

.why-hire-us {
    background: #fefefe;
    padding: 70px 0
}

.why-hire-us-list .why-hire-us-list-elem {
    display: block;
    margin-top: 40px;
    padding-right: 20px
}

.flex-row,
.servicesWrap ul,
.why-hire-us-list .row {
    display: flex;
    flex-wrap: wrap
}

.why-hire-us-list-elem figure svg {
    width: 60px;
    height: 60px;
    display: block;
    fill: #e14c00;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

#FlexibilityIcon {
    stroke: #e14c00
}

.why-hire-us-list .why-hire-us-list-elem:hover svg {
    fill: #1760a4
}

.why-hire-us-list .why-hire-us-list-elem:hover svg#FlexibilityIcon {
    stroke: #1760a4
}

.why-hire-us-list-elem h3 {
    font-weight: 600;
    color: #3a3a3a;
    font-size: 24px;
    margin-bottom: 15px
}

.why-hire-us-list-elem h3 a {
    color: #3a3a3a
}

.why-hire-us-list-elem h3 a:focus,
.why-hire-us-list-elem h3 a:hover {
    color: #1760a4
}

.why-hire-us-list-elem p {
    color: #707070;
    font-size: 16px;
    letter-spacing: .028em
}

.technologies-list-inner ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 30px
}

.technologies-list-inner ul li figure {
    display: block;
    margin: 0 auto 15px;
    position: relative
}

.dedicated-resources-selection .nav-tabs.nav-tabs-inner {
    margin-top: 60px;
    margin-bottom: 40px
}

.dedicated-resources-selected-resource .text-center a.readMoreBtn {
    max-width: 100%;
    margin-bottom: 50px;
    width: auto;
    display: inline-block;
    padding: 0 30px
}

.selected-resource-elem {
    display: block;
    padding: 30px 25px;
    background: #fff;
    box-shadow: 0 0 16px rgba(0, 0, 0, .2);
    text-align: center;
    margin-bottom: 30px;
    height: 100%
}

.selected-resource-elem figure {
    display: block;
    margin-bottom: 20px;
    min-height: 75px
}

.selected-resource-elem h5 {
    font-size: 24px;
    color: #1760a4;
    letter-spacing: .02em;
    font-weight: 600
}

.dedicated-resources-selection-light-blue {
    background: #1760a4;
    position: relative
}

.dedicated-resources-selection-light-blue:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #1760a4
}

.dedicated-resources-selection-light-blue p {
    font-size: 16px;
    color: #fff;
    text-align: center
}

svg#focused-managers-icon {
    width: 120px
}

.dedicated-resources-selection.gray-color-back {
    background: #fbfbfb
}

.dedicated-resources-selection .list-of-other-tech {
    margin: 0;
    padding: 0;
    display: flex;
    text-align: center;
    justify-content: center
}

.dedicated-resources-selection .list-of-other-tech li {
    display: inline-block;
    background: #fff;
    padding: 25px 15px;
    font-weight: 500;
    font-size: 20px;
    color: #3a3a3a;
    line-height: 1.6;
    letter-spacing: .02em;
    text-align: center;
    margin-right: 15px;
    width: 16%
}

.dedicated-resources-selection .list-of-other-tech li figure {
    min-height: 55px;
    text-align: center;
    margin-bottom: 10px
}

svg#TransparentPricingIcon,
svg#TransparentPricingIcon * {
    stroke: #e14c00 !important
}

.why-hire-us-list-elem:hover svg#TransparentPricingIcon,
.why-hire-us-list-elem:hover svg#TransparentPricingIcon * {
    stroke: #1760a4 !important
}

.page-template-new-team .bannerArea {
    display: flex;
    justify-content: center;
    align-items: center
}

.page-template-new-team .bannerArea .bannerText {
    width: 100%;
    padding-right: 0;
    display: block;
    text-align: center
}

.team-page .team-top {
    padding: 10px 0 70px
}

.team-quote:before {
    content: "";
    display: block;
    width: 68px;
    height: 61px;
    background: url('../image/team-quote-icon.png') 0 0/100% no-repeat;
    margin: 0 auto 25px
}

.team-quote p {
    font-size: 30px;
    color: #3a3a3a;
    font-weight: 600
}

.leading-team-elem h5,
.senior-team-elem div h5 {
    color: #1760a4;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-weight: 600
}

.senior-team {
    padding: 70px 0;
    background: #162d42
}

.senior-team .headingBox h1 {
    color: #fff;
    margin-bottom: 40px
}

.senior-team-elem {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.senior-team-elem figure {
    display: inline-block;
    width: 460px;
    min-width: 460px;
    height: 620px;
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat
}

.senior-team-elem div {
    display: inline-block;
    background: #fff;
    width: 350px;
    min-height: 285px;
    text-align: center;
    padding: 40px 30px;
    margin-left: -105px
}

.senior-team-elem div h5 small {
    display: block;
    font-size: 24px;
    color: #162d42;
    font-weight: 600
}

.senior-team-elem div p {
    font-family: 'Josefin Sans', sans-serif;
    color: #3a3a3a;
    font-weight: 600;
    font-size: 27px;
    line-height: 1.3
}

.leading-team .headingBox h1 {
    margin-bottom: 40px;
    font-size: 50px
}

.leading-team-elem figure {
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    height: 296px;
    width: 100%;
    margin-bottom: 15px
}

.leading-team-elem h5 {
    font-size: 22px
}

.leading-team-elem h5 small {
    display: block;
    font-size: 16px;
    color: #162d42;
    font-weight: 600
}

.smm-packages-cover {
    display: block;
    padding: 50px 0
}

.footer .footerTop .socialMediaCover,
.smm-packages-cover .row {
    display: flex
}

.smm-package {
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid rgba(204, 204, 204, .08);
    height: 100%;
    box-shadow: 0 0 17px rgba(0, 0, 0, .09);
    background: rgba(204, 204, 204, .04)
}

.smm-package .smm-header {
    background: #ccc;
    padding: 35px 20px
}

.smm-package .smm-header.basic {
    background: -webkit-linear-gradient(top, #fb9e2b, rgba(204, 204, 204, .04));
    background: linear-gradient(to bottom, #fb9e2b, rgba(204, 204, 204, .04))
}

.smm-package .smm-header.growth {
    background: -webkit-linear-gradient(top, #26a9e0, rgba(204, 204, 204, .04));
    background: linear-gradient(to bottom, #26a9e0, rgba(204, 204, 204, .04))
}

.smm-package .smm-header.premium {
    background: -webkit-linear-gradient(top, #579e34, rgba(204, 204, 204, .04));
    background: linear-gradient(to bottom, #579e34, rgba(204, 204, 204, .04))
}

.smm-package .smm-header h3 {
    font-size: 30px;
    color: #fff;
    letter-spacing: .02em;
    font-weight: 600;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, .2)
}

.smm-package .smm-header h3:after {
    content: "";
    display: block;
    margin: 10px auto 20px;
    height: 4px;
    width: 90px;
    background: #fff
}

.smm-package .smm-header.basic h3:after {
    background: #cc7e1e
}

.smm-package .smm-header.growth h3:after {
    background: #138abb
}

.smm-package .smm-header.premium h3:after {
    background: #477f2b
}

.smm-package .smm-header p {
    font-size: 20px;
    color: #565656;
    font-weight: 600
}

.smm-package .smm-info ul li {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    font-size: 16px;
    font-weight: 400
}

.smm-pricing-table h2 {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 25px
}

.smm-pricing-table .nav-tabs {
    border-bottom: none;
    text-align: center
}

.smm-pricing-table .nav-tabs>li {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 25px
}

.smm-pricing-table .nav-tabs>li>a {
    border: none;
    border-radius: 0;
    background: rgba(216, 216, 216, .27);
    color: #737373;
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

.smm-pricing-table .nav-tabs>li.active>a {
    background: #f66a17;
    color: #fff;
    border: none
}

.smm-pricing-table table.TFtable {
    table-layout: auto;
    width: 100%
}

.smm-pricing-table table.TFtable td {
    border: 1px solid #fff;
    padding: 10px 15px;
    text-align: center;
    font-weight: 600;
    color: #000
}

.smm-pricing-table table.TFtable td:first-child {
    width: 24%;
    text-align: left;
    background: rgba(97, 97, 97, .09);
    color: #000;
    font-size: 16px;
    font-weight: 600
}

.smm-pricing-table table.TFtable tr:first-child td {
    background: #ccc;
    color: #000;
    font-size: 20px;
    font-weight: 600
}

.smm-pricing-table table.TFtable tr:first-child td:first-child {
    background: #fff;
    border: none
}

.smm-pricing-table table.TFtable tr td:nth-child(2) {
    background: rgba(251, 159, 44, .4)
}

.smm-pricing-table table.TFtable tr td:nth-child(3) {
    background: rgba(38, 169, 224, .39)
}

.smm-pricing-table table.TFtable tr td:nth-child(4) {
    background: rgba(87, 158, 52, .18)
}

.smm-pricing-table table.TFtable tr:first-child td:nth-child(2) {
    background: #fb9f2c;
    color: #fff
}

.smm-pricing-table table.TFtable tr:first-child td:nth-child(4) {
    background: #579e34;
    color: #fff
}

.faq-section .panel-group .panel .panel-heading {
    padding: 0;
    background: 0 0
}

.faq-section .panel-group .panel .panel-heading .panel-title a {
    display: block;
    padding: 15px 20px;
    font-weight: 400;
    font-size: 21px;
    color: #3a3a3a;
    position: relative
}

.faq-section .panel-group .panel .panel-heading .panel-title a:before {
    content: "\f068";
    font: 17px/32px FontAwesome;
    position: absolute;
    top: 14px;
    right: 20px;
    color: #26a9e0;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .26);
    text-align: center
}

.faq-section .panel-group .panel .panel-heading .panel-title a.collapsed:before {
    content: "\f067"
}

.faq-section .panel-group .panel .panel-body {
    background: #f2f5f8
}

.faq-section .panel-group .panel+.panel {
    margin-top: -1px;
    border-radius: 0
}

.case-study-top-heading img {
    aspect-ratio: auto 328/112;
    height: auto
}

.gx-30 {
    --bs-gutter-x: 30px
}

.quickLinks.services-dk .service-list {
    display: flex;
    gap: 10px;
    margin-bottom: 30px
}

.footer .footerTop .newsletterArea {
    margin-left: 50px
}

.footerTop .careers {
    margin-left: 50px !important;
    margin-top: 0 !important
}

.socialMedia ul li a {
    width: 50px !important
}

.footerTop .newsletterArea {
    padding-left: 0 !important
}

.footer .footer-city-menu {
    background-color: #ddf5ff;
    padding: 65px 0 90px;
    background-repeat: no-repeat;
    background-position: center 20px;
    background-size: cover;
    overflow: hidden
}

.footer .footer-city-menu * {
    color: #000;
    font-family: nunito, sans-serif
}

.footer .footer-city-menu .text-center h2 {
    font-size: 50px;
    margin-bottom: 15px;
    font-weight: 700
}

.footer .footer-city-menu .text-center p {
    font-size: 32px;
    font-weight: 500
}

.footer .footer-city-menu .country-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 73px;
    margin: 0 -19px
}

.footer .footer-city-menu .country-wrapper .single {
    background-color: #fafeff;
    border-radius: 17px;
    height: 355px;
    width: 20%;
    padding: 30px;
    margin: 0 19px;
    overflow: hidden
}

.footer .footer-city-menu .country-wrapper .single .country-title {
    height: 55px;
    display: flex;
    align-items: center
}

.footer .footer-city-menu .country-wrapper .single .country-title .h5,
.footer .footer-city-menu .country-wrapper .single .country-title h5 {
    font-weight: 700;
    margin-right: 10px;
    margin-bottom: 0;
    font-size: 25px
}

.footer .footer-city-menu .country-wrapper .single ul {
    margin-top: 20px;
    overflow: auto;
    height: 235px;
    padding-left: 0;
    list-style-type: none
}

.footer .footer-city-menu .country-wrapper .single ul li {
    line-height: 1.5;
    margin-bottom: 13px;
    font-weight: 400
}

.footer .footer-city-menu .country-wrapper .single ul li a {
    font-size: 17px
}

.footer .footer-city-menu .country-wrapper .single ul li>a:hover {
    color: #0892cc;
    text-decoration: underline !important
}

.footer .footer-city-menu .country-wrapper .single:last-child .country-title img {
    height: 30px
}

aside.sidebar {
    border: 1px solid #e5e5e5;
    padding: 20px;
    border-radius: 10px
}

.single-widget h2 {
    color: #26a9e0;
    margin-bottom: 15px
}

.blog-listing {
    margin-top: 25px
}

.blog-listing .single-blog {
    display: flex;
    align-items: center
}

.blog-listing .single-blog figure {
    width: 90px;
    height: 60px;
    margin-right: 20px
}

.blog-listing .single-blog figure img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blog-listing .single-blog .txt {
    width: calc(100% - 110px)
}

.blog-listing .single-blog .txt h4 a {
    color: #000;
    overflow: hidden;
    line-clamp: 2
}

.blog-listing .single-blog .txt h4 a:hover {
    color: #ff6c15
}

@media only screen and (max-width:1599.98px) {
    .benefits-reputation-list ul li:nth-child(4) {
        top: auto;
        bottom: 240px;
        right: -200px;
        left: auto
    }

    .benefits-reputation-list ul li:nth-child(4) figure {
        top: 120px;
        left: -80px;
        right: auto
    }

    .benefits-reputation-list ul li figure {
        width: 100px;
        height: 100px;
        line-height: 90px
    }

    .benefits-reputation-list ul li:first-child {
        top: auto;
        bottom: 240px;
        left: -200px
    }

    .benefits-reputation-list ul li:first-child figure {
        top: 90px;
        right: -80px
    }

    .work-item .work-item-info {
        min-height: 215px
    }
}

@media only screen and (max-width:1464.98px) {
    .socialMedia ul li a {
        width: 45px !important
    }

    .footer .footer-city-menu .country-wrapper {
        padding: 0 40px;
        margin: 0 -12px
    }

    .footer .footer-city-menu .country-wrapper .single {
        padding: 25px 20px;
        margin: 0 12px
    }

    .footer .footer-city-menu .country-wrapper .single .country-title .h5,
    .footer .footer-city-menu .country-wrapper .single .country-title h5 {
        font-size: 20px
    }

    .footer .footer-city-menu .country-wrapper .single .country-title img {
        max-height: 45px;
        height: auto
    }

    .footer .footer-city-menu .country-wrapper .single ul {
        margin-top: 15px
    }
}

@media only screen and (min-width:1200px) {
    .footerTop .col-xl-6 {
        width: 50% !important
    }

    .col-xl-2 {
        width: 16.6666666667% !important
    }
}

@media only screen and (min-width:1400px) {
    .partner-logos img {
        margin: 0 50px
    }

    .header a.menu {
        right: 0
    }

    .mid1-hr {
        max-width: 23%
    }

    .mid2-outer {
        background-position: 103% 100%;
        background-size: 700px, auto
    }

    .banner-section-inner {
        margin: 70px 0 60px
    }

    .banner-section-inner p {
        font-size: 17px
    }

    .it-services-cover {
        margin-top: 80px;
        margin-bottom: 100px
    }

    .it-ser-banner-img {
        right: 30px;
        width: 74%
    }

    .blog_cntnt {
        padding: 24px
    }

    .post_cntnt {
        width: 250px
    }

    .post_thumb {
        height: 94px;
        margin-right: 20px;
        width: 93px
    }

    .deal-block {
        padding: 42px 60px 55px
    }

    .yrs-skill-cvr h3 {
        margin: 20px 0 35px
    }

    .yrs-skill-cvr p {
        line-height: 26px;
        margin: 0 0 40px
    }

    .perfect-design h3 {
        font-size: 28px;
        margin: 0 0 28px
    }

    .perfect-design .features {
        min-height: 190px
    }

    .perfect-design .left_,
    .perfect-design .right_ {
        padding-top: 20px
    }

    .process-block {
        margin: 0 13% 0 0
    }

    .what-we-do-hdr {
        min-height: 555px
    }

    .arc {
        height: 382px;
        width: 395px
    }

    .we-are-grapgics ul li.professional-box {
        right: 85px;
        top: 302px
    }

    .we-are-grapgics ul li.modern-box {
        top: 440px
    }

    .we-are-grapgics ul li.creative-box.active:before {
        left: -60px;
        top: 0;
        transform: rotate(0)
    }

    .we-are-grapgics ul li.professional-box.active:before {
        left: -80px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        top: -75px
    }

    .we-are-grapgics ul li.modern-box.active:before {
        transform: rotate(82deg);
        -webkit-transform: rotate(82deg);
        top: -126px
    }

    .br-inner {
        padding-left: 23%
    }

    .pencils {
        left: 10%
    }

    .mac-mice {
        right: 22%
    }

    .headphones {
        right: 0;
        top: -120px;
        transform: rotate(0);
        width: 368px
    }

    .round-line img {
        width: 500px
    }

    .benefits-wrap h2 {
        font-size: 45px
    }

    .contact-form form {
        padding: 33px 78px 50px
    }

    .contact-form h2 {
        padding: 45px 78px
    }

    .right-mid1 {
        width: 69%
    }

    .recent-work-list .rw-list-heading {
        font-size: 72px
    }

    .our-blog-cvr .our-blog-info h3 {
        font-size: 22px
    }
}

@media only screen and (min-width:1199px) and (max-width:1340px) {
    .partner-logos img {
        margin: 0 28px
    }

    .section-hdr {
        padding: 30px 15px
    }
}

@media only screen and (max-width:1400px) {
    .work-page {
        padding: 60px 5px;
        margin-top: 75px
    }

    .work-top-text h2 {
        font-size: 40px
    }

    .comp-india-sidebar .cont-us-btn,
    .ratios p,
    .why-reputation-data h5,
    .work-top-text p {
        font-size: 16px
    }

    .work-item figure figcaption h4 {
        font-size: 21px
    }

    .work-item figure figcaption h4 small {
        font-size: 12px
    }

    .work-item .project-img {
        max-width: 90%
    }

    .work-item .work-item-info p {
        font-size: 14px;
        letter-spacing: .01em
    }

    .work-item .work-item-info {
        padding: 12px;
        min-height: 175px
    }

    .work-item.mobile-project .project-img {
        bottom: -50px
    }

    .work-item figure {
        height: 440px
    }

    .reputation-page .top-heading h1 {
        font-size: 60px
    }

    .reputation-page .top-heading p {
        font-size: 15px;
        margin-bottom: 18px
    }

    .reputation-page .top-heading h3 {
        font-size: 32px;
        margin-bottom: 10px
    }

    .reputation-exclusive-cover ul {
        width: 60%
    }

    .reputation-exclusive-cover figure {
        width: 40%
    }

    .seo-comp-india .reputation-exclusive-cover ul li {
        font-size: 15px;
        padding: 0 0 0 25px;
        margin-bottom: 16px
    }

    .seo-comp-india .reputation-exclusive-cover ul li:before {
        top: 4px
    }

    .benefits-reputation h1,
    .why-reputation-section h1 {
        font-size: 50px
    }

    .benefits-circle-cover {
        bottom: -280px
    }

    .benefits-circle {
        width: 820px;
        height: 820px
    }

    .benefits-circle.benefits-circle-thr {
        padding: 80px 70px 70px
    }

    .benefits-reputation-list ul li figure {
        line-height: 95px
    }

    .benefits-reputation-list ul li figure img {
        max-width: 100%
    }

    .benefits-reputation-list ul li h4,
    .benefits-reputation-list ul li p,
    .contact-form input[type=email],
    .contact-form input[type=tel],
    .contact-form input[type=text],
    .contact-form textarea,
    .cstm-radio label {
        font-size: 14px
    }

    .benefits-reputation-list ul li:first-child {
        top: auto;
        bottom: 180px;
        left: -180px
    }

    .benefits-circle-outer {
        max-width: 820px;
        height: 510px
    }

    .benefits-reputation-list ul li:nth-child(2) {
        top: -10px;
        left: -73px
    }

    .benefits-reputation-list ul li:nth-child(3) {
        top: 0;
        right: -60px;
        left: auto
    }

    .benefits-reputation-list ul li:nth-child(4) {
        top: auto;
        bottom: 180px;
        right: -180px;
        left: auto
    }

    .benefits-reputation-list ul li:first-child figure {
        top: 70px;
        right: -60px
    }

    .benefits-reputation-list ul li:nth-child(2) figure {
        top: 80px;
        right: -90px
    }

    .benefits-reputation-list ul li:nth-child(3) figure {
        top: 70px;
        left: -85px
    }

    .benefits-reputation-list ul li:nth-child(4) figure {
        top: 90px;
        left: -70px;
        right: auto
    }

    .why-reputation-data p {
        font-size: 15px
    }

    .translate-vision-section h1 {
        font-size: 35px
    }

    .comp-india-sidebar .form-group .form-control {
        margin: 0 0 10px;
        font-size: 14px
    }

    .comp-india-sidebar .form-group textarea.form-control {
        height: 70px
    }

    .wpcf7-recaptcha {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .case-study-top-heading h2,
    .seo-comp-india h1 {
        font-size: 32px
    }

    .comp-india-sidebar h1 {
        font-size: 22px;
        margin-bottom: 5px
    }

    .case-one {
        height: 460px
    }

    .case-one-img {
        width: 335px;
        height: 280px
    }

    .case-one-img figure {
        top: 12px;
        left: 17px;
        bottom: 99px;
        right: 16px
    }

    .case-one-text {
        margin-top: 30px
    }

    .case-one-text h1 {
        line-height: 1.3;
        font-size: 26px
    }

    .comp-india-sidebar.affix,
    .comp-india-sidebar.affix-bottom {
        max-width: 416px;
        width: 100%
    }

    .comp-india-sidebar.affix {
        width: calc(33.2% - 30px)
    }

    .comp-india-sidebar.affix-bottom {
        width: 100%
    }

    .seo-comp-india h2 {
        font-size: 22px
    }

    .seo-comp-india h3 {
        font-size: 18px
    }

    .seo-comp-india .seo-comp-steps ul li {
        min-height: 81px;
        display: flex;
        align-items: center
    }

    .comp-india-sidebar {
        padding: 0
    }

    .seo-comp-india .comp-india-sidebar p {
        margin-bottom: 0
    }

    .comp-india-sidebar .form-group {
        margin-bottom: 5px;
        width: 100%;
        min-width: 230px
    }

    .partner-logos img {
        margin: 0 28px
    }

    .section-hdr {
        padding: 30px 15px
    }

    .banner-section .carousel-inner {
        width: 860px;
        height: 400px
    }

    .banner-section .carousel-indicators {
        width: 975px;
        bottom: 80px
    }

    .banner-section .carousel-indicators li.l2 {
        top: 40px;
        left: 222px
    }

    .banner-section .carousel-indicators li.l3 {
        top: 40px;
        right: 222px
    }

    .banner-section .carousel-inner .item .item-inner {
        width: 580px;
        margin-top: 55px
    }

    .banner-section .carousel-inner .item h1 {
        font-size: 24px
    }

    .banner-section .carousel-inner .item p {
        width: 85%;
        font-size: 15px
    }

    .banner-section .carousel-inner .item .pic {
        width: 460px;
        position: relative;
        text-align: center;
        display: block;
        margin: 0 auto
    }

    .banner-section .carousel-inner .item .pic img {
        display: inline-block;
        margin: 0 auto
    }

    .banner-section .carousel-inner .item .pic-3,
    .banner-section .carousel-inner .item .pic-4 {
        width: 360px;
        left: 0;
        right: 0
    }

    .banner-section .carousel-inner .item .pic-4 img {
        left: -100px;
        position: relative
    }

    .banner-section .carousel-indicators .active,
    .banner-section .carousel-indicators li {
        width: 70px;
        height: 70px;
        line-height: 65px
    }

    .blog-outer {
        padding: 25px
    }

    .contact-form-cvr form {
        padding-bottom: 40px
    }

    .contact-form-cvr .pk-row .form-group {
        padding: 0 20px
    }

    .contact-form-cvr .pk-row .row {
        margin-left: -25px;
        margin-right: -25px
    }

    .contact-form-cvr .pk-row .col-half {
        padding: 0 25px
    }

    .contact-form-cvr form .form-group input,
    .contact-form-cvr form .form-group textarea {
        margin-bottom: 36px
    }

    .contact-form-cvr .pk-row .cont-us-btn {
        margin-right: 15px
    }

    .contact-form h2,
    .imark-facts {
        padding: 20px 30px
    }

    .imark-facts ul li {
        font-size: 18px;
        padding: 15px 0 15px 80px
    }

    .imark-facts ul li svg {
        top: 0;
        margin: auto;
        bottom: 0
    }

    .imark-facts ul li:first-of-type svg {
        bottom: auto;
        top: -5px
    }

    .imark-facts ul li:last-of-type svg {
        bottom: auto;
        top: 10px
    }

    .contact-form-cvr {
        margin-bottom: 50px
    }

    .outsourcing-wrap {
        height: 340px
    }

    .hdr-banner img {
        max-width: 660px
    }

    .outsourcing-banner-svg-area {
        padding: 40px 0 60px
    }

    .round-line img {
        max-width: none;
        position: absolute;
        right: 0;
        width: 380px
    }

    .outsource-text {
        min-height: 270px
    }

    .outsourcing-banner-svg-area h3 {
        font-size: 26px;
        line-height: 1.5
    }

    .outsourcing-banner-svg-area p {
        font-size: 16px;
        line-height: 1.7
    }

    .benefits-wrap {
        padding: 65px 0 40px
    }

    .contact-form {
        margin: -110px 0 50px
    }

    .contact-form input[type=submit] {
        font-size: 20px;
        height: 60px;
        width: 200px
    }

    .contact-bottom-text p {
        font-size: 16px;
        line-height: 1.9
    }

    .little-push-wrap p {
        line-height: 1.7
    }

    .ratios h3 {
        font-size: 36px
    }

    .socialMedia ul li a {
        width: 38px !important
    }

    .footer .footer-city-menu .text-center h2 {
        font-size: 45px;
        margin-bottom: 10px
    }

    .footer .footer-city-menu .text-center p {
        font-size: 28px
    }

    .footer .footer-city-menu .country-wrapper {
        margin: 0 -10px
    }

    .footer .footer-city-menu .country-wrapper .single {
        margin: 0 10px
    }

    .footer .footer-city-menu .country-wrapper .single ul {
        margin-top: 10px
    }
}

@media only screen and (max-width:1199px) {

    .footer .footer-city-menu .country-wrapper .single .country-title,
    .ob-plus {
        height: 45px
    }

    .footer .footerTop .newsletterArea,
    .footerTop .careers {
        margin-left: 30px
    }

    .CallBtn {
        display: inline-flex
    }

    .gx-30 {
        --bs-gutter-x: 16px
    }

    .quickLinks.services-dk ul {
        column-gap: 10px
    }

    .quickLinks ul li a {
        font-size: 14px;
        line-height: 1.6
    }

    .work-page {
        padding: 60px 5px;
        margin-top: 50px
    }

    .work-top-text h2 {
        font-size: 32px
    }

    .work-top-text p {
        font-size: 14px
    }

    .work-item .project-icon {
        width: 55px;
        height: 55px
    }

    .work-item figure a {
        padding: 12px 8px 0
    }

    .footer .footer-city-menu .country-wrapper .single .country-title .h5,
    .footer .footer-city-menu .country-wrapper .single .country-title h5,
    .footer .footer-city-menu .country-wrapper .single ul li a,
    .our-blog-cvr .our-blog-info h3,
    .work-item figure figcaption h4 {
        font-size: 16px
    }

    .work-item figure figcaption h4 small {
        line-height: 1.3
    }

    .work-item figure {
        height: 345px
    }

    .work-item .project-img {
        max-width: 85%
    }

    .work-item.mobile-project .project-img {
        bottom: -60px;
        max-width: 72%
    }

    .comp-india-sidebar.affix,
    .comp-india-sidebar.affix-bottom,
    .comp-india-sidebar.affix-top {
        position: static !important;
        max-width: 100%
    }

    .laptop-img {
        top: 50%;
        margin-top: -50px;
        left: 50%;
        margin-left: -110px;
        width: 220px;
        z-index: 99
    }

    .hm-1 img,
    .hm-7 img {
        width: 80px
    }

    .hm-2 img {
        width: 150px
    }

    .hm-3 img {
        width: 40px
    }

    .hm-4 {
        right: 13%
    }

    .hm-4 img {
        width: 35px
    }

    .hm-5 img,
    .hm-6 img {
        width: 90px
    }

    .hm-6 p {
        margin-top: 55px
    }

    .hm-7 {
        top: 506px;
        left: 253px
    }

    .hm-8 img {
        width: 120px
    }

    .hm-arrow-1 {
        top: 248px;
        left: 295px
    }

    .hm-arrow-1 img,
    .hm-arrow-2 img,
    .hm-arrow-3 img,
    .hm-arrow-4 img,
    .hm-arrow-5 img,
    .hm-arrow-6 img,
    .hm-arrow-7 img,
    .hm-arrow-8 img {
        width: 60%
    }

    .hm-arrow-2 img,
    .social-media-page .how-do-we-do .col-md-8 {
        width: 100%
    }

    .hm-arrow-3 {
        top: 305px;
        right: 20%
    }

    .hm-arrow-7,
    .hm-arrow-8 {
        left: 305px
    }

    .pink-heading h1 {
        font-size: 38px
    }

    .forget-us h3,
    .outsourcing-banner-svg-area h3,
    .start-pro-btn {
        font-size: 20px
    }

    .service-cvr ul li .dig-icon-cvr {
        width: 26px;
        display: block;
        position: absolute;
        top: -4px
    }

    .service-cvr ul li img {
        max-width: 68%
    }

    .service-cvr ul li h4 {
        font-size: 14px;
        padding-left: 25px
    }

    .service-cvr ul li p {
        font-size: 13px
    }

    .service-cvr {
        padding-top: 20px
    }

    .ob-plus {
        width: 45px
    }

    .ob-plus:before,
    .ob-plus:hover:after {
        top: 11px
    }

    .ob-plus:after,
    .ob-plus:hover:before {
        top: 21px
    }

    a.view-more-blog {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .mid5-outer {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .how-we-done-inner,
    .web-design-cover,
    .work-for-items {
        margin-top: 50px
    }

    #footer .addrs p,
    #footer .addrs p a,
    #footer .eml p,
    #footer .eml p a,
    #footer .phn p,
    #footer .phn p a,
    .footer-about p,
    .footer-newsltr .copyright p,
    .footer-newsltr p,
    .menu-links ul li {
        letter-spacing: .01em
    }

    .work-for-list,
    .work-for-list a {
        height: 140px
    }

    .work-for-list img {
        max-width: 40%
    }

    .partner-logos img {
        margin: 0 2%;
        max-width: 300px;
        width: 20%
    }

    .contact-form-cvr form,
    .section-hdr {
        padding: 30px 15px
    }

    .cont-us-btn,
    .contact-form-cvr form .form-group .fm-radio input[type=submit] {
        width: 230px;
        font-size: 20px;
        line-height: 2.5 !important
    }

    .contact-form-cvr form .form-group input,
    .contact-form-cvr form .form-group textarea {
        margin-bottom: 23px
    }

    .imark-facts {
        padding: 20px
    }

    .imark-facts ul li {
        font-size: 14px;
        padding: 15px 0 15px 65px
    }

    .imark-facts ul li svg {
        height: 40px;
        left: 10px;
        width: 40px
    }

    .round-line img {
        width: 300px
    }

    .outsource-text {
        min-height: 220px;
        margin: 50px 0 0
    }

    .benefits-wrap h2,
    .little-push-wrap h2 {
        font-size: 32px;
        font-weight: 700
    }

    .contact-form {
        margin: -100px 0 30px
    }

    .contact-form form {
        padding: 23px 28px 30px
    }

    .little-push-wrap h2 {
        margin: 0 0 25px
    }

    .little-push-wrap p {
        margin: 0 0 30px
    }

    .little-push-wrap .ratios p {
        font-size: 14px;
        margin: 0
    }

    .contact-bottom-text p {
        font-size: 14px;
        line-height: 1.7
    }

    .start-pro-btn {
        width: 230px;
        line-height: 2.5
    }

    .little-push-wrap {
        padding: 60px 0 50px
    }

    .why-us-banner {
        min-height: 600px
    }

    .anim-cvr {
        margin-top: 80px
    }

    .why-us-banner-text {
        width: 85%
    }

    .seo-pricing-table {
        overflow-x: scroll
    }

    .service-list-text ul li {
        margin-right: 37px;
        font-size: 16px
    }

    .footer .footer-city-menu .text-center h2,
    .section-hdr h2 {
        font-size: 28px
    }

    .case-one {
        height: 400px
    }

    .case-one-img {
        width: 275px;
        height: 237px
    }

    .case-one-img figure {
        top: 1px;
        left: 11px;
        bottom: 57px;
        right: 10px
    }

    .strategy-text {
        padding: 0
    }

    .br-inner h2,
    .dealing-in h2,
    .forget-us h2,
    .how-do-we-do h2,
    .link-building h2,
    .mobile-app-wrap h2,
    .ppc-wrap h2,
    .process-wrap h2,
    .reputation-wrap h2,
    .services-wrap h2,
    .social-media-wrap h2,
    .web-design-top-text h1 {
        font-size: 34px;
        margin: 0 0 30px
    }

    .reputation-wrap h2 {
        margin-bottom: 20px
    }

    .methods-wrap .chain-img {
        left: 17px;
        top: -135px
    }

    .footer .footer-city-menu .text-center p,
    .methods-wrap ul li {
        font-size: 18px
    }

    .social-media-img {
        display: none
    }

    .half-mouse {
        width: 70px
    }

    .it-services-cover {
        margin-top: 30px;
        margin-bottom: 40px
    }

    .dealing-in {
        padding: 130px 0 70px
    }

    .dealing-in .start-pro-btn {
        margin-top: 25px
    }

    .service-block {
        height: 275px;
        padding: 85px 15px 10px
    }

    .process-block {
        width: 25%;
        padding: 0 15px;
        margin: 0
    }

    .process-block [class*="-icon"] {
        margin: 0 auto 30px
    }

    .mobile-app-wrap {
        padding: 70px 0
    }

    .perfect-design h3 {
        font-size: 16px;
        margin: 0 0 5px
    }

    .filter-button-group button {
        font-size: 14px;
        min-width: 130px
    }

    .case-study-outer .case-one-img figure {
        top: 11px;
        left: 11px;
        bottom: 82px;
        right: 10px
    }

    .case-study-outer .MobileApp .case-one-img figure {
        top: 50px;
        bottom: 0;
        left: 16px;
        right: 16px;
        background-position: top center
    }

    .portfolio-outer {
        margin: 60px 0 20px
    }

    .what-we-do-hdr h2 {
        font-size: 80px
    }

    .what-we-do-hdr h3 {
        font-size: 35px
    }

    .what-we-do-hdr {
        min-height: 405px
    }

    .we-are-grapgics h2 {
        top: 75px;
        left: 15px;
        font-size: 34px
    }

    .arc {
        height: 242px;
        width: 241px
    }

    .we-are-grapgics ul li.active:before {
        width: 20px;
        height: 104px
    }

    .we-are-grapgics ul li.creative-box.active:before {
        left: -62px;
        top: 0;
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    .we-are-grapgics ul li.professional-box.active:before {
        left: -84px;
        transform: rotate(47deg);
        -webkit-transform: rotate(47deg);
        top: -76px
    }

    .we-are-grapgics ul li.modern-box.active:before {
        left: 48px;
        transform: rotate(72deg);
        -webkit-transform: rotate(72deg);
        top: -173px
    }

    .we-are-grapgics ul li.professional-box {
        right: 40px;
        top: 198px
    }

    .we-are-grapgics h3 {
        font-size: 20px;
        margin: 0 0 10px
    }

    .we-are-grapgics ul li.modern-box {
        left: 25px;
        top: 340px
    }

    .bulb-text-section {
        padding: 0 0 0 30px
    }

    .we-are-wrap {
        padding: 60px 0 40px
    }

    .headphones {
        width: 190px
    }

    .pencils {
        width: 160px
    }

    .project-rolling-num ul li {
        width: 24%
    }

    .how-we-done-outer {
        margin-top: 0;
        padding-top: 0
    }

    .contact-cvr {
        margin-top: 20px
    }

    .case-study-top-heading {
        width: 41%;
        text-align: left !important
    }

    .case-study-top-heading img {
        max-width: 70%
    }

    .site-footer .footerTop .socialMediaCover {
        display: flex !important
    }

    .site-footer .footerTop .newsletterArea {
        margin-top: 0 !important;
        padding-left: 30px
    }

    .footer .footer-city-menu .text-center p img {
        height: 30px;
        width: 34px
    }

    .footer .footer-city-menu .country-wrapper {
        margin: 0 -7px;
        padding: 0
    }

    .footer .footer-city-menu .country-wrapper .single {
        margin: 0 7px;
        height: 280px;
        padding: 18px 15px;
        border-radius: 8px
    }

    .footer .footer-city-menu .country-wrapper .single .country-title img {
        max-height: 40px
    }

    .footer .footer-city-menu .country-wrapper .single ul {
        height: 185px
    }

    .footer .footer-city-menu .country-wrapper .single ul li {
        line-height: 1.3;
        margin-bottom: 10px
    }

    .benefits-reputation-list ul li:first-child {
        left: -90px
    }

    .benefits-reputation-list ul li:first-child figure {
        right: -40px
    }

    .benefits-reputation-list ul li:nth-child(4) figure {
        left: -40px
    }

    .benefits-reputation-list ul li:nth-child(4) {
        right: -90px
    }
}

@media only screen and (min-width:992px) {
    .footerTop .col-lg-8 {
        width: 66.6666666667%
    }
}

@media only screen and (max-width:991px) {

    .launch-cvr,
    .meet-cvr {
        margin-right: 0
    }

    .work-icon,
    .work-info {
        vertical-align: top
    }

    .work-page .work-list .row div[class*=col-]:nth-child(4n+1) {
        clear: none
    }

    .dealing-in .row .col-md-4:nth-child(odd),
    .perfect-design .features:nth-child(odd),
    .work-page .work-list .row div[class*=col-]:nth-child(3n+1) {
        clear: both
    }

    .quickLinks.services-dk ul li {
        width: 100% !important;
        margin-right: 0 !important
    }

    .comp-india-sidebar.affix,
    .comp-india-sidebar.affix-bottom,
    .comp-india-sidebar.affix-top {
        position: static !important;
        max-width: 100%;
        margin-top: 40px
    }

    .banner-section .carousel-inner {
        width: 735px;
        height: 390px
    }

    .banner-section .carousel-inner:after {
        height: 710px
    }

    .banner-section .carousel-indicators {
        width: 98%;
        bottom: 220px;
        height: 243px
    }

    .banner-section .carousel-indicators li.l1 {
        top: 140px;
        left: 0
    }

    .banner-section .carousel-indicators li.l2 {
        top: 0;
        left: 208px
    }

    .banner-section .carousel-indicators li.l3 {
        top: 0;
        right: 208px
    }

    .banner-section .carousel-indicators li.l4 {
        top: 140px;
        right: 0
    }

    .banner-section .carousel-inner .item p {
        width: 90%;
        font-size: 14px
    }

    .hm-1 {
        top: 160px;
        left: 12%
    }

    .hm-arrow-1 {
        top: 239px;
        left: 185px
    }

    .hm-arrow-2 {
        top: 210px;
        left: 48.4%
    }

    .hm-7 {
        left: 180px
    }

    .hm-arrow-7,
    .hm-arrow-8 {
        left: 205px
    }

    .benefits-reputation-list ul li:first-child,
    .hm-8 {
        left: 0
    }

    .hm-8 img {
        width: 90px
    }

    .hm-arrow-3 {
        right: 10%
    }

    .hm-4 {
        right: 4%
    }

    .hm-5 {
        top: 450px;
        right: 12%
    }

    .hm-arrow-5 {
        right: 17%;
        width: 150px
    }

    .hm-arrow-4 {
        right: 20%
    }

    .mid2-heading.pink-heading {
        background: #f6f6f6;
        position: static;
        transform: none;
        width: 100%;
        padding: 0 20px 10px
    }

    .section-hdr {
        padding: 20px 25px
    }

    .section-hdr h2 {
        border-bottom: 1px solid #fff;
        border-right: 0;
        display: inline-block;
        font-size: 30px;
        margin: 0 0 15px;
        padding: 0 5px 10px 0;
        width: auto
    }

    .section-hdr p {
        display: block;
        padding: 0
    }

    #footer {
        padding: 45px 0 35px
    }

    .service-list-item {
        margin-top: 20px;
        margin-bottom: 80px
    }

    .footer-about {
        margin-bottom: 50px
    }

    .menu-links {
        margin-bottom: 40px
    }

    .addrs p,
    .phn p {
        padding: 0 0 0 20px
    }

    .service-list .service-list-item .service-list-text:first-child h1::before {
        background-size: 100% auto;
        width: 100px;
        height: 100px;
        left: -125px
    }

    .service-list-text ul li {
        font-size: 14px;
        margin-bottom: 30px;
        margin-right: 0;
        width: 25%;
        padding: 0 15px
    }

    .service-list-text h1 {
        font-size: 38px
    }

    .anim-cvr,
    .service-list-item .service-pro-btn {
        margin-top: 50px
    }

    .launch-cvr,
    .plan-cvr {
        margin-top: 40px
    }

    .start-pro-btn {
        width: 250px;
        font-size: 20px;
        line-height: 50px
    }

    .launch-cvr,
    .left-mid1,
    .meet-cvr,
    .plan-cvr,
    .ppc-new-case-cover .download-files,
    .right-mid1,
    div[class*=facts-block],
    div[class*=form-block] {
        width: 100%
    }

    .design-arw,
    .meet-arw,
    .pink-heading.left-mid1 h1 br,
    .round-line,
    .testing-arw,
    .testing-arw-2 {
        display: none
    }

    .recent-work-list .rw-list-heading {
        font-size: 40px
    }

    .testing-arw-2 {
        left: 45px
    }

    .mid2-outer {
        background-position: center 42px;
        min-height: 100%;
        background-size: 80% auto;
        background-color: #f6f6f6;
        padding: 30px 0 0
    }

    .how-we-work-cvr {
        background: rgba(245, 245, 245, .9);
        min-height: 100%;
        position: static;
        padding-top: 35px;
        float: left;
        padding-bottom: 60px
    }

    .work-icon img {
        max-width: 85%
    }

    .work-info h3 {
        font-size: 22px;
        margin-bottom: 15px
    }

    .plan-cvr {
        margin-left: 0;
        margin-bottom: 0
    }

    .design-cvr,
    .testing-cvr {
        width: 100%;
        margin-left: 0;
        margin-top: 40px
    }

    .contact-inner {
        padding: 20px 15px 40px
    }

    .contact-inner .contact-icon {
        min-height: 100px;
        width: 60%;
        margin: 0 auto
    }

    .social-media {
        font-size: 18px;
        right: 5px
    }

    .work-icon {
        max-width: 90px
    }

    .why-us-inner .why-us-inner-text {
        padding-left: 15px
    }

    .why-us-banner {
        min-height: 530px
    }

    .why-us-banner-text {
        width: 90%;
        margin: 40px auto 0
    }

    .what-ex-innr-cvr {
        padding-left: 10%;
        padding-right: 10%
    }

    .what-ex-icon-1 {
        left: -4%
    }

    .what-ex-icon-2 {
        right: -5%;
        top: 230px
    }

    .outsource-text {
        min-height: 1px;
        margin: 10px 0 0;
        padding-left: 0
    }

    .benefits-wrap .right-part,
    .how-we-done-inner-list .how-we-done-inner-img,
    .how-we-done-inner-list .how-we-done-inner-text,
    .ppc-wrap .ppc-text {
        padding: 0
    }

    .contact-form {
        margin: 30px 0
    }

    .contact-form input[type=submit] {
        font-size: 18px;
        height: 50px;
        width: 180px
    }

    .little-push-wrap {
        padding: 40px 0 50px
    }

    .outsourcing-map-img {
        margin: 10px 0 0
    }

    #footer .addrs,
    #footer .eml,
    #footer .phn {
        padding-left: 0
    }

    .seo-comp-india {
        padding: 30px 0 80px
    }

    .ppc-wrap {
        padding: 30px 0 20px
    }

    .dealing-in h2,
    .how-do-we-do h2,
    .methods-wrap h2,
    .mobile-app-wrap h2,
    .ppc-wrap .seo-comp-india .col-md-8 h3,
    .ppc-wrap .seo-comp-india h3,
    .ppc-wrap h2,
    .reputation-wrap h2,
    .seo-comp-india h1,
    .web-design-top-text h1 {
        font-size: 28px
    }

    .ppc-img {
        margin: 0 0 20px
    }

    .pay-per-click {
        margin: 30px 0 0;
        padding: 50px 0 20px
    }

    .mac-mice-large {
        position: absolute;
        right: 10px;
        top: -110px;
        width: 100px
    }

    .our-strategy {
        padding: 50px 0 20px;
        margin: 0 0 50px
    }

    .our-strategy .start-pro-btn {
        margin: 0 0 30px
    }

    .socialMediaCover {
        text-align: left !important;
        margin-top: 25px
    }

    .perfect-design .col-lg-3.col-md-4.left_ .features,
    .perfect-design .col-lg-3.col-md-4.right_ .features,
    .web-design-top-text,
    .web-design-top-text h1,
    .web-dev-img,
    figure.before-after {
        text-align: center
    }

    .reputation-wrap,
    .web-design-respon-outer {
        padding: 50px 0
    }

    .methods-wrap .chain-img {
        left: 17px;
        top: -104px;
        width: 90px
    }

    .methods-wrap .curved-arrow-up {
        left: 70%
    }

    .sm-box.brand,
    .sm-box.setup,
    .sm-box.smc,
    .sm-box.smm {
        background-size: 35px
    }

    .left_ .sm-box,
    .right_ .sm-box {
        padding-left: 50px
    }

    .it-ser-banner-img {
        position: absolute;
        top: 162px;
        right: 0;
        width: 70%
    }

    .top-hdr p {
        padding: 0 15px
    }

    figure.before-after {
        margin-bottom: 25px
    }

    .yrs-skill-cvr {
        padding: 68px 0 60px
    }

    .web-dev-img {
        display: block;
        margin-bottom: 30px
    }

    .mobile-app-wrap {
        padding: 50px 0 30px
    }

    .services {
        display: block;
        margin: 60px 0 0
    }

    .service-block {
        width: 50%;
        display: inline-block;
        margin-right: -4px;
        height: auto;
        padding: 20px 15px;
        min-height: 315px
    }

    .service-block [class*="-icon"] {
        position: static;
        margin: 0 auto 20px
    }

    .how-we-done-inner-list .how-we-done-inner-text,
    .process-block {
        margin-bottom: 30px
    }

    .process-block {
        width: 50%
    }

    .process {
        margin: 25px 0 60px
    }

    .phone-ipad,
    .phones,
    .webDesignImg {
        display: block;
        width: 60%;
        margin: 0 auto 30px
    }

    .perfect-design .features {
        min-height: 1px;
        display: inline-block;
        width: 50% !important;
        margin-right: -4px;
        vertical-align: top;
        padding: 0 15px
    }

    .perfect-design .features:last-of-type {
        margin-right: -4px
    }

    .perfect-design {
        padding: 55px 0 30px
    }

    .filter-button-group button {
        font-size: 14px;
        min-width: 120px;
        margin: 0 5px 35px
    }

    .case-study-top-heading {
        width: 41%
    }

    .case-project-outer {
        padding: 20px
    }

    .project-text h2 {
        font-size: 26px
    }

    .project-rolling-num ul li h2:after {
        bottom: -15px
    }

    .project-text {
        margin-bottom: 20px
    }

    .case-project-brief,
    .how-we-done-inner-list {
        display: block
    }

    .how-we-done-inner-list .how-we-done-inner-img,
    .how-we-done-inner-list .how-we-done-inner-text,
    .project-approach,
    .project-brief {
        display: block;
        width: 100%;
        padding: 20px
    }

    .how-we-done-inner-list .how-we-done-inner-img {
        text-align: center;
        margin-bottom: 30px
    }

    .how-we-done-inner-list .how-we-done-inner-img img {
        margin: 0 auto;
        width: 60%
    }

    .ppc-new-case-cover .case-project-brief ul {
        float: none
    }

    .footer .footer-city-menu {
        padding: 45px 0 50px
    }

    .footer .footer-city-menu .country-wrapper {
        margin: 0;
        flex-wrap: wrap;
        gap: 15px
    }

    .footer .footer-city-menu .country-wrapper .single {
        width: calc((100% / 3) - 15px);
        margin: 0
    }

    .benefits-circle {
        width: 740px;
        height: 740px
    }

    .benefits-circle-cover {
        bottom: -265px
    }

    .benefits-reputation-list ul li:first-child figure {
        right: 90px;
        top: 90px
    }

    .benefits-reputation-list ul li:nth-child(4) {
        right: 0
    }

    .benefits-reputation-list ul li:nth-child(4) figure {
        left: 90px;
        top: 110px
    }

    .benefits-reputation-list ul li:nth-child(2) {
        left: 30px
    }

    .benefits-reputation-list ul li:nth-child(2) figure {
        top: 100px;
        right: 0
    }

    .benefits-reputation-list ul li:nth-child(3) {
        right: 30px
    }

    .benefits-reputation-list ul li:nth-child(3) figure {
        top: 90px;
        left: 0
    }
}

@media only screen and (max-width:767px) {

    .mob-banner,
    .portfolio-outer .col-md-3.col-sm-4.col-xs-12 {
        text-align: center
    }

    .work-item {
        max-width: 340px;
        margin: 0 auto 30px
    }

    .work-page {
        padding: 40px 5px;
        margin-top: 26px
    }

    .work-top-text h2 {
        font-size: 21px
    }

    .work-info p,
    .work-top-text p {
        font-size: 13px
    }

    .footer-about,
    .work-item.web-project figure figcaption {
        margin-bottom: 40px
    }

    .quickLinks.services-dk .service-list {
        flex-direction: column;
        margin-bottom: 0
    }

    .footer .footerTop .socialMediaCover,
    .reputation-exclusive-cover,
    .reputation-page .top-heading {
        flex-direction: column
    }

    .footer .footerTop .newsletterArea,
    .footerTop .careers {
        margin-left: 0 !important;
        margin-bottom: 0;
        margin-top: 20px !important
    }

    .outsourcing-wrap,
    .work-item figure {
        height: auto
    }

    .work-item .project-img {
        position: static;
        display: block;
        margin: 0 auto;
        transform: translateX(0)
    }

    .footer .footer-city-menu .text-center,
    .portfolio-cover,
    .seo-comp-video,
    .work-item.web-project .project-img {
        margin-bottom: 30px
    }

    .work-item .work-item-info {
        padding: 12px;
        min-height: 1px
    }

    .comp-india-sidebar.affix,
    .comp-india-sidebar.affix-bottom,
    .comp-india-sidebar.affix-top {
        max-width: 100%;
        width: 100%
    }

    .anim-img,
    .banner-section .carousel-indicators li span,
    .banner-section .carousel-inner .item .pic,
    .banner-section .carousel-inner:after,
    .benefits-circle-cover,
    .blog-text:before,
    .contact-inner[style="visibility:hidden;"],
    .hiring-badge,
    .how-do-we-do h2:before,
    .hr-cust-line,
    .reputation-page .heading-left:after,
    .sm-box-outer:after,
    .sm-box-outer:before,
    .top-nav-mobile {
        display: none
    }

    .blog-heading,
    .blog-sec,
    .blog-text,
    .grid-table,
    .grid-table .grid-row,
    .mob-banner,
    .section-hdr {
        display: block
    }

    .banner-section .carousel {
        bottom: 0;
        height: 240px
    }

    .banner-section {
        height: 400px !important
    }

    .banner-section .carousel-inner {
        width: 100%;
        height: auto;
        margin-bottom: 80px
    }

    .banner-section .container {
        height: 400px
    }

    .banner-section .carousel-inner .item .item-inner {
        width: 100%;
        margin-top: 0
    }

    .banner-section .carousel-inner .item h1,
    .banner-section .carousel-inner .item p {
        color: #fff
    }

    .banner-section .carousel-indicators {
        width: 98%;
        bottom: 20px;
        height: 20px;
        border-radius: 0;
        z-index: 0
    }

    .banner-section .carousel-indicators li.l1,
    .banner-section .carousel-indicators li.l2,
    .banner-section .carousel-indicators li.l3,
    .banner-section .carousel-indicators li.l4 {
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: 10px;
        height: 10px;
        display: inline-block;
        position: relative;
        margin: 0 8px
    }

    .banner-section video,
    .service-list .service-list-item .service-list-text h1::before {
        display: none !important
    }

    div#preloader {
        background-size: 200px auto
    }

    .logo {
        max-width: 243px
    }

    .header.home .logo::after {
        height: 200px;
        left: -160px;
        width: 560px;
        background-size: 100% auto;
        top: -30px
    }

    .mob-banner {
        margin: 110px auto 10px
    }

    .mob-banner img {
        margin: 0 auto
    }

    .mid1-outer {
        padding-top: 50px
    }

    .footer-newsltr,
    .mid-4-outer,
    .our-blog-cvr,
    .recent-work-items {
        margin-top: 40px
    }

    .pink-heading h1 {
        font-size: 32px
    }

    .service-cvr ul li {
        display: block;
        float: left;
        width: 45%;
        margin-right: 5%;
        min-height: 105px
    }

    .contact-form-cvr .pk-row .cont-us-btn,
    .ppc-case-details-slider ul li:nth-child(2n),
    .service-cvr ul li:nth-of-type(2) {
        margin-right: 0
    }

    .service-cvr ul li:nth-of-type(3) {
        margin-right: 5%
    }

    .rw-list-botttom p,
    .service-cvr h3 {
        font-size: 20px
    }

    .service-cvr-inn {
        margin-bottom: 0;
        float: left;
        width: 100%
    }

    .mid3-outer {
        padding-top: 40px
    }

    .cbp-qtrotator {
        font-size: 70%
    }

    .cbp-qtrotator img {
        width: 80px
    }

    .service-list-text h1,
    .web-design-respon-heading h1 {
        font-size: 30px
    }

    .service-list-text {
        margin-left: 0;
        margin-top: 30px;
        padding-bottom: 30px
    }

    .service-list-item .service-pro-btn {
        margin-top: 40px;
        margin-left: 0
    }

    .blog-outer {
        padding: 20px
    }

    .blog-sec {
        width: auto
    }

    .blog-text {
        padding-left: 15px
    }

    .blog-heading h2 {
        margin: 0 0 15px;
        padding: 0 0 10px;
        display: inline-block;
        border-bottom: 1px solid #fff
    }

    .section-hdr {
        padding: 10px 12px
    }

    .section-hdr.mob-app h2 {
        width: auto;
        white-space: normal;
        font-size: 26px
    }

    .contact-form-cvr h1 {
        font-size: 30px;
        margin-bottom: 30px;
        padding: 0 15px
    }

    .contact-form-cvr {
        margin-top: 40px;
        margin-bottom: 30px
    }

    body.hdr-fixed .menu-icon-container {
        right: 15px
    }

    .menu-icon-container {
        max-width: 100%;
        right: 15px
    }

    .work-info h3 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .rw-list-botttom {
        min-height: 60px;
        padding: 10px 20px
    }

    .contact-inner,
    .why-us-banner {
        min-height: 1px
    }

    .rw-list-botttom .rw-list-num p {
        font-size: 20px;
        margin-top: 0
    }

    .recent-work-list:last-child {
        margin-bottom: 0
    }

    .partners-wrap {
        margin: 50px 0 0
    }

    .partners-wrap .pink-heading,
    .top-hdr h1 {
        margin: 0 0 20px
    }

    a.view-more-blog {
        margin-top: 15px;
        margin-bottom: 30px;
        font-size: 14px
    }

    .anim-cvr,
    .work-for-items {
        margin-top: 30px
    }

    .work-for-list,
    .work-for-list a {
        height: 70px
    }

    .work-for-list img {
        max-width: 60px;
        max-height: 45px;
        width: auto;
        height: auto
    }

    .menu-links ul li {
        margin-bottom: 6px;
        font-size: 13px
    }

    .footer-about p,
    .footer-newsltr .copyright p,
    .footer-newsltr p {
        font-size: 13px;
        line-height: 1.5
    }

    #footer .addrs,
    #footer .eml,
    #footer .phn {
        padding-left: 3px
    }

    .what-ex-icon-1 {
        left: 0;
        max-width: 100px
    }

    .what-ex-icon-2 {
        right: 0;
        top: -90px;
        max-width: 100px
    }

    .contact-form-cvr .cont-us-btn {
        width: auto;
        font-size: 16px;
        line-height: 2.2 !important;
        padding: 0 20px !important
    }

    .contact-form-cvr .pk-row .form-group {
        padding: 0;
        width: 100%
    }

    .contact-form-cvr form .form-group .fm-radio {
        margin-bottom: 23px
    }

    .contact-form-cvr form {
        padding: 30px
    }

    .contact-cvr {
        margin-top: 40px;
        padding-top: 30px
    }

    .contact-inner {
        border: 0;
        background: #f5f5f5;
        margin: 0 0 10px;
        width: 100%;
        padding-bottom: 30px
    }

    .why-us-inner,
    .why-us-inner:nth-child(2n) {
        background-size: 100%
    }

    .recent-work-list,
    .recent-work-list:last-child,
    .why-us-vdo-img {
        margin-right: auto
    }

    .hdr-banner img,
    .reputation-exclusive-cover figure,
    .reputation-exclusive-cover ul,
    .section-hdr h2,
    .section-hdr.blog h2 {
        width: 100%
    }

    .recent-work-list {
        width: 100%;
        min-height: 1px;
        margin-top: 20px;
        margin-left: auto;
        max-width: 300px;
        float: none
    }

    .why-us-vdo-img {
        position: static;
        left: 0;
        margin-left: auto;
        margin-top: 30px;
        width: 90%
    }

    .why-us-inner {
        padding-bottom: 25px
    }

    .why-us-inner:nth-child(2n) .why-us-inner-text {
        padding-right: 15px
    }

    .why-us-banner-text p+P,
    .why-us-inner .why-us-inner-img {
        margin-top: 20px
    }

    .what-ex-cvr h1,
    .what-ppl-say h1 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .what-ex-icon-1 {
        top: -80px
    }

    .why-us-vdo-img img {
        display: block;
        margin: 0 auto
    }

    .why-us-banner-text {
        width: 90%;
        margin: 10px auto 0
    }

    .anim-cvr span {
        -webkit-animation-name: none !important;
        animation-name: none !important;
        font-size: 37px
    }

    .anim-cvr span:nth-child(4) {
        margin-left: 20px
    }

    .seo-comp-india h1,
    .why-us-inner .why-us-inner-text h2 {
        font-size: 26px
    }

    .footer .footer-city-menu .text-center h2,
    .top-hdr h1 {
        font-size: 24px
    }

    .why-us-inner .why-us-inner-text img {
        max-width: 30px
    }

    .service-list-text ul li {
        margin-right: 0;
        width: 50%
    }

    .service-list-text ul li:nth-child(odd) {
        clear: both
    }

    .seo-comp-india {
        padding: 50px 0
    }

    .seo-comp-india .seo-comp-steps ul li {
        min-height: 50px;
        width: 100%
    }

    .footer .footer-city-menu .country-wrapper .single ul li a,
    .seo-comp-india .download-files ul li b {
        font-size: 14px
    }

    .case-one {
        min-height: 460px;
        height: auto;
        margin: 0 auto 50px;
        max-width: 440px;
        float: none;
        padding: 20px 10px
    }

    .case-one-text {
        margin-top: 0
    }

    .case-one-img {
        width: 300px;
        height: 254px;
        position: relative
    }

    .case-one-img figure {
        top: 12px;
        left: 14px;
        bottom: 90px;
        right: 14px
    }

    a.case-btn {
        opacity: 1;
        position: static;
        display: block;
        margin: 15px auto;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .filter-button-group button {
        min-width: 49%;
        margin: 0 0 15px
    }

    .case-study-outer .col-md-4.element-item {
        left: 0;
        right: 0
    }

    .dealing-in:before,
    .link-building:after {
        height: 50px
    }

    .link-building {
        padding: 70px 0 66px
    }

    .methods-wrap .curved-arrow-up {
        left: 85%;
        top: -153px;
        width: 46px
    }

    .methods-wrap .chain-img {
        width: 70px
    }

    .sm-main,
    .what-ppl-say p {
        padding: 0
    }

    .half-mouse {
        top: -60px
    }

    .right_ .sm-box {
        margin-left: 0;
        margin-top: 30px
    }

    .it-services-heading p {
        width: 100%;
        border-top: none;
        border-right: none;
        padding: 0
    }

    .it-ser-banner-img {
        display: block;
        margin: 20px auto 0;
        position: static
    }

    .dealing-in {
        padding: 70px 0
    }

    .br-inner h2,
    .dealing-in h2,
    .forget-us h2,
    .how-do-we-do h2,
    .link-building h2,
    .mobile-app-wrap h2,
    .ppc-wrap h2,
    .process-wrap h2,
    .reputation-wrap h2,
    .services-wrap h2,
    .social-media-wrap h2,
    .web-design-top-text h1 {
        font-size: 26px;
        margin: 0 0 20px
    }

    .process-wrap h2:before,
    .services-wrap h2:before {
        bottom: 0
    }

    .service-block {
        height: auto;
        padding: 30px 15px;
        min-height: 1px;
        width: 100%
    }

    .process-block {
        width: 100%;
        margin-bottom: 30px
    }

    .web-design-respon-outer {
        display: block;
        float: none
    }

    .web-design-mid-text .start-pro-btn {
        display: block;
        margin: 50px auto
    }

    .phone-ipad,
    .phones,
    .webDesignImg {
        margin: 30px auto
    }

    .perfect-design .features {
        width: 100% !important
    }

    .section-hdr h2 {
        white-space: normal
    }

    .case-study-top-sec {
        display: inherit;
        vertical-align: middle;
        width: auto
    }

    .case-study-top-heading,
    .case-study-top-text {
        display: block;
        width: 100%
    }

    .case-study-top-text:before {
        content: "";
        display: block;
        position: static;
        left: 15px;
        background: #343434;
        width: auto;
        height: 1px;
        top: 10px;
        right: 15px;
        margin: 20px auto
    }

    .project-rolling-num ul li {
        width: 50%;
        margin-right: -4px;
        margin-bottom: 20px;
        padding-right: 15px
    }

    .case-project-outer {
        float: none
    }

    .how-we-done-inner .start-pro-btn {
        display: block;
        margin: 30px auto 20px
    }

    .ppc-case-details-slider ul li {
        width: 48.4%;
        margin-right: 2%
    }

    .ppc-case-details-slider ul li:nth-child(4n) {
        margin-right: 2%
    }

    .ppc-case-details-slider {
        margin: 50px 0 20px
    }

    .case-study-top-outer {
        padding: 0;
        margin-top: 0
    }

    .grid-table .grid-row .grid-data {
        display: block;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #d5f2ff !important
    }

    .quickLinks.services-dk ul {
        column-count: 2 !important
    }

    .site-footer .footerTop .socialMediaCover {
        flex-direction: column !important
    }

    .site-footer .footerTop .newsletterArea {
        margin-top: 30px !important;
        margin-bottom: 0 !important;
        padding-left: 0
    }

    .footer .footer-city-menu {
        padding: 35px 0
    }

    .footer .footer-city-menu .text-center p {
        font-size: 16px
    }

    .footer .footer-city-menu .country-wrapper {
        gap: 10px
    }

    .footer .footer-city-menu .country-wrapper .single {
        width: calc((100% / 2) - 10px);
        height: 260px
    }

    .footer .footer-city-menu .country-wrapper .single .country-title img,
    .footer .footer-city-menu .country-wrapper .single:last-child .country-title img {
        max-width: 35px
    }

    .footer .footer-city-menu .country-wrapper .single ul {
        margin-top: 10px
    }

    .why-reputation-section .why-reputation-table {
        display: flex;
        flex-direction: column
    }

    .why-reputation-table .why-reputation-table-row {
        display: flex;
        flex-wrap: wrap;
        margin: 0
    }

    .why-reputation-table .why-reputation-table-row .why-reputation-data {
        width: calc(50% - 30px);
        margin: 0 15px 30px;
        padding: 30px 15px 20px
    }

    .reputation-page .heading-left {
        padding-right: 0
    }

    .benefits-circle-outer {
        height: auto;
        margin-top: 35px
    }

    .benefits-circle-outer .benefits-reputation-list ul li {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        margin: 0 auto 30px;
        display: flex;
        flex-direction: column-reverse
    }

    .benefits-circle-outer .benefits-reputation-list ul li figure {
        position: relative;
        left: 0;
        right: 0 !important;
        margin: 0 auto 15px;
        top: 0 !important
    }
}

@media only screen and (max-width:639px) {

    .recent-work-list,
    .service-cvr ul li {
        min-height: 100%;
        margin-right: 0;
        width: 100%
    }

    .service-cvr ul li:nth-of-type(2),
    .service-cvr ul li:nth-of-type(3) {
        margin-right: 0
    }

    .recent-work-list {
        margin-bottom: 30px
    }

    .our-blog-cvr .our-blog-img {
        width: 40%
    }

    .social-media strong {
        display: none
    }

    .pink-heading h1 {
        font-size: 22px
    }

    .service-cvr h3 {
        font-size: 18px
    }

    .mid2-outer {
        padding: 0
    }

    .mid3-outer,
    .mid5-outer {
        padding-top: 20px
    }

    .mid-4-outer,
    .recent-work-items {
        margin-top: 30px;
        float: left;
        width: 100%
    }

    .mid5-outer {
        padding-bottom: 30px
    }

    .our-blog-cvr .our-blog-info h3 {
        font-size: 15px;
        line-height: 1.2;
        vertical-align: middle
    }

    .contact-form-cvr form {
        padding: 20px 15px
    }
}

@media (max-width:479px) {
    .brand-icon {
        bottom: 17px;
        left: 10px;
        max-width: 150px
    }

    .contact-form-cvr .pk-row .col-half,
    .our-blog-cvr .our-blog-img {
        width: 100%
    }

    .our-blog-cvr .our-blog-info {
        display: block;
        width: 100%;
        margin-left: 0
    }

    .ob-plus {
        vertical-align: middle
    }

    .ob-info {
        padding: 15px 10px 10px;
        margin-left: 0
    }
}

@media only screen and (max-width:360px) {
    .logo {
        max-width: 203px
    }

    .contact-cvr {
        background: #fff
    }
}

@media only screen and (max-height:600px) {
    .comp-india-sidebar.affix {
        position: static !important;
        width: 100%
    }
}