/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

body {
    font: 'Roboto', sans-serif;
    background: #f4f4f4;
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    z-index: 99999;
}

.btn-lg {
    padding: 12px 40px;
}

.btn-main {
    background: #faf979;
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    color: #000;
}

.btn-main:hover,
.btn-main:active,
.btn-main:focus {
    background: #ecec69;
    color: #000;
}

.offsetChecker {
    position: fixed;
    left: 0;
    pointer-events: none;
    width: 1px;
    height: 1px;
}

.touch-disabled {
    pointer-events: none;
}

.top-fixed {
    top: 0;
}

.middle-fixed {
    top: 50%;
}

.bottom-fixed {
    bottom: 0;
}

.sub-nav {
    text-align: center;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 2;
    width: 100%;
    padding: 0;
    float: left;
    background: #fff;
}

.sub-nav-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #E8E8E8;
    margin-bottom: 0;
    padding: 5px 0;
}

.active-indicator {
    height: 3px;
    background: #635CB4;
    width: 0;
    display: inline-block;
    position: absolute;
    left: auto;
    bottom: 0;
}

.sn-icon {
    min-height: 30px;
}

.sn-icon img {
    max-height: 30px;
}

.sn-icon+span {
    max-width: 114px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin-left: 5px;
}

.sub-nav li {
    margin: 6px 3%;
}

.sub-nav a {
    color: #333;
    font-size: 12px;
}

.sup-sub-nav {
    text-align: center;
    position: sticky;
    position: -webkit-sticky;
    top: 56px;
    z-index: 2;
    width: 100%;
    padding: 0;
    float: left;
    opacity: 0;
    background: rgba(255, 255, 255, 0.77);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.sup-sub-nav.showIt {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.sup-sub-nav-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    padding: 5px 0;
}

.sup-sub-nav li {
    margin: 6px 3%;
}

.sup-sub-nav a {
    color: #999;
    font-size: 12px;
}

.sup-sub-nav .active a {
    color: #333;
    font-weight: bold;
}

.scrolldown {
    text-align: right;
    width: auto;
    float: right;
    position: absolute;
    bottom: 90px;
    z-index: 9;
    right: 18px;
    font-size: 12px;
    cursor: pointer;
}

.scrolldown a {
    margin: auto;
    color: #333;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
}

.hero-sec {
    background: rgb(255, 255, 255);
    position: relative;
}

.hero-sec:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    background-position: center left;
    pointer-events: none;
    background: #4ebe8c;
    background: -o-linear-gradient(left, #4ebe8c 0%, #faf979 100%);
    background: -webkit-gradient(linear, left top, right top, from(#4ebe8c), to(#faf979));
    background: linear-gradient(to right, #4ebe8c 0%, #faf979 100%);
    opacity: 0;
}

.service-main .hero-sec:before {
    background: rgb(0, 134, 201);
    background: -o-linear-gradient(359.68deg, #1AD190 0.5%, #028EC3 99.46%);
    background: -o-linear-gradient(90.32deg, #1AD190 0.5%, #028EC3 99.46%);
    background: linear-gradient(359.68deg, #1AD190 0.5%, #028EC3 99.46%);
}

body:not(.mobile-blocks) .homepage-main {
    background: #f4f4f4;
    margin-top: -55px;
}

.homepage-main .hero-sec:after {
    content: "";
    height: 100%;
    width: 100%;
    background: url('../img/Flares.svg') no-repeat;
    position: absolute;
    left: 0;
    background-position: center left;
    pointer-events: none;
    opacity: 1;
}

.hero-sec:after,
.hero-sec:before {
    opacity: 1;
    -webkit-transition: opacity 1s ease 1.7s;
    -o-transition: opacity 1s ease 1.7s;
    transition: opacity 1s ease 1.7s;
}

.hero-anim {
    width: 100%;
    min-height: 260px;
    margin-top: 100px;
}

.hero-sec {
    margin-top: 0;
    min-width: 400px;
    /* min-height: calc(var(--vh, 1vh) * 100); */
    /* max-height: calc(var(--vh, 1vh) * 100); */
    /* height: calc(var(--vh, 1vh) * 100); */
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.service-main .hero-sec {
    margin-top: 0;
    margin-bottom: 30px;
    min-width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.service-main #hero-anim {
    max-width: 1170px;
    margin: 10px auto 0;
}

.hero-inner {
    position: relative;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    padding-bottom: 30px;
    padding-top: 55px;
}

.service-main .hero-inner {
    padding-bottom: 50px;
    padding-top: 0;
}

.hero-text h2 {
    font-size: 42px;
    font-weight: bold;
    margin: 40px auto 0;
    max-width: 810px;
    line-height: 50px;
}

.hero-text h3 {
    font-weight: 400;
}

.hero-text em {
    font-style: normal;
}

.hero-text a {
    margin-top: 34px;
    display: inline-block;
}

.hero-text {
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%);
    opacity: 0;
    color: #2B265E;
}

.hero-text.loadIt {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.8s ease 1s;
    transition: opacity 0.3s ease, -webkit-transform 0.8s ease 1s;
    -o-transition: transform 0.8s ease 1s, opacity 0.3s ease;
    transition: transform 0.8s ease 1s, opacity 0.3s ease;
    transition: transform 0.8s ease 1s, opacity 0.3s ease, -webkit-transform 0.8s ease 1s;
    opacity: 1;
}

.service-main .hero-text.loadIt {
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.8s ease 3s, color 0.3s ease 3s;
    transition: opacity 0.3s ease, -webkit-transform 0.8s ease 3s, color 0.3s ease 3s;
    -o-transition: transform 0.8s ease 3s, opacity 0.3s ease, color 0.3s ease 3s;
    -webkit-transition: opacity 0.3s ease, color 0.3s ease 3s, -webkit-transform 0.8s ease 3s;
    transition: opacity 0.3s ease, color 0.3s ease 3s, -webkit-transform 0.8s ease 3s;
    transition: transform 0.8s ease 3s, opacity 0.3s ease, color 0.3s ease 3s;
    transition: transform 0.8s ease 3s, opacity 0.3s ease, color 0.3s ease 3s, -webkit-transform 0.8s ease 3s;
    transition: transform 0.8s ease 3s, opacity 0.3s ease, -webkit-transform 0.8s ease 3s, color 0.3s ease 3s;
    color: #ffffff;
}

.hero-text h2 {
    /* -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg); */
    -webkit-transition: 1s ease transform, 1.5s ease opacity;
    -o-transition: 1s ease transform, 1.5s ease opacity;
    transition: 1s ease transform, 1.5s ease opacity;
    opacity: 0;
}

.hero-text.loadIt h2 {
    /* -webkit-transform: rotateY(0);
    transform: rotateY(0); */
    -webkit-transition: 1.5s ease transform, 1s ease opacity;
    -o-transition: 1.5s ease transform, 1s ease opacity;
    transition: 1.5s ease transform, 1s ease opacity;
    opacity: 1;
}


.custom-select {
    position: relative;
}

.custom-select:after {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    display: inline-block;
    border-width: 4px;
    border-color: #333 transparent transparent transparent;
    z-index: 1;
    top: 16px;
    right: 6px;
    border-style: solid;
}

.custom-select select {
    outline: none !important;
}

.hero-text h3 {
    opacity: 0;
}

.hero-text.loadIt h3 {
    -webkit-transition: 1s ease opacity 1s;
    -o-transition: 1s ease opacity 1s;
    transition: 1s ease opacity 1s;
    opacity: 1;
}

#hero-anim {
    max-width: 90%;
    margin: auto;
    text-align: center
}

.slideshow-container {
    float: left;
    width: 100%;
}

.slides {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(var(--vh, 1vh) * 100);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: center;
    -ms-flex-line-pack: start;
    align-content: start;
    position: relative;
    z-index: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    text-align: center;
}

.service-main .slides {
    padding: 0;
    min-height: auto;
}

section.ebook-sec {
    float: left;
    width: 100%;
    position: relative;
}

.slides-control {
    position: absolute;
    right: 40px;
    top: 50%;
    max-width: 14px;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dot {
    height: 12px;
    width: 12px;
    border-radius: 6px;
    display: inline-block;
    background: rgba(99, 92, 180, 0.6);
    cursor: pointer;
    margin: 10px;
}

.dot.active {
    background: #635CB4;
}

.book-sec {
    -webkit-mask-image: -webkit-linear-gradient(
		bottom,
		rgba(120, 234, 183, 1) 0%,
		rgba(120, 234, 183, 1) 90%,
		rgba(120, 234, 183, 0) 100%
	);
	mask-image: linear-gradient(0deg, #78eab7 90.09%, rgba(120, 234, 183, 0) 99%),
		-moz-linear-gradient(left, rgba(120, 234, 183, 1) 0%, rgba(120, 234, 183, 1)
					90%, rgba(120, 234, 183, 0) 100%),
		-webkit-linear-gradient(left, rgba(120, 234, 183, 1) 0%, rgba(
						120,
						234,
						183,
						1
					)
					90%, rgba(120, 234, 183, 0) 100%);
}

.ebook-cont {
    max-width: 52%;
    -webkit-mask-image: -webkit-linear-gradient(
		left,
		rgba(120, 234, 183, 1) 0%,
		rgba(120, 234, 183, 1) 90%,
		rgba(120, 234, 183, 0) 100%
	);
	mask-image: linear-gradient(90deg, #78eab7 90.09%, rgba(120, 234, 183, 0) 99%),
		-moz-linear-gradient(left, rgba(120, 234, 183, 1) 0%, rgba(120, 234, 183, 1)
					90%, rgba(120, 234, 183, 0) 100%),
		-webkit-linear-gradient(left, rgba(120, 234, 183, 1) 0%, rgba(
						120,
						234,
						183,
						1
					)
					90%, rgba(120, 234, 183, 0) 100%);
}

.ebook-cont video {
    width: 100%;
    max-width: 100%;
    display: block;
    mask-image: linear-gradient(
		top,
		rgba(120, 234, 183, 1) 0%,
		rgba(120, 234, 183, 1) 1%,
		rgba(120, 234, 183, 1) 90%,
		rgba(125, 185, 232, 0) 100%
	);
	-webkit-mask-image: -webkit-linear-gradient(
		top,
		rgba(120, 234, 183, 1) 0%,
		rgba(120, 234, 183, 1) 1%,
		rgba(120, 234, 183, 1) 90%,
		rgba(125, 185, 232, 0) 100%
	);
}

.download-btn {
    margin-top: 20px;
    display: inline-block;
}

.form-sec {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 45%;
    min-width: 400px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.form-sec .before-click h2 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
    max-width: 460px;
    line-height: 60px;
}

.before-click ul {
    font-size: 36px;
    list-style: none;
    color: #000;
    padding-left: 0;
    margin-bottom: 30px;
}

.form-sec .after-click h2 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000;
    max-width: 460px;
}

.ebook-sec {
    background: #95efba;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#slide3 .btn-main {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

#mb-1 {
    width: 85%;
    margin: auto;
}

#section2 {
    background: transparent;
    height: auto;
    overflow: visible;
}

#section2 #craft-anim {
    height: calc(var(--vh, 1vh) * 100);
}

#section2 #craft-anim svg {
    margin-top: 0;
}

.form-group {
    position: relative;
    margin-bottom: 1.5rem;
}

.form-control-placeholder,
input[value=""]+.form-control-placeholder {
    position: absolute;
    top: 0;
    padding-left: 0;
    transition: all 200ms;
    opacity: 0.5;
    font-weight: normal;
    pointer-events: none;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
}

.form-control:focus+.form-control-placeholder,
input:not([value=""])+.form-control-placeholder {
    font-size: 75%;
    transform: translate3d(0, -100%, 0);
    opacity: 1;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
}

.after-click .form-control {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #333;
    border-radius: 0;
    padding-left: 0;
    text-indent: 0;
}

.after-click select {
    background: transparent;
    border: none;
    border-bottom: 1px solid #333;
    width: 100%;
    padding: 7px 0;
    -webkit-appearance: none;
    border-radius: 0;
    height: 34px;
}

.after-click .form-container {
    max-width: 460px;
}

.form-check.form-check-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

label.form-check-label {
    padding-left: 10px;
    font-weight: normal;
    position: relative;
}

.form-check-input {
    opacity: 0;
    position: relative;
    top: -13px;
}

label.form-check-label:after {
    position: absolute;
    height: 15px;
    width: 15px;
    content: "";
    border: 1px solid #333;
    left: -15px;
    pointer-events: none;
    top: 4px;
}

input:-internal-autofill-selected {
    background-color: transparent !important;
}

.form-check-input:checked+label.form-check-label:before {
    position: absolute;
    height: 15px;
    width: 15px;
    content: "\2713";
    left: -13px;
    pointer-events: none;
    top: 2px;
}

#mb-2 {
    background: #008dd4;
}

#mb-3 {
    background: #008dd4;
}

.mvp-text {
    color: #fff;
    margin: 100px 0 50px 0;
    float: left;
    width: 100%;
}

.mvp-text h2 {
    font-size: 68px;
    font-weight: bold;
}

.mvp-text h3 {
    font-size: 48px;
    font-weight: normal;
}

.aftercomplete {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(1px);
    transition: 0.2s ease 0s;
    -webkit-transition: 0.2s ease 0s;
    -moz-transition: 0.2s ease 0s;
    -ms-transition: 0.2s ease 0s;
    -o-transition: 0.2s ease 0s;
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -o-transform: translateY(1px);
}

.mb-nav-dots {
    position: absolute;
    right: 20px;
    display: inline-block;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 5;
}

.sticky-content {
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
}

.bia {
    position: relative;
    height: 500vh;
    float: left;
    padding: 100px 0;
    width: 100%;
}

.bia .sticky-content {
    top: 148px;
}

.bia .afterAnimComplete {
    bottom: 80px;
}

#analytics-anim {
    max-width: 90%;
    margin: auto;
    transition: 1s ease 0s;
    -webkit-transition: 1s ease 0s;
    -moz-transition: 1s ease 0s;
    -ms-transition: 1s ease 0s;
    -o-transition: 1s ease 0s;
}

.bia>.container.text-center,
.radial>.container.text-center {
    position: absolute;
    width: 100%;
}

.radial {
    position: relative;
    height: 250vh;
    float: left;
    padding: 100px 0;
    width: 100%;
}

.bia h2,
.radial h2,
.c-world h2 {
    font-size: 36px;
    font-weight: 100;
    margin-bottom: 40px;
    line-height: 46px;
}

.bia h3,
.radial h3 {
    font-size: 36px;
}

.bia p,
.radial p {
    font-size: 24px;
    font-weight: 300;
}

.afterAnimComplete {
    position: absolute;
    margin: auto;
    text-align: center;
    width: 100%;
    left: 0;
}

.radial .afterAnimComplete {
    bottom: 100px;
}

a.cta-link {
    font-size: 18px;
    color: #258ade;
    position: relative;
}

.cta-link:after {
    left: 100%;
    margin-left: 10px;
    content: url(../img/link-arrow.svg);
    vertical-align: middle;
    padding-top: 0;
    display: inline-block;
    height: 23px;
}

.cutomer-lifecycle {
    margin-bottom: 40px;
}

.bg-white {
    background-color: #fff;
    color: #000;
}

.clients h2 {
    margin: 30px;
    font-size: 36px;
    font-weight: bold;
    BACKGROUND: #FFF;
    display: inline-block;
}

.d-table div {
    margin: 40px 0;
}

.loc-sec img.img-responsive {
    display: inline-block;
    padding-bottom: 10px;
    height: 82px;
}

.loc-txt p {
    margin: 0;
}

section {
    float: left;
    width: 100%;
    overflow: hidden;
}

.c-world,
.loc-sec {
    padding: 90px 0;
}

.clients {
    padding: 50px 0;
    background: #fff;
    margin-top: 50px;
    background-attachment: fixed;
}

.d-table {
    display: block;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.d-table div {
    margin: 40px 0;
    display: inline-block;
    vertical-align: middle;
    float: none;
    width: 100%;
}

.clients img,
.since img {
    margin: auto;
}

.since {
    padding: 90px 0 0;
}

.loc-txt {
    font-size: 18px;
}

.loc-txt span {
    color: #777;
}

.homepage-main~.footer-container {
    margin-top: 0;
}

.radial .sticky-content {
    top: 60px;
}

#radial-anim {
    max-width: 1026px;
    margin: 100px auto;
}

.dcu .aitem-mid {
    min-height: calc(var(--vh, 1vh) * 100);
    position: relative;
}

.steps {
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    display: block;
}

.animate-outer h2 {
    max-width: 630px;
    /* line-height: 46px; */
    margin-bottom: 10px;
    font-size: 72px;
}

.animate-outer p {
    max-width: 420px;
    line-height: 30px;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 400;
}

.dcu,
.craft {
    float: left;
    width: 100%;
    position: relative;
}

.sub-steps,
.sub-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-flow: row;
    flex-flow: row;
    width: 100%;
    -ms-flex-line-pack: start;
    align-content: start;
}

.craft-anim-outer {
    position: absolute;
    right: 0;
    width: 105%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
}

.sub-step .aitem-mid {
    position: relative;
}

#step2copy {
    opacity: 0;
    display: none;
}

.animate-outer a {
    margin-top: 30px;
    display: block;
    font-size: 24px;
}


/**global**/

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.aitem-mid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.revealText {
    opacity: 0;
}

.revealText * {
    overflow: hidden;
}

.revealingText {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
    display: inline-block;
    -webkit-transition: 1s ease transform, 1.5s ease opacity;
    -o-transition: 1s ease transform, 1.5s ease opacity;
    transition: 1s ease transform, 1.5s ease opacity;
    opacity: 0;
}

.revealIt {
    opacity: 1;
}

.getout {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: opacity 0.5s ease, -webkit-transform 1s ease;
    transition: opacity 0.5s ease, -webkit-transform 1s ease;
    -o-transition: transform 1s ease, opacity 0.5s ease;
    transition: transform 1s ease, opacity 0.5s ease;
    transition: transform 1s ease, opacity 0.5s ease, -webkit-transform 1s ease;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
}

.getin {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, -webkit-transform 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
    opacity: 1;
    pointer-events: none;
    top: 0;
}

#step2copy.getin {
    opacity: 1;
    display: block;
}

#step2copy.getout {
    display: block;
}

.revealIt .revealingText {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: 1s ease transform, 1.5s ease opacity;
    -o-transition: 1s ease transform, 1.5s ease opacity;
    transition: 1s ease transform, 1.5s ease opacity;
    opacity: 1;
}

.h-100 {
    min-height: calc(100vh - 100px);
}

@media (min-width: 1800px) {
    .container {
        width: 1640px;
    }
	.hm-aug .container {
        width: 1170px;
    }
    .services-sec .container {
        width: 1300px;
    }
}

.overlay-content {
    background: #fff;
    padding: 1%;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    cursor: default;
    z-index: 10001;
    height: calc(var(--vh, 1vh) * 100);
    opacity: 0;
    -webkit-transition: top 0.5s cubic-bezier(0.13, -0.01, 0.95, 0.4), opacity 0.5s ease 0.3s;
    -o-transition: top 0.5s cubic-bezier(0.13, -0.01, 0.95, 0.4), opacity 0.5s ease 0.3s;
    transition: top 0.5s cubic-bezier(0.13, -0.01, 0.95, 0.4), opacity 0.5s ease 0.3s;
    pointer-events: none;
    display: block;
}

.overlay-content.popup1.slideIn {
    top: 55px;
    opacity: 1;
    -webkit-transition: top 0.6s cubic-bezier(0, 0.79, 0.32, 1.00), opacity 0.3s ease;
    -o-transition: top 0.6s cubic-bezier(0, 0.79, 0.32, 1.00), opacity 0.3s ease;
    transition: top 0.6s cubic-bezier(0, 0.79, 0.32, 1.00), opacity 0.3s ease;
    pointer-events: auto;
}

.close-btn {
    cursor: pointer;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    right: 30px;
    outline: none;
    top: 30px;
}


/* media query for most mobile devices */

@media only screen and (min-width: 0px) and (max-width: 480px) {
    .overlay-content {
        width: 96%;
        margin: 0 2%;
        left: 0;
    }
}

image.show-popup {
    cursor: pointer;
}

.side-nav {
    position: fixed;
    right: 30px;
    top: calc(50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
}

.side-nav li {
    list-style: none;
    margin: 50px 0;
}

.side-nav span {
    width: 0;
    overflow: hidden;
}

.side-nav .sn-icon {
    min-height: 30px;
    min-width: 30px;
    background-image: url(../img/steps-icon.png);
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
}

.side-nav li:nth-child(1) .sn-icon {
    background-position: -42px 0px;
}

.side-nav li:nth-child(2) .sn-icon {
    background-position: -42px -75px;
}

.side-nav li:nth-child(3) .sn-icon {
    background-position: -42px -159px;
}

.side-nav li:nth-child(4) .sn-icon {
    background-position: -42px -248px;
}

.side-nav li.active .sn-icon {
    background-position-x: 0px !important;
}

.side-nav span:not(.sn-icon) {
    position: absolute;
    right: 0;
    -webkit-transition: right 0.6s cubic-bezier(0, 0.79, 0.32, 1.00), opacity 0.3s ease;
    -o-transition: right 0.6s cubic-bezier(0, 0.79, 0.32, 1.00), opacity 0.3s ease;
    transition: right 0.6s cubic-bezier(0, 0.79, 0.32, 1.00), opacity 0.3s ease;
    font-size: 12px;
}

.side-nav .active span:not(.sn-icon) {
    position: absolute;
    display: inline-block;
    opacity: 1;
    width: 200px;
    right: 30px;
    z-index: 999;
    -webkit-transition: right 0.6s cubic-bezier(0, 0.79, 0.32, 1.00), opacity 0.3s ease;
    -o-transition: right 0.6s cubic-bezier(0, 0.79, 0.32, 1.00), opacity 0.3s ease;
    transition: right 0.6s cubic-bezier(0, 0.79, 0.32, 1.00), opacity 0.3s ease;
}

.services-slider .owl-stage {
    width: 100% !important;
    min-width: 100%;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.services-slider .owl-stage .owl-item {
    width: 100% !important;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

.services-slider .owl-stage .owl-item.active {
    height: auto;
    opacity: 1;
}

.serv-slide {
    float: left;
    width: 100%;
    text-align: center;
}

.serv-icon {
    margin: auto;
    max-width: 60px;
    display: inline-block;
    margin-bottom: 20px;
    min-height: 70px;
}

.serv-popup-header {
    padding-left: 30px;
}

.serv-slide h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
}

.serv-count {
    margin-left: 74px;
    font-size: 18px;
}

.serv-popup-header-icon {
    max-width: 50px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

.serv-slide p {
    max-width: 250px;
    margin: auto;
    font-size: 14px;
}

.service-popup a {
    margin: auto;
    display: inline-block;
    color: #333;
    font-size: 18px;
}

.service-popup a:after {
    left: 100%;
    margin-left: 10px;
    content: url(../img/black-arrow.svg);
    vertical-align: top;
    padding-top: 0;
    display: inline-block;
}

.service-popup a:hover {
    color: #337ab7;
}

.popup1 .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center;
    height: 100%;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.service-popup .owl-dots {
    position: absolute;
    right: -20px;
    top: 50%;
    max-width: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.service-popup .owl-theme .owl-dots .owl-dot.active span,
.service-popup .owl-theme .owl-dots .owl-dot:hover span {
    background: #2DD6FA;
}

.service-popup .owl-stage-outer {
    min-height: 260px;
}

.dcu-cta {
    position: absolute;
    bottom: 35px;
    z-index: 9999;
    right: 0;
    max-width: 100%;
    text-align: center;
    left: 0;
}

.dcu-cta a {
    color: #049FD9;
    font-size: 16px;
    float: left;
    position: absolute;
    left: 0;
}

.scrollToDis {
    position: relative;
}

.scrollToDis:after {
    content: "";
    position: absolute;
    top: 20px;
    background: transparent;
    height: 15px;
    width: 15px;
    left: 50%;
    -webkit-transform: rotate(45deg) translate(0, 0);
    -ms-transform: rotate(45deg) translate(0, 0);
    transform: rotate(45deg) translate(0, 0);
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-animation: sdb04 2s infinite;
    animation: sdb04 2s infinite;
}

@-webkit-keyframes sdb04 {
    0% {
        -webkit-transform: rotate(45deg) translate(0);
    }
    20% {
        -webkit-transform: rotate(45deg) translate(6px, 6px);
    }
    40% {
        -webkit-transform: rotate(45deg) translate(0);
    }
}

@keyframes sdb04 {
    0% {
        -webkit-transform: rotate(45deg) translate(0);
        transform: rotate(45deg) translate(0);
    }
    20% {
        -webkit-transform: rotate(45deg) translate(6px, 6px);
        transform: rotate(45deg) translate(6px, 6px);
    }
    40% {
        -webkit-transform: rotate(45deg) translate(0);
        transform: rotate(45deg) translate(0);
    }
}


/** services page**/

.service-main ul.tabs {
    margin: 0;
    padding: 9px 0 0;
    display: block;
    text-align: center;
    margin-bottom: 50px;
    background: #e8e8e8;
    position: -webkit-sticky;
    position: sticky;
    top: 55px;
    z-index: 9;
}

li.tab-link {
    list-style: none;
    display: inline-block;
    margin: auto;
    color: #666;
    font-size: 18px;
    cursor: pointer;
    padding: 10px 20px;
    text-decoration: none !important;
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
}

li.tab-link.btn-link.current {
    color: #000;
}

li.tab-link.btn-link.current:after {
    position: absolute;
    content: "";
    height: 3px;
    background: #000;
    left: 20px;
    right: 20px;
    bottom: 0;
}

.tab-content {
    display: none;
    padding: 15px 0;
}

.tab-content.current {
    display: inherit;
}

.service-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    margin: 0 -30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.service-cards .card {
    border: 1px solid #C4C4C4;
    text-align: center;
    margin: 30px;
    border-radius: 5px;
    padding: 10px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 20%;
    background: #fff;
}

.service-cards span.service-icon {
    height: 70px;
    width: 70px;
    display: inline-block;
    border-radius: 50%;
    margin: 40px 0 10px 0;
}

.footer-container {
    float: left;
    width: 100%;
}

.service-cards h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}

.service-cards p {
    font-size: 14px;
    max-width: 220px;
    margin: 0 auto 25px;
    line-height: 20px;
}

.services-inner {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
}

.services-inner:not(:last-child) {
    border-bottom: 1px solid #d0d0d0;
    -webkit-box-shadow: 0px 1px 0px #fff;
    box-shadow: 0px 1px 0px #fff;
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.services-outer h2 {
    font-size: 24px;
}

.services-outer h2 .serv-icon {
    max-width: 44px;
    margin-right: 15px;
    display: inline-block;
    min-height: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

.services-outer .card input {
    opacity: 0;
    position: absolute;
}

.services-outer .card label {
    font-weight: normal;
    position: relative;
}

main.homepage-main .footer-container {
    margin-top: 0;
}

#step1 {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}

#section2:after {
    position: fixed;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -1;
    -webkit-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
    background: #cef6ff;
    opacity: 0;
    pointer-events: none;
}

#section2.bg-gray:after {
    opacity: 1;
}

.testimonial-inner {
    max-width: 722px;
    min-width: 722px;
    margin: auto;
    background: #fff;
    padding: 25px 55px 30px;
    min-height: 299px;
    border-radius: 0;
    position: relative;
    z-index: 1;
    text-align: left;
    border: 1px solid #999;
    border-radius: 6px;
}

.testimonial-inner p {
    margin-top: 18px;
    font-size: 24px;
    line-height: 36px;
    padding: 0;
    color: #353535;
    margin-bottom: 22px;
}

.testimonial {
    position: relative;
    display: inline-block;
    margin: 80px auto;
}

.testimonial-inner h3,
.testimonial-inner h4 {
    font-size: 18px;
}

.testimonial-inner h4 {
    font-weight: normal;
    margin-top: 15px;
}

.logoCarousel span {
    cursor: pointer;
    opacity: 0.4;
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.logoCarousel span.active,
.logoCarousel span:hover,
.logoCarousel span:focus {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.pdf .btn-link {
    cursor: pointer;
}

.testimonial-inner .testimonials-slider {
    display: block;
}

.testimonials-slider .owl-item>div {
    float: left;
}

.testimonials-slider.owl-carousel .owl-item img {
    width: auto;
    margin: 10px 0 15px;
    max-height: 50px;
}

.testimonials-slider .owl-controls .owl-nav div {
    position: absolute;
    height: 50px;
    width: 50px;
    border-left: 2px solid #c2c2c2;
    border-top: 2px solid #c2c2c2;
    border-radius: 0;
    background: transparent !important;
    top: 50%;
}

.testimonials-slider .owl-controls .owl-nav .owl-prev {
    right: calc(100% + 88px);
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    ;
}

.testimonials-slider .owl-controls .owl-nav .owl-next {
    left: calc(100% + 115px);
    -webkit-transform: rotate(135deg) translateY(50%);
    -ms-transform: rotate(135deg) translateY(50%);
    transform: rotate(135deg) translateY(50%);
}

.workshops-main img {
    width: 100%;
}

.services-sec {
    overflow: visible;
}

.hero-img {
    background: #fff;
}

.hero-img img.img-responsive {
    margin: auto;
}

#hero-anim1 {
    max-width: 1170px;
    width: 80%;
    margin: 50px auto 20px;
}

#slide3 {
    background: rgb(0, 134, 201);
    background: -o-linear-gradient(top, rgba(0, 134, 201, 1) 0%, rgba(30, 219, 138, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 134, 201, 1)), to(rgba(30, 219, 138, 1)));
    background: linear-gradient(to bottom, rgba(0, 134, 201, 1) 0%, rgba(30, 219, 138, 1) 100%);
    color: #fff;
}

#slide3 .hero-text {
    color: #fff;
}

.navbar-static-top .navbar-brand {
    padding: 10px 0 10px 15px;
}

.logo-tagline {
    float: left;
    border-left: 1px solid #ccc;
    padding-left: 15px;
    margin-top: 21px;
    font-size: 12px;
}

.animated-arrow {
    display: none !important;
}

.hmw {
    color: #333;
    font-size: 36px;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.services-sec .tab-content {
    margin-top: 30px;
}

.services-outer .serv-h2 {
    font-size: 48px;
    font-weight: normal;
    margin-bottom: 30px;
    line-height: 105%;
    max-width: 80%;
}

.serv-p {
    font-size: 24px;
    max-width: 70%;
    font-weight: 300;
}

.services-inner .cta-link {
    font-size: 24px;
    margin-top: 33px;
    float: left;
}

.services-inner .cta-link:after {
    height: 38px;
}

.services-inner ul {
    list-style: none;
    padding: 0;
}

.services-inner ul li {
    background: #fff;
    padding: 10px 35px;
    font-size: 24px;
    margin: 10px 0;
    display: inline-block;
    width: 100%;
}

.before-click {
    padding-top: 48px;
}

.before-click p {
    font-size: 24px;
    margin-bottom: 60px;
}

.services-sec.workshop-sec {
    padding-top: 100px;
}

.workshop-sec .serv-h2 {
    text-transform: uppercase;
    max-width: 70%;
}

.workshop-sec .services-inner ul {
    list-style: none;
    margin: 0 0 0 100px;
    padding: 0;
}

.workshop-sec .services-inner ul li {
    background: transparent;
    font-size: 18px;
    padding-left: 70px;
}

.workshop-sec .services-inner ul li.ws-time {
    background: url(../img/time.svg) no-repeat left center;
}

.workshop-sec .services-inner ul li.ws-person {
    background: url(../img/person-count.svg) no-repeat left center;
}

.workshop-sec .services-inner ul li.ws-loc {
    background: url(../img/workshop-loc.svg) no-repeat left center;
}

#service-hero-anim {
    min-height: 800px;
}


/** about page**/

.about-main {
    background: #fff;
    margin-top: -55px;
}

.about-anim-container {
    min-height: 100vh;
}

.about-main section {
    float: none;
}

.about-anim-container svg {
    max-height: 100vh;
}

.meetteam {
    padding-top: 100px;
}

.meetteam p {
    font-size: 36px;
    text-align: center;
    max-width: 1080px;
    margin: 10px auto 33px;
    line-height: 70px;
    letter-spacing: 3px;
    color: #666;
    font-weight: normal;
}

.meetteam .cta-link {
    font-size: 24px;
}

.meetteam .cta-link:after {
    position: absolute;
}

.fivegolden {
    margin: 200px 0 189px;
    text-align: center;
    display: inline-block;
}

.fivegolden-inner {
    max-width: 1170px;
    margin: auto;
}

.fivegolden h2 {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #666;
    margin-bottom: 80px;
}

.fivegolden-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.fivegolden-slide {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 5px;
    min-height: 282px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
    margin: 1.5%;
}

.fivegolden .owl-dots {
    position: absolute;
    width: 20px;
    right: -100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.fivegolden-slide span {
    display: block;
    position: relative;
    width: 130px;
    margin: 20px auto;
}

.fivegolden-slide p {
    max-width: 214px;
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
}

.about-main+.footer-container {
    margin-top: 0;
}

.since h2 {
    font-size: 24px;
    font-weight: bold;
    color: #666;
    letter-spacing: 3px;
    margin-bottom: 30px;
}

.since h3 {
    font-size: 36px;
    font-weight: normal;
    color: #666;
    letter-spacing: 3px;
    margin-bottom: 30px;
    line-height: 70px;
    max-width: 720px;
    margin: auto;
}


/**about grid**/

body {
    -ms-scroll-rails: none;
    scroll-rails: none;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-style: autohiding-scrollbar;
    overflow-x: hidden;
    max-width: 100vw;
}

.event-details {
    margin: 100px 0 0;
}

.workshop-sec .services-inner .event-details ul {
    margin-left: 0;
    margin-top: 10px;
}

.workshop-sec .services-inner .event-details ul li {
    padding: 0;
    margin: 6px 0;
}

.workshop-sec .services-inner .event-details .event-details-approch li {
    position: relative;
    margin-bottom: 15px;
}

.workshop-sec .services-inner .event-details .event-details-approch li:before {
    content: "";
    height: 4px;
    width: 4px;
    display: inline-block;
    background: #333;
    border-radius: 4px;
    margin-right: 15px;
    vertical-align: middle;
}

.event-details-days {
    margin-top: 50px;
}

.event-details-days-inner {
    margin-bottom: 50px;
}

.since img.img-responsive {
    width: 100%;
    margin-top: 50px;
    margin-bottom: -7px;
}

.sendmebook {
    padding: 0;
    border: none;
    background: transparent;
    -moz-appearance: none;
    appearance: none;
    width: 170px;
    -webkit-appearance: none;
    outline: none !important;
}

.after-click .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

#success_box .heading {
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 38px;
    color: #000000;
    margin-bottom: 32px;
}

#success_box .content {
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    margin-bottom: 30px;
	padding-right: 30px;
}

#success_box button {
    background: #000000;
    opacity: 0.4;
    -webkit-box-shadow: 3.342px 3.342px 11.14px rgba(0, 0, 0, 0.15);
    box-shadow: 3.342px 3.342px 11.14px rgba(0, 0, 0, 0.15);
    border-radius: 4.45601px;
    color: #fff;
    padding: 10px;
}

#successMessage {
    min-height: 281px;
}

.about-main {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

._tile {
    text-align: center;
    -webkit-perspective: 100px;
            perspective: 100px;
    display: block;
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transition: all 0.3s ease 1s;
    -o-transition: all 0.3s ease 1s;
    transition: all 0.3s ease 1s;
}

._tile img {
    -webkit-box-shadow: 0px 0px 15px #e8e8e8;
            box-shadow: 0px 0px 15px #e8e8e8;
    border-radius: 11px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: auto;
    max-width: 90%;
}

.ib-image {
    -webkit-perspective: 100px;
            perspective: 100px;
    display: inline-block;
}

._tile img:hover {
    -webkit-transform: rotateX(2deg);
            transform: rotateX(2deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-perspective-origin: center;
            perspective-origin: center;
}

.moving ._tile a {
    -webkit-transform: rotateY(-1deg);
            transform: rotateY(-1deg);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


@media (min-width:768px) and (max-width:1024px) {
    .hero-text {
        padding: 0 55px;
        margin-bottom: 30px;
    }
    #hero-anim {
        max-width: 100%;
    }
    #section2 #craft-anim {
        max-width: 100%;
        min-width: 100%;
    }
    .form-sec {
        min-width: auto;
    }
    .ebook-outer {
        -webkit-mask-image: none;
        mask-image: none
    }
    #service-hero-anim {
        min-height: auto;
        padding: 30px 0;
    }
    .service-cards {
        margin: 0 0px;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
    }
    .service-cards .card {
        margin: 30px 2%;
        width: 46%;
    }
    input[value="workshops"]+.service-main .hero-sec {
        min-height: auto;
        height: auto;
    }
    #hero-anim1 {
        max-width: 100%;
        width: 100%;
    }
}

#section2 #craft-anim svg {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.client-intro {
    margin: 0 15px;
}

@media (min-width:1024px) and (max-width:1366px) {
    .ipad .hero-text {
        padding: 0 55px;
        margin-bottom: 30px;
    }
    .ipad #section2 #craft-anim {
        max-width: 100%;
        min-width: 100%;
    }
    .ipad .form-sec {
        min-width: auto;
    }
    .ipad .ebook-outer {
        -webkit-mask-image: none;
        mask-image: none
    }
    .ipad #service-hero-anim {
        min-height: auto;
        padding: 30px 0;
    }
    .ipad .service-cards {
        margin: 0 0px;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
    }
    .ipad .service-cards .card {
        margin: 30px 2%;
        width: 46%;
    }
    .ipad input[value="workshops"]+.service-main .hero-sec {
        min-height: auto;
        height: auto;
    }
    .ipad #hero-anim1 {
        max-width: 80%;
        width: 80%;
    }
    .ipad #section2 #craft-anim svg {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .ipad .client-intro {
        margin: 0 15px;
    }
}

.ipad #rocket {
    display: none;
}

@media (min-width:1024px) {
    .side-nav span:not(.sn-icon),
    .side-nav .active span:not(.sn-icon) {
        width: 0;
        overflow: hidden;
        right: 0;
        opacity: 0;
    }
    .side-nav li:hover span:not(.sn-icon),
    .side-nav .active:hover span:not(.sn-icon) {
        width: 200px;
        overflow: hidden;
        right: 30px;
        opacity: 1;
    }
    .side-nav li {
        cursor: pointer;
    }
    .side-nav li:hover .sn-icon {
        background-position-x: 0;
    }
}

.navbar-brand img {
    max-width: 147px;
    padding-right: 10px;
}

.owl-theme .owl-dots .owl-dot span {
    padding: 0;
}

#hero-anim img {
    width: 130vh;
    padding: 20px;
    max-width: 1170px;
    margin: auto;
}
/** Temporary**/
@media (max-width:767px){
    #hero-anim img {
        max-width: 400px;
    }
}
@media (max-width:1160px){
    #hero-anim img {
        max-width: 90vw;
    }
}
.hero-text {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    color: #2B265E;
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
}

.hero-text h2,
.hero-text h3 {
    opacity: 1;
}

.scrolldown {
    padding-bottom: 50px;
}
.scrolldown:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 50%;
    width: 15px;
    height: 15px;
    border-style: solid;
    border-width: 2px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    border-color: transparent #333 #333 transparent;
    margin-left: -6px;
    -webkit-transform: rotate(45deg) scale(0.6);
    -moz-transform: rotate(45deg) scale(0.6);
    -ms-transform: rotate(45deg) scale(0.6);
    -o-transform: rotate(45deg) scale(0.6);
}
@-webkit-keyframes animate{
    0%{
        -webkit-transform-origin: top;
                transform-origin: top;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
    }
    51%{
        -webkit-transform-origin: bottom;
                transform-origin: bottom;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
    }
    100%{
        -webkit-transform-origin: bottom;
                transform-origin: bottom;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
    }
}
@keyframes animate{
    0%{
        -webkit-transform-origin: top;
                transform-origin: top;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
    }
    51%{
        -webkit-transform-origin: bottom;
                transform-origin: bottom;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
    }
    100%{
        -webkit-transform-origin: bottom;
                transform-origin: bottom;
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
    }
}

#purpose {
    opacity: 0;
}

.get-started-li-btn{
    background: #F16334;
    color: #fff !important;
    border-radius: 6px;
    padding: 7px 25px 4px !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    margin-top: 8px;
}
.get-started-li-btn:hover,.get-started-li-btn:active,.get-started-li-btn:focus{
    background: #EA440E !important;
    color: #fff !important;
}
.slides .client-section {
    margin-bottom: 0;
    width: 100%;
    background: #fff;
    padding: 30px 0px 10px;
    position: absolute;
    bottom: 0;
}
.slides .client-section:after {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border-width: 10px;
    display: inline-block;
    left: 50%;
    top: 0px;
    margin-left: -5px;
    z-index: 9;
    border-style: solid;
    border-color: #A5DC82 transparent transparent;
}
.get-started-li-btn.btn-lg {
    margin: auto;
    display: inline-block;
    padding: 20px 50px !important;
    font-size: 16px;
    margin-top: 0;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: none !important;
    text-transform: uppercase;
}
.client-section h4.text-uppercase {
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 1px;
    font-size: 16px;
}
.img-responsive.clients-logo {
    max-width: 90%;
    margin: auto;
}



.contactus {
    margin: 0 auto;
}
.contactus .contact-form {
    background: #fff;
    padding: 30px 45px 14px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.15);
            box-shadow: 0 0 30px rgba(0,0,0,0.15);
    text-align: center;
    margin-bottom: 28px;
}

.contactus .contact-form input[type=text] {
    width: 100%;
    height: 36px;
    padding-left: 0;
}
i.compl {
    font-style: normal;
    color: #f00;
    margin-left: 3px;
    font-size: 14px;
    vertical-align: top;
}
.contactus .control-label {
    pointer-events:none;
    color: rgba(0, 0, 0, 0.87);
    cursor: text;
    font-size: 20px;
    line-height: 0.8;
    margin: 0;
    padding-top: 10px;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    max-width: 100%;
    white-space: nowrap;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
       transition-duration: 0.3s;
    -webkit-transition-property: color, -webkit-transform;
    transition-property: color, -webkit-transform;
    -o-transition-property: color, transform;
    transition-property: color, transform;
    transition-property: color, transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .contactus .form-group [class*="col-"] .control-label {
    left: 16px;
  }
  
  .contactus .form-group.control-focus .control-label,
  .contactus .form-group.control-highlight .control-label,
  .contactus .contact-form input[type=text]:not(:placeholder-shown) + label{
    -webkit-transform: scale(0.9, 0.86) translateY(-24px);
    transform: scale(0.9, 0.86) translateY(-24px);
    -moz-transform: scale(0.9, 0.86) translateY(-24px);
    -ms-transform: scale(0.9, 0.86) translateY(-24px);
    -o-transform: scale(0.9, 0.86) translateY(-24px);
    font-size: 14px;
}
.contactus .form-group.control-focus textarea + .control-label, 
.contactus .form-group.control-highlight textarea + .control-label,
.contactus .contact-form textarea:not(:placeholder-shown) + label  {
    -webkit-transform: scale(0.9, 0.86) translateY(-30px);
    transform: scale(0.9, 0.86) translateY(-30px);
    -moz-transform: scale(0.9, 0.86) translateY(-30px);
    -ms-transform: scale(0.9, 0.86) translateY(-30px);
    -o-transform: scale(0.9, 0.86) translateY(-30px);
}
  .contactus .form-group.control-focus .control-label {
    color: #333;
  }
  
  .contactus .form-group {
    margin-top: 6px;
    position: relative;
    margin-bottom: 40px;
  }
  
  .contactus .form-group .form-control {
    z-index: 1;
    border-color: #333;
  }
  .contactus .form-group .form-control#download_message {
    padding: 0 0 3px 0px !important;
    min-height: 48px;
    font-size: 16px;
    overflow: hidden;
    transition: height 0.3s ease;
    -webkit-transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -ms-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
}
  .contactus .form-group .form-control::-webkit-input-placeholder {
    color: transparent;
  }
  .contactus .form-group .form-control::-webkit-input-placeholder,
  .contactus .form-group .form-control::-moz-placeholder,
  .contactus .form-group .form-control:-ms-input-placeholder,
  .contactus .form-group .form-control::placeholder {
    color: transparent;
  }
  
  .contactus legend + .form-group {
    margin-top: 12px;
  }
  
  .contactus .form-control {
    width: 100%;
    height: 32px;
    padding: 0px;
    padding-bottom: -10px;
    color: rgba(0, 0, 0, 0.87);
    background-color: #fff;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #e0e0e0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  
  .contactus .form-control:-webkit-autofill,
  .contactus .form-control:-webkit-autofill:hover,
  .contactus .form-control:-webkit-autofill:focus .form-control:-webkit-autofill {
    background-color: #fff !important;
    background-image: none;
    border-style: solid !important;
    color: #333;
    -webkit-text-fill-color: #333;
    -webkit-box-shadow: 0;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    -moz-transition: background-color 5000s ease-in-out 0s;
    -ms-transition: background-color 5000s ease-in-out 0s;
    -o-transition: background-color 5000s ease-in-out 0s;
}
  
  .contactus .form-control,
  .contactus .form-control:focus {
    -webkit-box-shadow: 0 0 0px transparent !important;
            box-shadow: 0 0 0px transparent !important;
    border-style: solid !important;
  }
  
  .contactus .form-control:focus {
    border-color: #2AA9E0;
    border-style: solid !important;
    border-bottom-width: 2px;
    outline: 0;
    box-shadow: 0 0 0 !important;
    -webkit-box-shadow: 0 0 0 !important;
  }
  
  .contactus .form-control:focus:invalid {
    border-color: #2AA9E0;
    border-bottom-width: 2px;
  }
  
  .contactus .form-control::-webkit-input-placeholder {
    color: transparent !important;
  }
  
  .contactus .form-control::-webkit-input-placeholder,
  .contactus .form-control::-moz-placeholder,
  .contactus .form-control:-ms-input-placeholder,
  .contactus .form-control::placeholder {
    color: transparent !important;
  }
  
  .contactus .form-control[disabled],
  .contactus .form-control[readonly],
  .contactus fieldset[disabled] .form-control {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.38);
    cursor: not-allowed;
    opacity: 1;
  }
  
.contactus-illustration{
    width: 100%;
    display: inline-block;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 70px;
}
.contactus-illustration img{
    max-width: 464px;
    margin: auto 20px;
}
  .contactus-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 46%;
}
.contactus-heading h1 {
    font-size: 36px;
    text-align: center;
    padding: 0 30px;
    margin-top: 28px;
    margin-bottom: 3px;
    font-family: 'Roboto', sans-serif;
}
.contactus-heading small{
    font-weight: 500;
    font-size: 13px;
}
.contact-testimonial {
    padding: 15px;
    display: inline-block;
    background: rgba(211,238,181,0.9);
    border-radius: 10px;
    position: absolute;
    bottom: 0;
}
.contact-testimonial h3{
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    margin-bottom: 20px;
}
.contact-client-name {
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
}
.contact-comp-name small {
    font-size: 12px;
    padding-left: 14px;
    color:#666;
}
p.trustedby {
    margin-bottom: 0;
}
.trustedby span {
    font-size: 16px;
    font-variant:small-caps;
    position: relative;
    margin-top:20px;
    display: inline-block;
}
.trustedby span:before{
    content:"";
    height: 15px;
    width:30px;
    margin-right: 5px;
    display: inline-block;
    background-image: url(../img/dbltick.svg);
    background-position: top left;
    bottom: 0;
    background-repeat: no-repeat;
}


.contactus.container,.contactus-heading .container{
    max-width: 1170px !important;
}

.errormsg {
    position: absolute;
    left: 0;
    font-size: 12px !important;
    color: #f00;
    bottom: -19px;
}
.mvp-banner-bottom h3 {
    margin-top: 40px;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.service-main .hero-text h2{
    margin-top: 0;
}
.icon-dribbble {
    max-width: 29px;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 5px 23px !important;
}
.icon-dribbble svg {
    max-width: 100%;
}
.footer-container .links-container a.icon-dribbble:hover svg path{
    fill: #25d4a9;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.contactus-v1{
    background: -o-linear-gradient(89.89deg, rgba(185, 240, 203, 0.9) -5.2%, rgba(236, 242, 152, 0.9) 94.68%);
    background: -o-linear-gradient(0.11deg, rgba(185, 240, 203, 0.9) -5.2%, rgba(236, 242, 152, 0.9) 94.68%);
    background: linear-gradient(89.89deg, rgba(185, 240, 203, 0.9) -5.2%, rgba(236, 242, 152, 0.9) 94.68%);
    display: inline-block;
    width: 100%;
    padding-bottom: 0;
}
.contactus-v1 + .footer-container,.workshop-main + .footer-container{
    margin-top: 0;
}
.workshop-bottom {
    text-align: center;
}

.workshop-bottom .client-section{
    background-color: #fff;
    padding:20px 0;
}
.workshop-bottom .client-section {
    background-color: #fff;
    padding: 25px 0;
    margin-top: 60px;
}

.client-section.contact-client-sec {
    background: #ffffff;
    padding: 15px 0;
}

@media(min-width:1500px) and (max-width:1680px){
    .homepage-main .slides{
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
    }
    .homepage-main .hero-inner{
        padding-bottom: 10%;
    }
    .homepage-main #hero-anim img {
        width: 100%;
        max-width: 130vh;
        margin: 20px auto 0;
    }
}
@media(min-width:1681px){
    .homepage-main .slides{
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
    }
    .homepage-main .hero-inner{
        padding-bottom: 10%;
    }
    .homepage-main #hero-anim img {
        width: 100%;
        padding: 0 20px;
        max-width: 120vh;
        margin: 0 auto 2%;
    }
    .homepage-main .hero-text h2 {
        font-size: 48px;
        font-weight: bold;
        margin: 40px auto 2%;
        max-width: 960px;
        line-height: 58px;
    }
    .scrolldown{
        bottom:120px;
    }
    a.get-started-li-btn.btn-lg {
        font-size: 22px;
    }
}



/** Download Case Study**/
#download-casestudy .control-label {
    pointer-events: none;
    color: rgba(0, 0, 0, 0.87);
    cursor: text;
    font-size: 18px;
    line-height: 0.8;
    margin: 0;
    padding-top: 10px;
    position: absolute;
    top: -4px;
    left: 0;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    max-width: 100%;
    white-space: nowrap;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
       transition-duration: 0.3s;
    -webkit-transition-property: color, -webkit-transform;
    transition-property: color, -webkit-transform;
    -o-transition-property: color, transform;
    transition-property: color, transform;
    transition-property: color, transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
       transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  #download-casestudy .form-group [class*="col-"] .control-label {
    left: 16px;
  }
  
  #download-casestudy .form-group.control-focus .control-label,
  #download-casestudy .form-group.control-highlight .control-label,
  #download-casestudy .contact-form input[type=text]:not(:placeholder-shown) + label{
    -webkit-transform: scale(0.9, 0.86) translateY(-24px);
    transform: scale(0.9, 0.86) translateY(-24px);
    -moz-transform: scale(0.9, 0.86) translateY(-24px);
    -ms-transform: scale(0.9, 0.86) translateY(-24px);
    -o-transform: scale(0.9, 0.86) translateY(-24px);
    font-size: 14px;
}

  #download-casestudy .form-group.control-focus .control-label {
    color: #333;
  }
  
  #download-casestudy .form-group {
    margin-top: 6px;
    position: relative;
    margin-bottom: 40px;
  }
  
  #download-casestudy .form-group .form-control {
    z-index: 1;
    border-color: #333;
  }

  #download-casestudy .form-group .form-control::-webkit-input-placeholder {
    color: transparent;
  }

  #download-casestudy .form-group .form-control::-webkit-input-placeholder,
  #download-casestudy .form-group .form-control::-moz-placeholder,
  #download-casestudy .form-group .form-control:-ms-input-placeholder,
  #download-casestudy .form-group .form-control::placeholder {
    color: transparent;
  }
  
  #download-casestudylegend + .form-group {
    margin-top: 12px;
  }
  
  #download-casestudy .form-control {
    width: 100%;
    height: 32px;
    padding: 0px;
    padding-bottom: -10px;
    color: rgba(0, 0, 0, 0.87);
    background-color:transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #e0e0e0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    -webkit-transition: 0;
    -o-transition: 0;
    transition: 0;
  }
  
  #download-casestudy .form-control:-webkit-autofill,
  #download-casestudy .form-control:-webkit-autofill:hover,
  #download-casestudy .form-control:-webkit-autofill:focus .form-control:-webkit-autofill {
    background-color: #fff !important;
    background-image: none;
    border-style: solid !important;
    color: #333;
    -webkit-text-fill-color: #333;
    -webkit-box-shadow: 0;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    -moz-transition: background-color 5000s ease-in-out 0s;
    -ms-transition: background-color 5000s ease-in-out 0s;
    -o-transition: background-color 5000s ease-in-out 0s;
}
  
  #download-casestudy .form-control,
  #download-casestudy .form-control:focus {
    -webkit-box-shadow: 0 0 0px transparent !important;
            box-shadow: 0 0 0px transparent !important;
    border-style: solid !important;
  }
  
  #download-casestudy .form-control:focus {
    border-color: #2AA9E0;
    border-style: solid !important;
    border-bottom-width: 2px;
    outline: 0;
    box-shadow: 0 0 0 !important;
    -webkit-box-shadow: 0 0 0 !important;
  }
  
  #download-casestudy .form-control:focus:invalid {
    border-color: #2AA9E0;
    border-bottom-width: 2px;
  }
  
  #download-casestudy .form-control::-webkit-input-placeholder {
    color: transparent !important;
  }
  
  #download-casestudy .form-control::-webkit-input-placeholder,
  #download-casestudy .form-control::-moz-placeholder,
  #download-casestudy .form-control:-ms-input-placeholder,
  #download-casestudy .form-control::placeholder {
    color: transparent !important;
  }
  
  #download-casestudy .form-control[disabled],
  #download-casestudy .form-control[readonly],
  #download-casestudy fieldset[disabled] .form-control {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.38);
    cursor: not-allowed;
    opacity: 1;
  }
  .ebook-sec{
    margin-top: 0;
    background: #95efba;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.ebook-sec + .footer-container {
    margin-top: 0;
}
.ebook-outer {
    position: relative;
    padding-top: 42px;
    -webkit-mask-image: -webkit-linear-gradient(
		right,
		rgba(120, 234, 183, 1) 0%,
		rgba(120, 234, 183, 1) 90%,
		rgba(120, 234, 183, 0) 100%
	);
	mask-image: linear-gradient(
			-90deg,
			#78eab7 90.09%,
			rgba(120, 234, 183, 0) 99%
		),
		-moz-linear-gradient(left, rgba(120, 234, 183, 1) 0%, rgba(120, 234, 183, 1)
					90%, rgba(120, 234, 183, 0) 100%),
		-webkit-linear-gradient(left, rgba(120, 234, 183, 1) 0%, rgba(
						120,
						234,
						183,
						1
					)
					90%, rgba(120, 234, 183, 0) 100%);
}
.form-sec .after-click h2 {
    max-width: 510px;
    line-height: 40px;
}

/** Grid work page**/
.beforeshow {
    position: absolute;
    overflow: hidden;
    height: 0;
    width: 0;
    pointer-events: none;
    opacity: 0;
}
.workpage {
    background: rgb(252, 250, 115);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -o-radial-gradient(center, ellipse, rgba(252, 250, 115, 1) 8%, rgba(49, 230, 205, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(252, 250, 115, 1) 8%, rgba(49, 230, 205, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcfa73', endColorstr='#31e6cd', GradientType=1);
    float: left;
    width: 100%;
    padding-bottom: 60px;
}
.workpage .intro-copy {
    text-align: center;
    margin-top: 105px;
    margin-bottom: 50px;
}
.slide-copy {
    /* position: absolute; */
    left: 14%;
    background-color: rgba(252, 250, 115, 0.3);
    color: #000;
    padding: 15px 30px 30px;
    font-size: 15px;
    right: 14%;
    opacity: 1;
    /* bottom: 15px; */
    pointer-events: none;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: opacity 0.5s ease-out 0s, -webkit-transform 0.6s ease 0s, bottom 0.5s ease-out 0s;
    -o-transition: opacity 0.5s ease-out 0s, -o-transform 0.6s ease 0s, bottom 0.5s ease-out 0s;
    -webkit-transition: opacity 0.5s ease-out 0s, bottom 0.5s ease-out 0s, -webkit-transform 0.6s ease 0s;
    transition: opacity 0.5s ease-out 0s, bottom 0.5s ease-out 0s, -webkit-transform 0.6s ease 0s;
    -o-transition: opacity 0.5s ease-out 0s, transform 0.6s ease 0s, bottom 0.5s ease-out 0s;
    transition: opacity 0.5s ease-out 0s, transform 0.6s ease 0s, bottom 0.5s ease-out 0s;
    transition: opacity 0.5s ease-out 0s, transform 0.6s ease 0s, bottom 0.5s ease-out 0s, -webkit-transform 0.6s ease 0s;
}

.slide-copy * {
    opacity: 1;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: opacity 0.5s ease-out 0.2s, -webkit-transform 0.6s ease 0s, bottom 0.5s ease-out 0s;
    -o-transition: opacity 0.5s ease-out 0.2s, -o-transform 0.6s ease 0s, bottom 0.5s ease-out 0s;
    -webkit-transition: opacity 0.5s ease-out 0.2s, bottom 0.5s ease-out 0s, -webkit-transform 0.6s ease 0s;
    transition: opacity 0.5s ease-out 0.2s, bottom 0.5s ease-out 0s, -webkit-transform 0.6s ease 0s;
    -o-transition: opacity 0.5s ease-out 0.2s, transform 0.6s ease 0s, bottom 0.5s ease-out 0s;
    transition: opacity 0.5s ease-out 0.2s, transform 0.6s ease 0s, bottom 0.5s ease-out 0s;
    transition: opacity 0.5s ease-out 0.2s, transform 0.6s ease 0s, bottom 0.5s ease-out 0s, -webkit-transform 0.6s ease 0s;
    -moz-transition: opacity 0.5s ease-out 0.2s, transform 0.6s ease 0s, bottom 0.5s ease-out 0s;
    -ms-transition: opacity 0.5s ease-out 0.2s, transform 0.6s ease 0s, bottom 0.5s ease-out 0s;
}




.matrixs {
    color: #333;
    display: table;
    max-width: 87%;
    margin: 20px auto 25px;
}

.matrixs-individual {
    left: 10px;
    top: 10px;
    display: table-cell;
    text-align: center;
    max-width: 33%;
    vertical-align: top;
    width: 1%;
}

.matrixs-individual-inner {
    margin: auto;
    text-align: left;
    width: auto;
    display: inline-block;
}

span.matrixs-count {
    font-size: 18px;
    font-weight: 500;
    width: auto;
    float: left;
    display: inline-block;
    clear: both;
}

span.matrixs-text {
    font-size: 12px;
    display: inline-block;
    float: left;
    clear: both;
    font-weight: 500;
    color: #2F2F2F;
    opacity: 0.8;
    padding-top: 5px;
    padding-right: 10px;
}

@media (max-width:1300px) {
    span.matrixs-text {
        padding-right: 10px;
    }
}

.dragslider .slide.current h2 {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-out 0.5s;
    -o-transition: opacity 0.5s ease-out 0.5s;
    transition: opacity 0.5s ease-out 0.5s;
}

.switch-max .slide-copy {
    display: none;
}
.workpagegrid .col-sm-6 {
    padding: 0 30px;
}
.slide .slide-copy p {
    margin: 4px auto;
    max-width: 100%;
    color: #000000;
    font-size: 20px;
    max-width: 576px;
}
.tile-heading {
    color: #000000;
    text-align: center;
    margin-bottom: 25px;
    font-weight: bold;
}
.slide-copy p{
    text-align: center;
    text-align: center;
    margin-top: 15px;
    font-weight: 500;
}
.sub-slide-copy {
    font-size: 18px;
}
.slide-copy{
    pointer-events: initial;
    text-align: center;
    margin-bottom: 50px;
}

 .matrixs {
    text-align: left;    
    max-width: 100%;
}
.tile-img:hover a img {
    -webkit-box-shadow: 0px 18px 72px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 18px 72px rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.get-started-btn {
    padding: 7px 20px !important;
    font-size: 16px;
}
.intro-copy h1 {
    text-transform: none;
    margin: 0 0 10px;
    padding-bottom: 0px;
    font-family: Roboto,sans-serif;
    color: #2B265E;
    font-weight: bold;
    font-size: 42px;
    line-height: 50px;
}
.intro-copy span {
    color: #2B265E;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
}
.get-started-btn {
    background: #F16334;
    color: #fff !important;
    border-radius: 6px;
    margin: auto;
    display: inline-block;
    padding: 7px 30px !important;
    font-size: 16px;
    margin-top: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    margin-top: 8px;
}
.get-started-btn:hover {
    background: #EA440E !important;
    color: #fff !important;
}
.workpage-slider .item{
    float: left;
    width: calc(100% - 30px);
    margin-left: 15px;
    padding: 30px 40px 30px;
    position: relative;
}
.workpage-slider .item:after,.workpage-slider .item:before{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    display: inline-block;
    background-repeat: no-repeat;
}
.right-content {
    width: 50%;
    float: right;
    position: relative;
    z-index: 9;
}
.w-slide1 {
    background: -o-linear-gradient(131.82deg, #5CFFE3 33.95%, #B5F2FF 77.75%);
    background: linear-gradient(318.18deg, #5CFFE3 33.95%, #B5F2FF 77.75%);
}

.w-slide2 {
    background:-o-linear-gradient(112.77deg, #F5FFB5 -19.3%, #5CFFE3 111.56%);
    background:linear-gradient(337.23deg, #F5FFB5 -19.3%, #5CFFE3 111.56%);
}
.w-slide3{
    background: -o-linear-gradient(131.03deg, #F5FFB5 -10.2%, #5CFFE3 61.34%);
    background: linear-gradient(318.97deg, #F5FFB5 -10.2%, #5CFFE3 61.34%);
}
.workpage-slider .item.w-slide1:before{
    background-image: url(../img/slidebg1.png);
    background-position: bottom left;
}
.workpage-slider .item.w-slide1:after{
    background-image: url(../img/slidebg12.png);
    background-position: right bottom;
}
.workpage-slider .item.w-slide2:before{
    background-image: url(../img/slidebg2.png);
}
.workpage-slider .item.w-slide2:after{
    background-image: url(../img/slidebg22.png);
    background-position: right bottom;
    background-size: cover;
}
.workpage-slider .item.w-slide3:before{
    background-image: url(../img/slidebg3.png);
    background-position: left bottom;
}
.item a.get-started-btn {
    padding: 10px 20px !important;
}
span.blw-btn {
    font-size: 11px;
    display: block;
    padding-left: 15px;
    margin-top: 9px;
}
.workpage + .footer-container {
    margin-top: 0;
}

.workpage-slider {
    margin-top: 30px;
}
.workpage-slider .owl-theme .owl-dots .owl-dot span{
    background-color: rgba(255,255,255,0.6) !important;
    position: relative;
}
.workpage-slider  .owl-theme .owl-dots .owl-dot:hover span,.workpage-slider .owl-theme .owl-dots .owl-dot.active span {
    background: #fff!important;    
}
.workpage-slider .owl-theme .owl-dots .owl-dot.active span:after {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    border: 1px solid #fff;
    display: inline-block;
    left: -5px;
    top: -5px;
    border-radius: 50%;
}
.workpage-slider .owl-controls {
    margin-top: 25px;
}
.right-content h2 {
    font-weight: bold;
    margin-bottom: 10px;
}
.matrixs-individual-inner i{
    background-color: transparent !important;
}
.tile-img img {
    width: 100%;
}
.workpage-slider .owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.workpage-slider .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.workpage-slider .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.workpage-slider .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.workpage-slider .owl-theme .owl-dots .owl-dot span {
    padding: 0;
}
.btn-link {
    cursor: pointer;
}
.first-step-heading {
    text-align: center;
    font-size: 22px;
    line-height: 33px;
    margin-top: 52px;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    right: 0;
    height: 0;
    padding: 0 0 0px 0px;
    top: 75px;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
}
.highlight-text{
    background-color: #F5F976;
}
#craft-anim path {
    pointer-events: none;
}
button.get-started-li-btn.btn-lg.sendmypage:disabled {
    color: #fff !important;
    background: #adadad !important;
}

/**custom Radio**/


.cs-label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default radio button */
  .cs-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    border: 1px solid #F16334;
  }
  
  /* On mouse-over, add a grey background color */
  .cs-label:hover input ~ .checkmark {
    background-color: rgba(241, 99, 52, 0.4);
  }
  
  /* When the radio button is checked, add a blue background */
 .cs-label input:checked ~ .checkmark {
    background-color: transparent;
    border: 1px solid #F16334;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .cs-label input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .cs-label .checkmark:after {
       top: 5px;
      left: 5px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #F16334;
  }

  .contactus-right {
    width: 54%;
}
  .c-services {
    margin: 0 -15px;
    text-align: left;
    font-size: 20px;
}
.cs-heading {
    border-bottom: 1px solid #333;
    margin-bottom: 20px;
    padding-bottom: 3px;
}
.contact-form .radio-text {
    font-size: 16px;
    line-height: 19px;
    display: block;
    vertical-align: top;
    padding-bottom: 5px;
}
.cs-label small {
    font-size: 10px;
    font-weight: 400;
    display: block;
}
.cs-list {
    float: left;
    width: 100%;
    border-bottom: 1px solid #D6CFCF;
    margin-bottom: 10px;
}
.csl-left {
    width: 40%;
    float: left;
}
.csl-right {
    width: 60%;
    float: left;
    padding-left: 15px;
    color: #000000;
}
.csl-right ul {
    font-size: 10px;
    list-style: none;
    padding: 0;
    line-height: 22px;
    margin-bottom: 3px;
}
.thin-arrow{
    width: 20px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/thinarrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 10px;
}
button.get-started-li-btn.btn-lg.sendmypage{
    padding: 15px 20px !important;
    -webkit-box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;
            box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}
.cs-include p {
    font-size: 10px;
    margin-bottom: 6px;
}
span.cs-checkbox {
    position: absolute;
    height: 20px;
    width: 20px;
    border: 1px solid #F16334;
    left: 0;
    top: 0;
    border-radius: 4px;
}

.cs-include .cs-label {
    padding-left: 28px;
}
.cs-check[type="checkbox"][disabled] + span.cs-checkbox {
    cursor: not-allowed;
}

.cs-include  .cs-checkbox:after {
    top: 0;
    left: -1px;
    width: 20px;
    content: "";
    height: 20px;
    background: url(../img/cstick.svg) center center no-repeat;
    pointer-events: none;
    position: absolute;
    display: none;
}
.cs-label input:checked ~ .cs-checkbox:after {
    display: block;
  }
  
.disable-btn a.get-started-li-btn {
    pointer-events: none;
    background: #ccc !important;
}
.cs-cont {
    position: relative;
}
.cs-label.not-active{
    cursor: initial;
}
.cs-floating-badge {
    position: absolute;
    background: #FBE94C;
    padding: 10px 13px;
    max-width: 183px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    top: -60px;
    text-align: center;
    -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
            transform: rotate(5deg);
    left: 160px;
}
.cs-floating-badge span {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    display: inline-block;
}
.cs-floating-badge:after {
    content: "";
    background: url(../img/curve-arrow.svg) center left no-repeat;
    display: inline-block;
    position: absolute;
    height: 60px;
    width: 90px;
    left: -9px;
    top: 33px;
}
.btn-text{
    color: #2B265E;
    margin: 0;
    font-size: 18px;
}
.hero-inner a.get-started-li-btn.btn-lg{
    margin-top: 30px;
    margin-bottom: 10px;
    text-transform: none;
}
@media(min-width:1681px){
    .btn-text{
        font-size: 22px;
    }
}


/*work page gifs*/
.workpage-container .container {
    max-width: 1170px;
}
.tile-img a{display:block;}
.static-img {
	min-width: 100%;
	min-height: 296px;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
	background-size: cover;
  }
.static-img:hover {
cursor:pointer; 
-webkit-box-shadow: 0px 18px 72px rgba(0, 0, 0, 0.3); 
        box-shadow: 0px 18px 72px rgba(0, 0, 0, 0.3);
transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
background-image:url('');
}
.static-ccw{	
	background-image: url("../img/Page-tile-animation/CCW.png");
}
.static-ccw:hover{	
	background-image:url('../img/Page-tile-animation/CCW-Gif.gif');
}
.static-ciscoReady{	
	background-image: url("../img/Page-tile-animation/CR.png");
}
.static-ciscoReady:hover{	
	background-image:url('../img/Page-tile-animation/CR_gif.gif');
}
.static-4system{	
	background-image: url("../img/Page-tile-animation/4r-tile.png");
}
.static-4system:hover{	
	background-image:url('../img/Page-tile-animation/4r-tile-animation.gif');
}
.static-infina{	
	background-image: url("../img/Page-tile-animation/infina-tile.png");
}
.static-infina:hover{	
	background-image:url('../img/Page-tile-animation/Infina-animation.gif');
}


/* Service page V1 */
.service-page {
	background: #fff;
	float: left;
	color:#000000;
}
.service-page .get-started-li-btn{
	text-transform: none;
}
.service-page .serviceBackground {
	background: -o-linear-gradient(
		1.37deg,
		rgba(124, 192, 143, 0.9) 0.43%,
		rgba(235, 241, 140, 0.9) 99.55%
	);
	background: linear-gradient(
		88.63deg,
		rgba(124, 192, 143, 0.9) 0.43%,
		rgba(235, 241, 140, 0.9) 99.55%
	);
}
.inner-container {
	text-align: center;
	margin: 0 auto;
}
.inner-container .groupImage {
	margin-top: 40px;
	position: relative;
	z-index: 1;
}
.inner-container h2 {
	font-size: 42px;
	color: #2b265e;
	font-weight: bold;
	line-height: 120%;
	margin: 60px auto 0;
    max-width: 550px;
    position: relative;
}
.service-page .customContainer {
	padding: 40px 85px 15px;
	position: relative;
	overflow: hidden;
}
.service-page .customContainer:after {
	content: "";
	display: block;
	position: absolute;
	top: calc(100% - 72px);
	background: #fff;
	width: 250vw;
    left: -75%;
	border-radius: 100%;
	padding: 40%;
}
.content .textH {
	font-size: 22px;
	line-height: 32px;
	font-weight: 500;
}
.content .textP {
	font-weight: 300;
	font-size: 20px;
	line-height: 26px;
}
.text-h {
	margin-bottom: 10px;
}
.text-w {
}
.text-p {
	font-size: 20px;
}

.how-box {
	max-width: 600px;
	display: inline-block;
	text-align: left;
	width: 580px;
	margin-top: 20px;
	margin-bottom: 40px;
}
.s-box {
	padding: 15px 5px 5px 25px;
	width: 100%;
	display: block;
}
.s-box h3 {
	font-size: 18px;
	margin-bottom: 14px;
}
.s-box ul {
	list-style: none;
	padding: 0;
	margin:0
}
.s-box li {
	padding: 5px 0 5px 5px;
}
.highlighted-box {
	border: 1px solid #333;
	border-radius: 10px;
}
.box-highlight {
	position: relative;
	z-index: 1;
}
.box-highlight:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 115%;
	right: 5px;
	background: #85cdff;
	border-radius: 8px;
	z-index: -1;
	top: 0;
	opacity: 0.6;
}
li.box-highlight:before {
	content: "";
	height: 200px;
	width: 80px;
	position: absolute;
	bottom: calc(100% + -20px);
	right: 8px;
	background-image: url(../img/tb-arrow.svg);
	background-position: center top;
	background-repeat: no-repeat;
}
.box-arrow {
	position: relative;
}
.box-arrow:before {
	content: "";
	height: 200px;
	width: 80px;
	position: absolute;
	top: 15px;
	background-image: url(../img/bt-arrow.svg);
	background-position: center top;
	background-repeat: no-repeat;
	left: 40px;
}
.customContainer.serviceBackground:before {
	position: absolute;
	left: 50%;
	width: 1400px;
	height: 1400px;
	display: inline-block;
	top: 0%;
	background: -o-radial-gradient(
		50% 50%,
		50% 50%,
		#fff069 0%,
		rgba(255, 241, 113, 0) 100%
	);
	background: radial-gradient(
		50% 50% at 50% 50%,
		#fff069 0%,
		rgba(255, 241, 113, 0) 100%
	);
	content: "";
	-webkit-transform: translate(-50%);
	    -ms-transform: translate(-50%);
	        transform: translate(-50%);
}
.s-textimonials {
    background: #FEFFCF;
    -webkit-box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    margin: 70px 0 70px 70px;
    padding: 30px 20px;
}
.s-textimonials .blockquote {
	background: url(../img/quote.svg) no-repeat top left;
	padding: 8px 10px 0 40px;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	margin-left: 8px;
	background-position-y: -4px;
    background-size: 32px;
}
.badge {
	border: 1px solid #333;
	padding: 6px 20px;
	border-radius: 20px;
	font-size: 14px;
}
.s-textimonials span.badge {
    margin-left: 10px;
    margin-bottom: 20px;
    display: inline-block;
}
.cx-logos {
	margin-top: 120px;
}
.author-name {
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	margin-top: 20px;
	display: block;
	color: #000;
}
.s-textimonials .btn-text {
	font-size: 14px;
	margin-top: 10px;
	color: #000;
}
.s-textimonials .get-started-li-btn.btn-lg {
	font-size: 18px;
	text-transform: capitalize;
	padding: 14px 30px !important;
	margin-top: 70px;
}
.s-step3 .s-textimonials .get-started-li-btn.btn-lg {
	margin-top: 50px;
}
.divider {
	position: relative;
}
.divider:after {
	content: "";
	height: 2px;
	display: inline-block;
	background: #f5f779; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(
		linear,
		left top, right top,
		from(#f5f779),
		to(#6eeebe)
	);
	background: -o-linear-gradient(
		left,
		#f5f779 0%,
		#6eeebe 100%
	);
	background: linear-gradient(
		to right,
		#f5f779 0%,
		#6eeebe 100%
	); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f779', endColorstr='#6eeebe',GradientType=1 );
}
.text-p.divider:after {
	width: 170px;
	display: block;
	margin: 40px auto;
}
.s-client-section {
	margin-top: 18px;
}
.s-textimonials .divider:after {
	top: 25px;
	width: 80px;
	position: absolute;
	left: 50%;
	margin-left: -40px;
}

.stile{
	background: #F9F9F9;
	-webkit-box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 40px 50px;
	text-align: center;
}
.stile-img {
    display: inline-block;
    margin-bottom: 50px;
}
.stile-text h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}
.sstep-tiles {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	color: #000000;
}
.sstep-tiles .col-sm-6 {
    width: 50%;
    display: flex-b;
    float: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
	flex-grow: 1;
	margin-bottom: 30px;
}
.s-step1 .stile12 .stile-img{
	margin-top: -70px;
	margin-bottom: 30px;
}
.stile-text p {
    font-size: 14px;
}
.stile14{
	margin-top: -109px;
}
.s-step {
	margin-top: 50px;
	position: relative;
}
.s-step-heading {
    margin-bottom: 20px;
}
.s-step-heading span{
	padding:10px 0 10px 70px;
	background-image: url(../img/s-steps.svg);
	background-repeat: no-repeat;
}
.s-step1 .s-step-heading span {
    background-position: 0px 0px;
}
.s-step2 .s-step-heading span {
    background-position: 0px -77px;
}
.s-step3 .s-step-heading span {
    background-position: 0 -157px;
}
.s-step4 .s-step-heading span {
    background-position: 0 -233px;
}
.s-step-header p {
    font-size: 18px;
    line-height: 26px;
}
.sstep-tiles-container {
    padding: 20px 0;
}
.s-sub-heading {
    margin: 20px 0 10px;
}
.stile-wtext p {
    font-size: 18px;
    line-height: 26px;
    margin: 20px 0;
}
.hw-arrow {
    position: relative;
    font-weight: bold;
    margin-bottom: 60px;
}
.hw-arrow:after,.hw-arrow:before{
	position: absolute;
	content: "";	
}
.hw-arrow:after{
	height: 2px;
	display: inline-block;
	background: #f5f779; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(
		linear,
		left top, right top,
		from(#f5f779),
		to(#6eeebe)
	);
	background: -o-linear-gradient(
		left,
		#f5f779 0%,
		#6eeebe 100%
	);
	background: linear-gradient(
		to right,
		#f5f779 0%,
		#6eeebe 100%
	); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f779', endColorstr='#6eeebe',GradientType=1 );
	bottom: -20px;
	width: 183px;
	left: 0;
}
.hw-arrow:before {
    width: 113px;
    height: 72px;
    background: url(../img/tdi-arrow.svg) left top no-repeat;
    right: 100%;
    top: -11px;
}

.step-bg {
    background: #AFF1A1;
    position: absolute;
    left: -80vw;
    width: 260vw;
    top: 300px;
    bottom: 465px;
    border-radius: 50%;
}

.stile15 {
    padding-left: 70px;
}
.stile15 {
    padding: 0 80px 0 100px;
    margin-top: 70px;
}
.tw-img{
	position: relative;
}
.tw-img p {
    width: 57%;
    margin-bottom: 70px;
}
.tw-img img {
    position: absolute;
    left: 60%;
    top: 0px;
}
.s-step-footer .large-heading {
    font-weight: bold;
    font-size: 42px;
    max-width: 767px;
    margin: 3px auto 20px auto;
}
.inline-anchor {
    color: inherit;
    font-weight: bold;
    text-decoration: underline;
}
.stile-wtext p strong {
    font-weight: bold;
}
.s-step2 .step-bg {
	background: #CDF18D;
	bottom: 655px;
	top:422px;
}
.s-step2 .stile11 .stile {
    padding: 20px 50px;
}
/* .s-step2 .stile11 {
    margin-top: -50px;
} */
.s-step2 .stile12 {
    margin-top: 53px;
}
.s-step2 .stile14 {
    margin-top: 0px;
}
.s-step2 .stile13 {
    margin-top: -63px;
}
.s-step2 .stile12 .stile-img {
    padding: 30px 0 0;
}
.s-step2 .stile15 p{
	font-size: 18px;
}
.s-step2 .stile15 {
	padding: 0 60px 0 50px;
	margin-top: 50px;
}
.step-bg + .container {
    position: relative;
}
.s-step p b{
	font-weight: 500;
}
.s-outcomes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.s-outcomes .col-sm-6 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding:20px 0;
	margin-bottom: 0;
}

.s-step2 .s-step-footer {
    max-width: 576px;
	margin: auto;
	padding-bottom:50px;
}
.s-step-footer{
	font-size: 18px;
	padding:70px 0;
}
.btn-outlined{
	border: 1px solid #F16334;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	color:#F16334;
	font-size: 14px;
	padding: 6px 14px;
}
.btn-outlined:hover,.btn-outlined:focus{
	background: #F16334;
	color: #fff;
}
.agile-tile {
    background: #F9F9F9;
    -webkit-box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
	padding: 70px;
	margin-bottom:10px;
	margin-top: 40px;
}
.agile-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.agile-sub-heading {
    width: 150px;
}
.agile-listing-row {
    width: calc(100% - 150px);
}
.agile-listing-row ul {
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 24px;
}
.agile-tile-headings {
    padding-left: 150px;
    padding-bottom: 50px;
}
.agile-listing-row.divider:after {
    width: 100%;
    margin: 20px 0;
}
.s-cs-img {
    margin-left: -10px;
}
.text-link {
    color: #EA2227;
    line-height: 32px;
    position: relative;
}
.text-link:after{
	content: "";
	position: absolute;
	right: -30px;
    top: 10px;
    width: 30px;
    height: 15px;
	background: url(../img/orange-arrow.svg) no-repeat center center;
}
.s-casestudy .text-link {
	margin-top: -25px;
    display: inline-block;
    max-width: 420px;
}
a.text-link:hover, a.text-link:focus, a.text-link:active {
    color: #cc3e10;
}
.stile-wtext-footer .btn-text {
	/* margin-top: 13px; */
	color: #000;
}

.centerd-block {
    max-width: 350px;
}
.centerd-block p{
	font-weight: 500;
}
.centerd-block p em{
	font-style: normal;
	position: relative;
}
.centerd-block p em:after{
	content: "";
	display: inline-block;
	position: absolute;
	left: -11px;
    right: -12px;
    top: -6px;
    bottom: -7px;
	background: url(../img/hgov.svg) no-repeat center center;
}
.s-outcomes h2 {
    font-size: 42px;
    margin-right: 10px;
}
.s-outcomes h2 {
    font-size: 42px;
    margin-right: 10px;
}
.s-step2 .s-step-footer .cards-img {
    margin-bottom: -27px;
    margin-top: -40px;
}
.s-step4 .step-bg {
    bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.service-page + .footer-container,.service-page ~ .footer-container,.workpage-wp ~ .footer-container,.voice-blog ~ .footer-container{
	margin-top: 0;
}
.sstep3-card.white-card {
    background: #fff;
    border-radius: 10px;
    padding: 40px 20px;
}
.sstep3-card.white-card .stile-img {
    width: 100%;
    text-align: center;
}
.sstep3-card.white-card .stile-img img {
    margin: auto;
}
.sstep3-card.white-card p{
	font: 14px;
}
.sstep3-card.white-card .f18{
	font-size: 14px;
}
.scustom-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1085px;
    margin: auto;
}
.scustom-row .s-textimonials {
    margin-left: 15px;
}
.scustom-row .s-textimonials {
    margin-left: 15px;
    margin-top: 80px;
}
.s-step3 .step-bg {
    bottom: 0;
    top: 560px;
}
.ds-card {
    margin-top: 150px;
}
.ds-card h4 {
    margin-bottom: 20px;
}
.s-textimonials h4 {
    padding-left: 10px;
    margin-bottom: 20px;
}
.s-step3 h3.s-sub-heading {
    max-width: 890px;
    text-align: center;
    margin: 20px auto 10px;
    font-weight: bold;
    line-height: 34px;
}
.s-step3 .s-step-header p {
    max-width: 660px;
    margin: 0 auto 20px;
}
.s-step3 .s-step-header {
    margin-bottom: 120px;
}
.s-step4 .s-step-footer p {
    max-width: 500px;
	margin: 20px auto;
	color: #000;
	font-size: 18px;
}
.s-step4.s-step {
    padding-bottom: 20px;
}
.ceremony-badge {
    position: relative;
    font-style: normal;
}
.ceremony-badge:after{
	position: absolute;
	top: -1px;
    left: -3px;
    right: -27px;
    bottom: 0;
	content: "";
	display: inline-block;
	background: url(../img/c-high.svg) no-repeat center center;
}
.ceremony-badge:before{
	position: absolute;
    top: -27px;
    left: 10px;
    content: "Ceremony";
    display: inline-block;
    font-weight: bold;
    -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
            transform: rotate(-5deg);
}
.s-step3.s-step {
    /* padding-bottom: 70px; */
}
.s-step2 .stile16 {
    border: 15px solid #88C783;
    border-left: 0;
    border-top-right-radius: 70px;
    border-bottom-right-radius: 70px;
    padding: 36px 30px;
}
.s-step2 .stile16:after {
    left: -100%;
    top: 100%;
    border: 15px solid #88C783;
    border-right: 0;
    border-top-left-radius: 70px;
    border-bottom-left-radius: 70px;
    content: "";
    height: 980px;
    width: 100%;
	position: absolute;
	pointer-events: none;
}
.s-step2 .stile16:before{
	position: absolute;
    top: calc(100% + 964px);
    content: "";
    height: 130px;
    width: 200px;
    left: -95px;
    background: url(../img/bold-arrow.svg) top left no-repeat;
    display: inline-block;
	z-index: 1;
	pointer-events: none;
}
.texting-pro img{
	margin: auto;
}
.stile-wtext-footer {
    margin-top: 40px;
}
.agile-sub-heading small {
	font-size: 10px;
	font-weight: 500;
}
.stile-text {
    padding: 0 38px;
}
.s-right-nav{
	position: fixed;
	top: 50%;
	right: 50px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);	
	z-index: 9;
}
.s-right-nav ul{
	max-width: 30px;
	display: inline-block;
}
.s-right-nav li{
	background-image: url(../img/ssteps-icon.svg);
	background-repeat: no-repeat;
	width: 34px;
	height: 34px;
	display: inline-block;
	margin: 20px 0;
	cursor: pointer;
}
.ss1{background-position: -73px 0px;}
.ss2{background-position: -73px -72px;}
.ss3{background-position: -73px -150px;}
.ss4{background-position: -73px -225px;}
.ss5{background-position: -73px -299px;}

.ss1:hover,.ss1.active,.ss1:focus{background-position: 0px 0px;}
.ss2:hover,.ss2.active,.ss2:focus{background-position: 0px -72px;}
.ss3:hover,.ss3.active,.ss3:focus{background-position: 0px -150px;}
.ss4:hover,.ss4.active,.ss4:focus{background-position: 0px -225px;}
.ss5:hover,.ss5.active,.ss5:focus{background-position: 0px -299px;}
.service-page .container{
	max-width: 1170px;
}

.s-step2 .sstep-tiles-container {
    padding-top: 0;
}
.s-right-nav li span {
    position: absolute;
    right: -10px;
    width: 112px;
    font-size: 12px;
    padding-top: 2px;
    text-align: left;
	opacity:0;
	-webkit-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.s-right-nav li.ss1 span{
	width:135px;
}
.s-right-nav li:hover span{
	opacity:1;
	right:10px;
}
.texting-pro {
    margin-top: 23px;
    display: inline-block;
}
.top-sticky {
    /* background: #DCEF7C; */
    position: absolute;
    z-index: 9;
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding: 8px 15px;
    color: #000;
    transition: top 0.5s ease ;
    -webkit-transition: top 0.5s ease ;
    -moz-transition: top 0.5s ease ;
    -ms-transition: top 0.5s ease ;
    -o-transition: top 0.5s ease ;
}
/* .show-topbar .navbar-fixed-top {
    top: 30px;
    transition: top 0.5s ease ;
    -webkit-transition: top 0.5s ease ;
    -moz-transition: top 0.5s ease ;
    -ms-transition: top 0.5s ease ;
    -o-transition: top 0.5s ease ;
}
.navbar-fixed-top {
    top: 0;
    transition: top 0.5s ease ;
    -webkit-transition: top 0.5s ease ;
    -moz-transition: top 0.5s ease ;
    -ms-transition: top 0.5s ease ;
    -o-transition: top 0.5s ease ;
} */
.show-topbar .top-sticky {
    top: 55px;
    z-index: 9;
    transition: top 0.5s ease ;
    -webkit-transition: top 0.5s ease ;
    -moz-transition: top 0.5s ease ;
    -ms-transition: top 0.5s ease ;
    -o-transition: top 0.5s ease ;
}
/* .top-sticky {
    top: -30px;
    transition: top 0.5s ease ;
    -webkit-transition: top 0.5s ease ;
    -moz-transition: top 0.5s ease ;
    -ms-transition: top 0.5s ease ;
    -o-transition: top 0.5s ease ;
} */
.top-sticky .inline-anchor{
    font-weight: normal;
    color:#EE743D;
}
.close-bar {
    float: right;
    height: 20px;
	width: 20px;
    position: relative;
    cursor: pointer;
}
.close-bar:before, .close-bar:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 20px;
	width: 2px;
    background-color: #333;
  }
  .close-bar:before {
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
  }
  .close-bar:after {
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
  }
  .close-bar:hover{
      opacity: 0.7;
  }
  .three-liner-tiles .small-tile-heading{
    bottom: -64px;
  }
  /*Articles css*/
.img100 img{
    width:100%;
}
.whiteLink{
    color:#fff; 
    text-decoration: underline;
}
.whiteLink:hover{
	color: #fff;
} 
.imgTextWrap{
    float: left;
    margin-right: 40px;
    margin-bottom: 10px;
}
.splLink a{
    text-decoration: underline; 
    color:#333;
}
.article .top-sticky{
    color: #fff;
}
.article1 .top-sticky{
    display: none;
}

.dwnpdf-article .ebook-cont {
    min-height: 600px;
    display: flex;
    align-items: center;
    padding: 50px;
}
.dwnpdf-article .pdf-thumbnail {
    max-width: 100%;
}

.download-text {
	margin-top:50px;
	text-align:center;
}

.greenDiv {
border-right:10px solid #40db7d;
border-bottom:10px solid #40db7d;
}

.bigLink {
padding-top:50px;
}

.bigLink a {
font-size:26px;
text-decoration:underline;
max-width:280px;
}

.articleLink {
color:#EE743D;
text-decoration:underline;
}

.articleLink:hover {
color:#EE743D;
text-decoration:none;
}

.widerBQ {
width:100%;
font-size:32px;
font-family:Arial!important;
border-left:none;
font-style:normal;
line-height:inherit;
display:inline-block;
color:#000;
margin:50px 0;
padding:0;
}

.new-article,.new-article .article-subhead,.new-article .article-content p {
font-family:Arial!important;
}

.new-article .article-subhead {
font-size:20px;
}

.new-article .article-content p {
line-height:28px;
}

.bold {
font-weight:700;
}

.new-article .article-content p.text-indent {
padding-left:30px;
}

.col-tbl {
display:flex;
width:100%;
}

.new-sticky .share-section {
width:17%;
}

.paddingR20 {
padding-right:20px;
}
.small-screens main:not(.small-header-text) .hero-sec{
    min-height: 740px;
    max-height: none;
}
.small-screens main:not(.small-header-text) .slides{
    min-height:740px;
}
.small-screens main:not(.small-header-text) #hero-anim img{
    min-width: 750px;
    width: 140vh;
    max-width: 1170px;
}
.small-screens .small-header-text .hero-text h2 {
    font-size: 4.5vh;
    max-width: none;
}
.small-screens .small-header-text #hero-anim img{
    padding-top: 0;
}

.marginT50{margin-top:50px !important;}
.marginT60{margin-top:60px !important;}
.marginT40{margin-top:40px !important;}
.marginT20{margin-top:20px !important;}
.new-article .lineHeight{line-height: 30px;}
.img-center img{margin:0 auto;}

.widerImage .img-content-col {
margin-top:auto;
overflow:hidden;
}
.widerImage.ea-img-right .img-content-col,.img-content-col.flex-items{
	display: flex;
    align-items: center;
}
.ea-img-left .img-content-col{
	display: flex;
}

.widerImage .img-col {
	width:43%;
	padding:40px 15px 0 0;
}
.img-col.img-col-right {
	padding:0px;
	position:relative;
    right:-50px
}
.img-col.img-col-left {
	padding:0px;
	position:relative;
    left:-50px
}

.widerImage .img-content {
width:57%;
}
.right-img .img-col {
    width: 45%;
    padding: 0;
    padding: 20px 0 0 10px;
}
.right-img .img-col img{margin:0 auto;}
.right-img{overflow: hidden;}
.right-img .img-content {
    width: 55%;
}
.ea-img-right .img-col{
	width: 44%;
	padding: 0 0 0 15px;
}
.ea-img-right .img-col img{margin: 0 auto;}
.ea-img-right .img-content{
	width: 56%;
}
.ea-img-left .img-col{
	width: 40%;
    padding: 0 30px 0 0;
}
.ea-img-left .img-col img{
	margin: 0;
}
.ea-img-left .img-content{
	width: 82%;
}

.article > .container, .new-article  {
	width: 1170px;
}
.article .eventPage-padding, .eventPage-padding.new-article{
	padding:0 160px 80px;
}
.checklist ul {
    margin: 5px 0 15px;
    padding: 0;
}
.checklist ul li {
    list-style: none;
    position: relative;
    padding: 0 0 20px 30px;
    line-height: 26px;
}

.checklist ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    background: url(../img/article-checkmark.svg);
    background-repeat: no-repeat;
}
.article-content{
	color:#000000;
}
.padding0{padding:0 !important;}
ul.inner-ul{
	list-style-type: none;
	margin-bottom: 30px;
}
ul.inner-ul li::before { 
	content: "\2022";
    color: #666;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 26px;
    position: relative;
    top: 4px;
}
span.li-section{    
	display: block;
    font-weight: bold;
    padding: 20px 0;
}
.top-empsection.single{
	margin: 0;
}
.font-size .article-content p, .font-size .article-content ul li{
	 font-size:17px;

}
@media (min-width: 1800px) {
    .article > .container, .new-article {
        width: 1170px;
    }
}
.inner-container .groupImage {
    text-align: center;
}
.inner-container .groupImage img.img-responsive {
    margin: auto;
}
.ds-headeing{
    margin-bottom: 18px;
}
@media (min-width:768px) and (max-width:1023px){
    .s-textimonials{
        margin: 70px 50px 70px 50px;
    }
    .stile {
        padding: 40px 10px;
    }
    .stile15 {
        padding: 0 50px 0 40px;
    }
    .s-step2 .stile11 .stile {
        padding: 20px 10px;
    }
    .s-step2 .stile13 {
        margin-top: -155px;
    }
    .s-step3.s-step {
        margin-top: 15px;
    }
    .small-screens main:not(.small-header-text) #hero-anim img{
        max-width: 100%;
    }
}

/*Design Sprint Page */
.design-sprint .footer-container {
	margin-top: 0;
}

.ds-main {
	background-image: linear-gradient(
		to right top,
		#60f0bd,
		#91f5b3,
		#b8f9ae,
		#d8fcaf,
		#f5ffb5
	);
}

.regular-p {
	font-size: 18px;
	line-height: 26px;
	margin: 0 auto;
}

.design-sprint .inner-container {
	padding: 60px 131px;
}

.inner-container img {
	margin: 0 auto;
}

h1.ds-mainheading {
	font-size: 42px;
	line-height: 50px;
	color: #2b265e;
	font-weight: 700;
	margin: 0;
    	padding: 0;
        font-family: Roboto,sans-serif;
}

.ds-headingliner {
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	margin-bottom: 40px;
	margin-top: 20px;
}

.ds-main .ds-headingliner{
    color: #2b265e;
    margin: 10px auto 37px;
}
.sprint1-heading {
    color: #2b265e;
    margin: 20px auto 25px;
}

.ds-content-gray {
	background: #f8f8f8;
}

h2.ds-subheading {
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
	color: #000;
	max-width: 824px;
}

.yellow-bg {
	background: #f5f976;
}

.ds-content-white {
	background: #fff;
}

.ds-content-wrap:first-child .subhead-p {
    max-width: 721px;
    margin-top: 0;
}

.subhead-p {
    max-width: 667px;
    margin:20px auto 0;
}

.ds-content-wrap {
	margin-bottom: 80px;
}

.ds-sprint .regular-p {
	max-width: 447px;
	margin: 30px auto 0;
}

.ds-watnext {
	text-align: left;
	max-width: 1020px;
	margin: 0 auto;
}

.ds-watnext .regular-p {
	max-width: 390px;
	margin: 20px 0 0;
}

.ds-watnext img{margin-top:50px;}

.ds-watnext .ds-subheading {
	font-weight: 700;
    max-width: 530px;
    margin: 20px 0 0 0;
}

#teamup {
	max-width: 460px;
	margin: 120px auto 60px;
}

.ds-main a.btn-md, #teamup a.btn-md {
	font-size: 18px;
	display: inline-block;
	border-radius: 6px;
	background: #f16334;
	color: #fff;
	padding: 10px 42px;
	margin-top: 20px;
}

.ds-main a.btn-md:hover, #teamup a.btn-md:hover {
	background: #ea440e !important;
}

#ds-process .inner-container .ds-content-wrap:first-child {
	text-align: center;
	margin-bottom: 283px;
}

#ds-process .inner-container .ds-content-wrap {
	text-align: left;
	margin: 0 auto;
	max-width: 1020px;
}
#ds-process .inner-container{padding-bottom: 120px;}
#ds-process .regular-p {
	margin: 20px 0;
}
.underline {
	text-decoration: underline;
}

.fromenterprise-wrap {
	max-width: 700px;
	text-align: left;
	overflow: hidden;
	margin: 0 auto 120px;
}

.fromenterprise-wrap > .fe-box.fn {
	margin: 0 144px 0 0;
}

.fe-box {
	float: left;
}

.fe-box h3 {
	font-size: 18px;
	margin-bottom: 14px;
}

.fe-box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.fe-box li {
	padding: 5px 0 5px 5px;
}

.first-col {
	width: 90px;
	display: inline-block;
}

.line {
	display: inline-block;
	content: "";
	height: 1px;
	width: 41px;
	border-top: 1px solid #2b265e;
	position: relative;
	top: -5px;
	margin: 0 9px;
}

.last-col {
	width: 167px;
	display: inline-block;
}

.fe-box ol {
	padding-left: 20px;
}
.ds-composition {
	padding: 50px 0;
	overflow: hidden;
}
.ds-composition .col {
	display: inline-block;
	text-align: left;
	max-width: 870px;
	margin: 0 auto;
	width: 100%;
}
.focus,
.time,
.inescapable {
	font-size: 20px;
	width: 25%;
	position: relative;
}

.focus:after,
.time:after {
	content: "";
	background-image: url(../img/plus.svg);
	height: 16px;
	width: 16px;
	display: inline-block;
	position: absolute;
	top: 36%;
}
.focus:after {
	left: 85%;
}

.time:after {
	right: 20%;
}
.inescapable:after {
	content: "";
	background-image: url(../img/equals.svg);
	height: 10px;
	width: 16px;
	display: inline-block;
	position: absolute;
	top: 36%;
	right: 10%;
}
.expertise img {
	margin-top: 60px;
}

.ds-content-wrap.expertise {
	margin-bottom: 0;
}

.ds-content-wrap.ds-sprint {
	margin-bottom: 15px;
}
.ds-content-wrap.ds-sprint:after{
    content: "";
    background: url(../img/curved-arrow.svg);
    display: block;
    width: 338px;
    height: 88px;
    background-repeat: no-repeat;
    margin: 20px auto 0;
    position: relative;
    left: -190px;
}

.ds-content-wrap.ds-watnext {
	margin-bottom: 120px;
}

.ds-p-box {
	max-width: 450px;
	background: #d2f7ff;
	border-radius: 15px;
	position: relative;
	min-height: 375px;
	margin: 0 15px;
}
.ds-p {
	padding-top: 134px;
}
.ds-p img {
	position: absolute;
}

.ds-daytag {
	background: url(../img/day-rect.svg);
	background-repeat: no-repeat;
	width: 114px;
	height: 35px;
	display: block;
	position: absolute;
	left: -10px;
	font-size: 18px;
	font-weight: bold;
	color: #2b265e;
	text-align: center;
	line-height: 26px;
	padding: 5px 0;
	top: 100px;
}
.ds-content-wrap .center-block.text-left {
    display: inline-block;
    margin: auto;
    max-width: 960px;
}
.ds-p-box img.ds-p-img {
	position: absolute;
	bottom: 90%;
}
.ds-p-box.ds-1 .ds-p-img {
    left: 50%;
    transform: translateX(-50%);
}
.ds-p-box.ds-2 {
    margin-top: 300px;
}
.ds-p-box.ds-2 .ds-p-img {
    left: 46%;
    transform: translateX(-50%);
    top: -220px;
}
.ds-p-box.ds-3 .ds-p-img {
    top: -240px;
    left: 50%;
    transform: translateX(-50%);
}
.ds-p-box.ds-3 {
    margin-top: 40px;
}
.ds-p-box.ds-4 {
    margin-top: 240px;
}
.ds-p-box.ds-4 .ds-p-img {
    right: 0;
    top: -210px;
}
.ds-p-box.ds-5 {
    margin-top: -58px;
}
.ds-p-box.ds-5 .ds-p-img {
    top: -220px;
    left: 50%;
    transform: translateX(-50%);
}
.ds-main a.btn-md, #teamup a.btn-md {
    padding: 15px 25px;
}
h1.ds-mainheading{
	margin: 10px auto 0;
}
.design-sprint .inner-container {
    padding: 60px 203px;
}

@media only screen and (max-width: 1024px) {
    .design-sprint .inner-container {
		padding: 60px 15px;
	}

    .ds-content-wrap.ds-sprint:after{
        content: "";
        background: url(../img/curved-arrow-md.svg);
        width: 425px;
        height: 55px;
        background-repeat: no-repeat;
        left: -25px;
    }
    
	.focus,
	.time,
	.inescapable {
		font-size: 14px;
	}

	.time:after {
		right: 20%;
	}

	.focus:after {
		left: 90%;
	}

	.inescapable:after {
		background-image: url(../img/equal-sm.svg);
		height: 8px;
		width: 10px;
	}

	.ds-composition {
		padding: 30px 0;
	}

	.focus:after,
	.time:after {
		background-image: url(../img/plus-sm.svg);
		height: 10px;
		width: 10px;
	}

	.ds-days-tile .regular-p:first-child {
		padding-top: 22%;
    }
    .fromenterprise-wrap > .fe-box.fn{margin: 0 28px 0 0px;}
    .ds-content-wrap.ds-sprint:after{
        content: "";
        background: url(../img/curved-arrow-sm.svg);
        width: 425px;
        height: 35px;
        background-repeat: no-repeat;
        left: 72px;
    }
    .ds-p-box {
        max-width: 450px;
    }
    .ds-p-box.ds-3 {
        margin-top: 70px;
    }
    .ds-p-box.ds-4 .ds-p-img {
        right: 0;
        top: -178px;
        width: 118%;
    }
    #teamup {
        margin: 60px auto;
    }
    .ds-content-wrap.ds-watnext {
        margin-bottom: 80px;
    }
    .ds-watnext .ds-subheading {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .ds-p-box {
        max-width: 354px;
    }
    .intro-copy h1 {
        font-size: 36px;
    }
    .tile-heading {
        font-size:18px;    
    }
}

/*Voice Page*/
.voice-blog  .footer-container{
	margin-top: 0;
}
.voice-blog .inner-container{
	padding:100px 159px;
	max-width: 1440px;
	margin: 0 auto;
	text-align: left;
	color:#000000;
}
.voice-latest{
	background-image: linear-gradient(
		to right bottom,
		#5cffe3,
		#8effcf,
		#b6ffc0,
		#d8ffb7,
		#f5ffb5
    );
}
.voice-latest .inner-container {
    padding-bottom: 0;
    padding-top: 40px;
}
.voice-pg-header{
	color: #2B265E;
	text-align: center;
    margin: 0 auto;}
.voice-pg-header h1{
	font-size: 42px;
	line-height: 84px;
	margin-top: 0;
	padding-bottom: 0;
    font-weight: bold;
	margin-bottom: 0;
	font-family: Roboto,sans-serif;
	color:#2B265E;
}
.voice-pg-header h4{
	font-weight: normal;
    font-size: 20px;
    line-height: 30px;
	margin-bottom: 0;
}
.voice-latest-tile-wrap{
	display: flex;
    align-items: flex-start;
    margin:40px auto 60px;
}
.voice-tile{
    width:354px;
	margin: 0px 30px 0 0; 
    border-radius: 7px;
}
.voice-tile:last-child{
	margin: 0;
}
.voice-tile-title{
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    margin: 20px 10px 0 0;
    display: block;
}
.voice-tile a{display: block; color:#000000;}
.voice-tile img{width:354px; border-radius: 8px;}
.voice-tile:hover, .voice-tile-sm:hover img, .voice-tile-lg:hover img{
	cursor: pointer;
	filter: drop-shadow(0px 0px 22px rgba(0, 0, 0, 0.2));
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	outline: 0;
}
.voice-article-slide{
	display: flex;
	align-items: flex-end;
}

.voice-article-content{
	width: 690px;
	padding-left:25px;
}
.voice-article-content h4{
	font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 23px;
margin-bottom:20px;
}
.voice-article-content h2{
font-style: normal;
font-weight: bold;
font-size: 42px;
line-height: 50px;
margin: 0 0 50px 0;
color:#000000;
}
.voice-article-content p{
font-style: normal;
font-weight: 300;
font-size: 42px;
line-height: 50px;
}
.voice-article-content h6{
	font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 26px;
margin-bottom: 50px;
}
.voice-article-content h6 a{
	color: #FF5506;
}

.voice-ebook .inner-container{
	overflow: hidden;
}
.voice-ebook .voice-ebook-content{
	width: 40%;
    float: left;
    margin: 100px 0 0 0
}
.voice-ebook .voice-ebook-content h2{
	font-weight: 300;
font-size: 42px;
line-height: 50px;
color:#000000;
margin:0;
}
.voice-ebook .voice-ebook-content h6{
	font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #666666;
}
.voice-ebook .voice-ebook-content h4{
font-weight: bold;
font-size: 18px;
line-height: 26px;
max-width: 82%;
}
.voice-ebook .voice-ebook-illustration{
	max-width: 57%;
    float: left;
    margin-right: 30px; 
} 
.voice-blog .btn-md{
	font-size: 18px;
	display: inline-block;
	border-radius: 6px;
	background: #f16334;
	color: #fff;
	padding: 10px 30px;
	margin-top: 20px;
}
.bg-white{
	background-color: #ffffff !important;
}
.voice-mvp.ds-main .inner-container{
	text-align: center;
}

.voice-cards .s-step-footer .cards-img {
    margin-bottom: -27px;
    margin-top: -40px;
}
.voice-cards .s-step-footer {
	max-width: 576px;
	margin:0 auto;
	padding:0;
}
.voice-tile-style .voice-tile-wrap{
	float: left;
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.voice-tile-sm {
	width: 354px;
	margin: 0 10px 30px;
	float: left;
}
.blog-img-sm img{ 
	border-radius:8px;
}
 
.voice-tile-style .inner-container{
	overflow: hidden;
}
.voice-tile-sm a, .voice-tile-lg a{
	color:#000000;
}
.txt-heading{
	font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    margin: 20px 0;
}
.txt-content{
	display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}

.voice-tilestyle-2 .voice-tile-left{
	float:left;
	width:35%;
}
.voice-tilestyle-2 .voice-tile-right{
	float:right;
	width:65%;
}

.voice-tile-center{
	float:left;
	width: 100%;
	display: flex;
    justify-content: center;
}
.voice-tile-left{
	float: left;
	width: 100%;
}
.voice-tile-right{
	float: right;
	width: 100%;
	display: flex;
    justify-content: flex-end;
}
.voice-tilestyle-3 .step-bg{
    top: 170px;
}

.step-bg + .tilestyle3 {
    position: relative;
}
.step-bg.green-bg {
    background: #cdf18d;
}
.voice-tilestyle-3.s-step4.s-step{
	padding-bottom: 0;
}
.voice-tilestyle-3.s-step{
	margin-top:0;
}
.voice-pg-header h1{
	line-height: 50px;
}
.voice-pg-header h2{
    color: #2b265e;
	margin: 0 auto 28px;
    max-width: 103px;
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0.28em;
    border-top: 1px solid #2b265e;
    border-bottom: 1px solid #2b265e;
}

@media only screen and (max-width : 1366px){
	.voice-tile-sm {
		width: 328px;
	}
}

@media only screen and (max-width : 1024px)
{
	.voice-tile img {
		width: 312px;
	}
	.voice-tile {
		width: 312px;
	}
	.voice-blog .inner-container {
		padding: 40px 15px;
	}
	.voice-latest .inner-container {
		padding: 40px 15px 0;
	}
	.voice-tile-sm {
		width: 310px;
	}
	.voice-ebook .voice-ebook-content {
		margin: 160px 0 0 0;
	}
	
}

@media only screen and (max-width : 768px)
{
	.voice-pg-header h4 {
		font-size: 17px;
	}
	.voice-tile {
		width: 250px;
	}
	.voice-tile img {
		width: 250px;
	}
	.voice-article-content h2 {
		font-size: 26px;
		line-height: 36px;
	}
	.voice-article-content p {
		font-size: 20px;
		line-height: 36px;
	}
	.voice-article-content h6 {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 40px;
	}
	.voice-ebook .voice-ebook-content {
		max-width: 35%;
	}
	.voice-ebook .voice-ebook-content h2 {
		font-size: 23px;
	}
	.voice-ebook .voice-ebook-content h4 {
		font-size: 14px;
	}
	.voice-blog .btn-md {
		font-size: 15px;
	}
	.voice-tile-sm {
		width: 225px;
	}
}

.nav>li.active>a, .nav>li>a:focus, .nav>li>a:hover {
    color: #F16334;
}
nav ul li.navIndicator {
    background: #F16334;
}

body.article-page, body.common-page {
    padding-top: 0;
}
main:not(.service-page) {
    padding-top: 55px;
}
main.workshop-main {
    padding-top: 0;
}
main.workshop-main .hero-sec {
    padding-top: 110px;
}
main.voicepage {
    padding-top: 0;
}
.contactus-heading {
    margin-top: 55px;
}
.contact-form-wrap.contact-page-form {
    padding-top: 55px;
}


/** New Thankyou page**/

.thankyou-new {
    background: linear-gradient(89.9deg, rgba(185, 240, 203, 0.9) -5.2%, rgba(236, 242, 152, 0.9) 94.68%);
    text-align: center;
    min-height: 100vh;
}
.thankyou-new + .footer-container{
    margin-top: 0;
}
.thankyou-new .contact-form {
    background: transparent;
    max-width: 562px;
    margin: 25px auto;
    box-shadow: none;
    padding: 0;
}
.thankyou-new .form-control{
    background: transparent !important;
}
.thankyou-new .contactus-heading h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 20px auto;
    display: inline-block;
}
.thankyou-new2 .contactus-heading h1{
    margin-top: 80px;
}
.common-page .thankyou-new h1 strong{
    font-weight:bold;
}
.thankyou-new .contactus-heading{
    display: inline-block;
}
.common-page .thankyou-new h1 .saved-username {
    font-family: 'Roboto', sans-serif;
}
.thankyou-new .contactus-heading h4 {
    font-size: 20px;
    font-weight: 300;
    line-height: 34px;
    margin-bottom: 30px;
}
.thankyou-new .contactus-heading p{
    font-size: 18px;
    margin-bottom: 0;
}
.phone-link{
    font-weight: 500;
    color: #F16334;
    text-decoration: underline;
}
.thankyou-new  .thanksMsg {
    margin: 60px auto 80px;
    max-width: 534px;
    display: inline-block;
    position: relative;
}
.thanksMsg:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 2px;
    background: #000;
    left: 50%;
    margin-left: -50px;
    top: -40px;
}
.thankyou-new .thanksMsg>span {
    font-size: 24px;
    padding: 0 0 0 30px;
    font-weight: 300;
}
.thankyou-new span.errormsg {
    text-align: center;
    width: 100%;
    top: 50px;
}
.get-started-li-btn:hover, .get-started-li-btn:active, .get-started-li-btn:focus{
    outline: none !important;
}
/** Homapge changes July 2020**/
.homepage-main.hm-aug .client-section {
    position: relative;
}

.homepage-main.hm-aug .hero-sec {
    height: auto;
    max-height: none;
    padding-bottom: 50px;
}
.homepage-main.hm-aug .testimonial-inner{
    padding: 0;
    border: none;
    max-width: 100%;
    min-width: 100%;
    min-height: auto;
}
.homepage-main.hm-aug .testimonial-inner p{
    font-size: 20px;
    line-height: 28px;
}
.homepage-main.hm-aug .client-section img.img-responsive {
    max-width: 490px;
}
.homepage-main.hm-aug .testimonial {
    display: block;
    margin: 0 auto;
}
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.homepage-main.hm-aug .testimonials-slider .owl-controls .owl-nav div {
    height: 11px;
    width: 11px;
    bottom: 0;
    top: auto;
    padding: 0;
}
.homepage-main.hm-aug .testimonials-slider .owl-controls .owl-nav .owl-prev {
    right: 20px;
}
.homepage-main.hm-aug .testimonials-slider .owl-controls .owl-nav .owl-next {
    left: calc(100% + -8px);
}
.homepage-main.hm-aug .testimonials-slider .blockquote {
    background: url(../img/quote.svg) no-repeat top left;
    padding: 8px 10px 0 40px;
    margin-left: 8px;
    background-position-y: 6px;
    background-size: 32px;
}

.homepage-main.hm-aug .testimonials-slider .blockquote span {
    font-size: 14px;
}
.homepage-main.hm-aug .container.center-sec {
    margin-top: 100px;
    z-index: 9;
    position: relative;
}

/*MVP banner*/
h2.ds-heading-legend {
    font-size: 16px;
    font-weight: normal;
    position: relative;
}
h2.ds-heading-legend:after,h2.ds-heading-legend:before {
    content: "";
    height: 10px;
    left: 10%;
    width: 34%;
    background: transparent;
    border-top: 1px solid #5C63E5;
    display: inline-block;
    position: absolute;
    top: 10px;
    border-left: 1px solid #5C63E5;
    right: calc(50% + 70px);
}
h2.ds-heading-legend:before {
    right: 10%;
    top: 10px;
    border-right: 1px solid #5C63E5;
    left: calc(50% + 70px);
    border-left: none;
}
.item .ds-headingliner + img.img-responsive {
    position: relative;
}
.homepage-main .ds-headingliner {
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 40px;
    margin-top: 10px;
    color: #2B265E;
}
.homepage-main.hm-aug .homepage-hero-slider .owl-controls{
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}




.homepage-main.hm-aug #item1:before {
    content: "";
    height: 100vh;
    width: 100%;
    position: absolute;
    left: 0;
    background-position: center left;
    pointer-events: none;
    background: #4ebe8c;
    background: -o-linear-gradient(left, #4ebe8c 0%, #faf979 100%);
    background: -webkit-gradient(linear, left top, right top, from(#4ebe8c), to(#faf979));
    background: linear-gradient(to right, #4ebe8c 0%, #faf979 100%);
}


.homepage-main.hm-aug #item1:after {
    content: "";
    height: 100%;
    width: 100%;
    background: url('../img/Flares.svg') no-repeat;
    position: absolute;
    left: 0;
    background-position: center left;
    pointer-events: none;
    top: 0;
}
.homepage-main.hm-aug #item2:before {
    content: "";
    height: 100vh;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center left;
    pointer-events: none;
    background: #4ebe8c;
    background: -o-linear-gradient(213.37deg, #F5FFB5 3.23%, #60F0BD 95.92%);
    background: -webkit-gradient(linear, left top, right top, from(#F5FFB5), to(#60F0BD));
    background: linear-gradient(213deg, #F5FFB5 3%, #60F0BD 95%);
}
.homepage-main.hm-aug .slides .client-section:after{
    content: none;
}
.homepage-hero-slider.owl-theme .owl-dots .owl-dot.active span,.homepage-hero-slider.owl-theme .owl-dots .owl-dot span {
    background: #fff !important;
    position: relative;
}
.homepage-hero-slider.owl-theme .owl-dots .owl-dot.active span:after {
    content: "";
    height: 18px;
    width: 18px;
    background: transparent;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 10px;
    top: -4px;
    position: absolute;
    left: -4px;
}
.ds-main h2.ds-heading-legend {
    width: 100%;
    max-width: none;
    margin: 0 auto;
}


/**text-only-template**/
.text-only-template {
    background: #fff;
    padding: 55px 0;
    font-size: 18px;
    line-height: 32px;
}
.text-only-template .content_headline {
    margin-bottom: 20px;
    margin-top: 30px;
    font-weight: 700;
    color: #000000;
    }
.text-only-template div > strong {
    margin: 40px 0 10px;
    display: block;
}
.text-only-template a{
    color: #F16334;
}

/*Plain text template*/
.text-only-template .ds-subheading{
	margin: 20px 0 15px;
}
.text-only-template .regular-p {
    font-size: 16px;
	line-height: 28px;
	margin-bottom: 20px;
}
.text-only-template ul li{
	font-size: 16px;
	line-height: 28px;
}
.text-only-template .sign{
	font-size: 18px;
    font-weight: 700;
}
.regular-p.question {
    margin: 0 0 10px 0;
}
.text-only-template + .footer-container {
    margin-top: 0;
}


/** Homepage August**/
.hm-aug .hero-sec .container.text-center {
    position: relative;
    z-index: 1;
}
.hm-aug .hero-sec {
    height: auto;
    max-height: none;
    position: relative;
    min-height: auto;
}
.hm-aug .hm-heroimg{
    text-align: center;
}
.hm-aug .hm-heroimg img{
    margin: auto;
    max-height: 67vh;
}
.hm-aug .hero-sec:before {
    content: "";
    width: 100%;
    background: #4ebe8c;
    background: -o-linear-gradient(left, #4ebe8c 0%, #faf979 100%);
    background: -webkit-gradient(linear, left top, right top, from(#4ebe8c), to(#faf979));
    background: linear-gradient(to right, #4ebe8c 0%, #faf979 100%);
    display: inline-block;
    left: 0;
    bottom: 0;
    top: 0;
    position: absolute;
}
.hm-aug .hero-sec:after {
    content: "";
    height: 540px;
    width: 100%;
    background: url(../img/Flares.svg) no-repeat;
    position: absolute;
    left: 0;
    background-position: center left;
    pointer-events: none;
    opacity: 1;
    top: 0;
}
.hm-aug .owl-carousel .owl-stage-outer{
    z-index: 9;
}
.hm-aug .hero-sec h1,.hm-aug .hero-sec .h1 {
    padding: 20px 0 0;
    max-width: 890px;
    font-size: 36px;
    line-height: 50px;
    margin: 80px auto 12px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    color: #2B265E;
}
.hm-aug .hero-sec a.get-started-li-btn.btn-lg {
    margin-bottom: 40px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
body:not(.mobile-blocks) .homepage-main.hm-aug{
    background: #fff;
    float: left;
    width: 100%;
}
.hm-aug .pillar-inner-left a {
    box-shadow: 0px 4px 70px rgba(0, 0, 0, 0.25);
    display: inline-block;
}
.hm-pillar-1{
    background-image: url(../img/pillar-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	display: block;
	height:279px;
    width: 496px;    
}
.hm-pillar-2{
    background-image: url(../img/pillar-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	display: block;
	height:279px;
	width: 496px;
}
.hm-pillar-3{
    background-image: url(../img/pillar-3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	display: block;
	height:279px;
	width: 496px;
}

.hm-aug .cx-pillar{
     border: none;
     position: relative;
     z-index: 1;
     overflow: hidden;
}
.hm-aug .cx-pillar:after {
    position: absolute;
    content: "";
    height: 100%;
    background: #D8F8FF;
    width: 120%;
    display: inline-block;
    top: 0;
    left: 0;
    z-index: -1;
    border-bottom-right-radius: 100%;
}
.hm-aug .cx-pillar-2:after {
    background-color: #D8FFEF;
}
.hm-aug .cx-pillar-3:after {
    background-color: #D8FFDA;
}
.hm-aug .pillar-title {
    font-size: 46px;
    padding: 20px 0 50px;
}
.hm-aug .pillar-inner-right h4 {
    margin-bottom: 19px;
}
.bottom-banner .workpage-slider{
    margin-left:auto;
    margin-right:auto;
    max-width: 100%;
}
.hm-aug .pillar-inner-right .get-started-btn {
    margin-top: 25px;
}
.homepage-main.hm-aug .client-section {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 0 40px;
    margin-top: 50px;
}
.hm-aug.homepage-main .testimonial-inner {
    background: transparent;
}
.hm-aug .hm-cs-heading{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 40px;
}
.hm-aug .cx-pillar.cx-pillar-1 {
    margin-top: 25px;
}
.hm-aug .pillar-content-last {
    margin: 23px 0 0;
}
.hm-aug .hm-heroimg {
    min-height: 300px;
    margin-top: -30px;
}
.hm-aug .testimonials-slider .owl-controls .owl-nav div:hover, .hm-aug .testimonials-slider .owl-controls .owl-nav div:focus, .hm-aug .testimonials-slider .owl-controls .owl-nav div:active {
    border-color: #333;
}

/** 04082020 **/

.hm-aug-slider-item .ds-main {
    padding: 50px 0;
    background: transparent;
}
.hm-aug-slider-sec .owl-stage-outer {
    background: rgb(96,240,189); 
    background: -moz-linear-gradient(204deg, rgba(245,255,181,1)  3%,rgba(96,240,189,1) 95%);
    background: -webkit-linear-gradient(204deg, rgba(245,255,181,1)  3%,rgba(96,240,189,1) 95%); 
    background: linear-gradient(204deg, rgba(245,255,181,1)  3%,rgba(96,240,189,1) 95%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60f0bd', endColorstr='#f5ffb5',GradientType=1 );
}
#hmitem2 {
    display: inline-block;
    width: 100%;
    padding: 30px 0 108px;
}
.hm-aug-slider-sec {
    margin-bottom: 20px;
}
.hm-aug-slider-item .ds-headingliner {
    margin-bottom: 10px;
}
.hm-aug-slider.owl-theme .owl-dots .owl-dot span{
    background-color: #AEAEAE !important;
    position: relative;
    width: 8px;
    height: 8px;
}
.hm-aug-slider.owl-theme .owl-dots .owl-dot:hover span,.hm-aug-slider.owl-theme .owl-dots .owl-dot.active span {
    background: #AEAEAE!important;    
}
.hm-aug-slider.owl-theme .owl-dots .owl-dot.active span:after {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    border: 1px solid #AEAEAE;
    display: inline-block;
    left: -4px;
    top: -4px;
    border-radius: 50%;
}
.hm-aug .owl-carousel .owl-item img{
    width: auto;
}
.hm-aug-slider .owl-controls {
    position: absolute;
    bottom: -60px;
    right: 20px;
    z-index: 9;
}

.p-left-grid {
    float: left;
    max-width: 300px;
}
.p-right-grid {
    float: left;
    max-width: 770px;
    padding: 30px;
}
ul.vartical-grid {
    list-style: none;
    padding: 0;
    margin-right: 20px;
}
.hm-pillar3-img2 {
    position: absolute;
    max-width: 200px;
    right: -30px;
    bottom: -20px;
}
.hm-pillar3-img2 img{
    filter: drop-shadow(0px 4px 70px rgba(0, 0, 0, 0.25));
    -webkit-filter: drop-shadow(0px 4px 70px rgba(0, 0, 0, 0.25));
}
.hm-pillar3-img1 img{
    filter: drop-shadow(0 18.7px 21.96px rgba(48, 48, 48, 0.13));
    -webkit-filter: drop-shadow(0 18.7px 21.96px rgba(48, 48, 48, 0.13));
}
.hm-pillar3-img {
    position: relative;
}
.vartical-grid li h3 {
    font-size: 45px;
    font-weight: 500;
}
#hmslide2 img.img-responsive {
    width: 100%;
}
.homepage-main.hm-aug .client-section:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 200px;
    display: inline-block;
    background: #b1b1b1;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.cxpillar-sec1 {
    margin-top: 50px;
}
section.cxpillar-sec3 {
    padding-bottom: 170px;
    margin-bottom: -40px;
}
.read-case:hover {
    color: #EA440E;
}
.homepage-main.hm-aug .testimonials-slider .owl-controls .owl-nav div{
    z-index: 9;
}
.hm-aug3 .left-content {
    float: right;
    padding-left: 30px;
}
.hm-aug3 .left-content h2 {
    font-size: 34px;
    margin-bottom: 25px;
}
.hm-aug3 .left-content p {
    font-size: 24px;
    margin-bottom: 10px;
}

.section1 h2{font-family: Roboto; font-style: normal;font-style: normal; font-weight: bold; position:relative; font-size: 36px;line-height: 50px;color: #333333; text-align: center; max-width: 800px; margin: 0 auto 90px;}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.owl-theme .owl-dots .owl-dot span{
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.section-inner{max-width: 1140px;  margin: 0 auto;}
.section-left{width: 630px; height: 630px; float: left; border-radius: 50%;  background: #84D7AA;position: relative;}
.section-left img {position: absolute; top: 120px; left: 90px; height: 407px; box-shadow: 0px 4px 70px rgba(48, 48, 48, 0.25);}
.section-left:after{background-image:url(../img/arrow-vectr.png); background-repeat:no-repeat; content: ""; height: 277px; width: 400px; position: absolute; top: 5%; left: 23%;}
.section-right{float: right; width:44.5%;position: relative;}
.heading-main{font-family: Roboto;font-style: normal;font-weight: 300;font-size: 24px;line-height: 28px;color: #000000;}
.text-orange{color:  #F16334; font-weight: bold;}
.sub-heading{font-family: Roboto;font-style: normal;font-weight: 500;font-size: 34px;line-height: 34px;color: #333;margin: 10px 0 0;}
.digi-commerce{width: 67%;padding-top: 70px;}
.digi-commerce h3{color:#333; margin: 56px 0 15px;}
.digi-commerce ul, .cust-section ul{padding-left: 0;width: 60%;}
.digi-commerce ul li, .cust-section ul li{list-style-type: none;border-bottom: 1px solid #B1B1B1; padding: 15px 0;}
.digi-commerce ul li:last-child, .cust-section ul li:last-child{border-bottom: none;}
.top-heading{font-family: Roboto; font-style: normal; font-weight: 500; font-size: 45px; line-height: 53px; color: #333333;}
.heading-val{font-family: Roboto; font-style: normal; font-weight: bold; font-size: 20px; line-height: 20px; color: #333333;}
.heading-desc{font-family: Roboto; font-style: normal; font-weight: 300; font-size: 16px; line-height: 19px; color: #333333;}
.read-case{font-family: Roboto;font-style: normal;font-weight: 500;font-size: 18px;line-height: 21px;color: #F16334;}
.arrow-up-orange{background:url(../img/icon-orangeup.svg)no-repeat; width:36px; height: 28px; display: inline-block;}
.borderB0{border-bottom: 0 !important;}
.section-img{background:url(../img/rect-img.png)no-repeat; float: right;position: relative; width: 651px; background-position-y: 80px; height: 731px;}
.hm-aug7 .section-img:after {
	background-image: url(../img/arrow-right-curve.png);
    background-repeat: no-repeat;
    content: "";
    height: 170px;
    width: 105px;
	position: absolute;
    left: 5%;
    top: 90px;
}
.section-img img{position: absolute; top: 120px; right: 313px; height: 407px; box-shadow: 0px 4px 70px rgba(48, 48, 48, 0.25);}
.headings{position: absolute; left: 104px; z-index: 1; top: 30px;}
.spacer50{height:50px; clear: both;}
.exp-graph ul{padding-left:0;}
.exp-graph ul li:first-child{padding-left: 0}
.exp-graph ul li:last-child{border-right: none;}
.exp-graph ul li{display: inline-block; border-right: 1px solid #CCCCCC; padding: 0 30px;   max-width: 25%;vertical-align: top;}
.marginT20{margin-top:20px!important;}
.strat-icon{background:url(../img/strategy-icon.png)no-repeat;width: 72px; height: 44px; position: absolute; top: 10px; right: 5px;}
.section-img1{background:url(../img/shape1.png)no-repeat; float: left;position: relative; width: 676px; height: 637px;}
.headings-customer:after{background-image:url(../img/arrow-vectr2.png); background-repeat:no-repeat; content: ""; height: 300px; width: 272px;position: absolute; top: 100%; z-index: 1; left: 44%;}
.section-img1 img{ position: absolute; bottom: 13px; left: 426px; filter: drop-shadow(0px 4px 70px rgba(48, 48, 48, 0.25)); max-width: 100%; -webkit-filter: drop-shadow(0px 4px 70px rgba(48, 48, 48, 0.25)); }
.section-img2, .section-inner{position: relative;}
.section-img2 img{ position: absolute; right: 0px; top: 395px; width: 200px; filter: drop-shadow(0px 4px 70px rgba(48, 48, 48, 0.25)); border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; -webkit-filter: drop-shadow(0px 4px 70px rgba(48, 48, 48, 0.25)); }
.cust-section{width: 35%;  position: absolute; top: 159px; left: 152px;}
.cust-section ul li:first-child{border-bottom: none;}
.img-shape{background:url(../img/vect-img.png)no-repeat; position: absolute; width: 162px; height: 99px; top: 111px; right: 70%; }
.img-arrow{background: url(../img/arrow-dotted.png)no-repeat; position: absolute; width: 29px; height: 77px; top: 74px; left:30%;}
.headings-customer{position: absolute; right: 165px;top: 85px;}
.bottom-banner .workpage-slider{ margin-left:auto; margin-right:auto; max-width: 100%;}
.w-slide2 {background: linear-gradient(337.23deg, #F5FFB5 -19.3%, #5CFFE3 111.56%);}
.workpage-slider .item {width: 100%;}
.left-content h2{font-style: normal; font-weight: bold;font-size: 42px; line-height: 50px; color: #2B265E; margin-bottom: 10px;margin-top: 0;}
.left-content p{font-weight: 500; font-size: 20px; line-height: 23px; color: #2B265E;}
.right-content {width: 60%;float: right; position: relative; z-index: 9;}
.left-content {width: 40%;float: left; position: relative;z-index: 9;text-align: left;}
.workpage-slider .item:after, .workpage-slider .item:before {content: ""; position: absolute; left: 0; width: 100%; top: 0; bottom: 0; display: inline-block; background-repeat: no-repeat;}
.workpage-slider .item.w-slide2:after {background-image: url(../img/wp-slide1-bg.svg); background-position: right bottom; background-size: cover;}
.workpage-slider .item.w-slide2:before { background-image: none;}
.workpage-slider {margin: 30px 0 50px;  display: inline-block;width: inherit;filter: drop-shadow(0 19px 16px rgba(0, 0, 0, 0.2));}
.get-started-btn {background: #F16334; color: #fff !important; border-radius: 6px; margin: auto; display: inline-block; padding: 7px 30px !important;  font-size: 16px;  margin-top: 20px; -webkit-border-radius: 6px;-moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; margin-top: 8px;}
.item a.get-started-btn { padding: 10px 20px !important;}

/**Home page hm-aug7**/
.hm-aug7 .hm-aug-slider .owl-controls {
    position: absolute;
    bottom: 55px;
    right: 50%;
    z-index: 9;
    transform: translate(50%, 0);
}
.homepage-main.hm-aug7 .client-section:after {
    content: none;
}
.homepage-main.hm-aug7 .testimonial-inner p{
	font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 32px;
    color: #000000;
    min-height: 208px;
}
.homepage-main.hm-aug7 .testimonials-slider .blockquote span{
	font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}
.homepage-main.hm-aug .testimonial {
    display: block;
    margin: 0 auto;
    background: #FEFFCF;
    box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding-bottom: 40px;
}

.homepage-main.hm-aug .testimonials-slider .blockquote {
    background: none;
    padding: 8px 30px 0;
    margin-left: 8px;
    background-size: 32px;
}
.hm-aug7 .heading-main {
	font-weight: 300;
	font-size: 22px;
	line-height: 26px;
	color: #000000;
}
.digi-commerce h3 {
    color: #333;
	margin: 56px 0 10px;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
}
.digi-commerce h6{
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	padding:0;
}
.hm-aug7 .section-left img {
    position: absolute;
    top: 64px;
    left: 0px;
    height: auto;
    width: 830px;
    box-shadow: none;
}

.hm-aug7 .section-img img{
	box-shadow: none;
    position: absolute;
    top: 100px;
    right: 22px;
    height: auto;
    width: 1085px;
}

.hm-aug7 h6.sub-liner{
	font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    padding: 7px 0 0 0;
    margin: 0;
}
.hm-aug7 .hm-aug-slider.owl-theme .owl-dots .owl-dot:hover span, .hm-aug7 .hm-aug-slider.owl-theme .owl-dots .owl-dot.active span{
	background: #767676 !important;
}
.hm-aug7 .exp-graph {
    clear: both;
    width: 77%;
    margin: 0 0 0 100px;
    position: relative;
    bottom: 116px;
}
.hm-aug7 .headings-customer:after {
    background-image: url(../img/right-dotted-arrow.png);
    background-repeat: no-repeat;
    content: "";
    height: 300px;
    width: 272px;
    position: absolute;
    top: 42%;
    z-index: 1;
    left: 94%;
}
.hm-aug7 .left-content {
    float: right;
    padding-left: 30px;
}
.hm-aug7 .left-content h2 {
    font-size: 34px;
    margin-bottom: 25px;
}
.hm-aug7 .top-heading {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 53px;
    color: #333333;
}
.hm-aug7 .owl-controls{
	position: absolute;
    right: 25px;
    bottom: -5px;
}
.hm-aug7 .cxpillar-sec1 .heading-main, .hm-aug7 .cxpillar-sec1 .sub-heading {
    position: absolute;
    left: -60px;
    top: -10px;
}
.hm-aug7 .cxpillar-sec1 .sub-heading {
    margin-top: 29px;
}
.hm-aug .workpage-slider .item{
    margin-left:0 ;
}
.clogo-grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}
.clogo-grid span {
    height: 55px;
    background: url(../img/clogo-color.png) no-repeat;
    color: white;
    margin: 10px 0;
    flex: 1 1 auto;
    width: 25%;
    background-size: 1130px;
    transition: box-shadow 0.5s ease;
    -webkit-transition: box-shadow 0.5s ease;
    -moz-transition: box-shadow 0.5s ease;
    -ms-transition: box-shadow 0.5s ease;
    -o-transition: box-shadow 0.5s ease;
}
.clogo-grid span.w-12 { 
    width: 12.5%; 
} 

.clogo-grid span.clogo-hp {
    background-position: 12px 3px;
}
.clogo-grid span.clogo-hp.active {
    background-position: -570px 3px;
}

.clogo-grid span.clogo-hpe {
    background-position: -119px 6px;
}
.clogo-grid span.clogo-hpe.active {
    background-position: -701px 6px;
}  

.clogo-grid span.clogo-cisco {
    background-position: -274px 6px;
}
.clogo-grid span.clogo-cisco.active {
    background-position: -856px 6px;
}

.clogo-grid span.clogo-docusign {
    background-position: -407px 2px;
}
.clogo-grid span.clogo-docusign.active {
    background-position: -990px 2px;
}

.clogo-grid span.clogo-infina {
    background-position: 10px -52px;
}
.clogo-grid span.clogo-infina.active {
    background-position: -572px -52px;
}

.clogo-grid span.clogo-apttus{
    background-position: -120px -54px;
}
.clogo-grid span.clogo-apttus.active {
    background-position: -702px -54px;
}

.clogo-grid .clogo-ameritrade { 
	background-position: -272px -54px;
}
.clogo-grid .clogo-ameritrade.active { 
	background-position: -855px -54px;
}

.clogo-grid span.clogo-ttx {
    background-position: -407px -55px;
}
.clogo-grid span.clogo-ttx.active {
    background-position: -989px -55px;
}

.clogo-grid .clogo-fm {
    background-position: 12px -120px;
}
.clogo-grid .clogo-fm.active {
    background-position: -570px -120px;
}

.clogo-grid span.clogo-intel{
    background-position: -120px -120px;
}
.clogo-grid span.clogo-intel.active {
    background-position:-702px -120px;
}

.clogo-grid span.clogo-4r {
    background-position: -194px -120px;
}
.clogo-grid span.clogo-4r.active {
    background-position: -777px -120px;
}

.clogo-grid span.clogo-sverve {
    background-position: -269px -120px;
}
.clogo-grid span.clogo-sverve.active {
    background-position: -852px -120px;
}

.clogo-grid span.clogo-fusion {
    background-position: -404px -118px;
}
.clogo-grid span.clogo-fusion.active {
    background-position: -987px -118px;
}

.clogo-grid span.clogo-avit {
    background-position: 11px -182px;
}
.clogo-grid span.clogo-avit.active {
    background-position: -571px -182px;
}

.clogo-grid span.clogo-bloom {
    background-position:-120px -177px;
} 
.clogo-grid span.clogo-bloom.active {
    background-position:-702px -177px;
} 

.clogo-grid span.clogo-tp {
    background-position: -267px -177px;
}
.clogo-grid span.clogo-tp.active {
    background-position: -850px -177px;
}

.clogo-grid span.clogo-stellr {
    background-position: -410px -176px;
}
.clogo-grid span.clogo-stellr.active {
    background-position: -993px -176px;
}
 
 
@media (max-width : 1366px)
{
	.hm-aug7 .section-img:after {
        left: 15%;
    }
}

@media (max-width : 1024px){
	.hm-aug7 .section-left img {
		height: auto;
		width: 575px;
	}
	.headings {
		left: 134px;
	}
	.hm-aug7 .section-img:after {
        left: 33%;
        height: 130px;
        background-size: contain;
	}
	.headings-customer {
		right: 281px;
		top: 105px;
	}
	.hm-aug7 .left-content h2 {
		font-size: 27px;
		margin-bottom: 25px;
	}
	section.cxpillar-sec3 {
		padding-bottom: 84px;
	}	
}

@media only screen and (max-width : 768px){
    .section-right {
        width: 41.5%;
    }
	.hm-aug7 .homepage-main.hm-aug .testimonials-slider .blockquote {
		padding: 20px 60px 0;
		margin-left: 0;
	}
	.hm-aug7 .client-section .owl-controls{
		position: absolute;
		bottom: 30px;
		right: 33px;
	}
	.hm-aug7 .section-left img {
		top: 95px;
		height: auto;
		width: 417px;
	}
	.homepage-main.hm-aug7 .testimonial-inner p {
		font-size: 14px;
	}
	.homepage-main.hm-aug7 .testimonials-slider .blockquote span {
		font-size: 10px;
	}
	.section-left:after {
		height: 277px;
		width: 213px;
		top: -14%;
		left: 40%;
	}
	.headings {
		left: 87px;
	}
	.exp-graph ul {
		width: 132%;
	}	
	.exp-graph .marginT20 {
		float: left;
	}
	.left-content p {
		line-height: 12px;
		margin: 0 0 12px;
		font-size: 14px;
	}
	.hm-aug7 .headings-customer:after {
        top: 70%;
        z-index: 1;
        left: 83%;
        height: 194px;
        background-size: contain;
	}
	.headings-customer {
		right: 93px;
		top: 105px;
		z-index: 2;
	}
	.section-left:after {
		height: 277px;
		width: 213px;
		top: -15%;
		left: 40%;
	}
	.hm-aug7 .exp-graph {
        width: 95%;
        top: -15px;
        margin: 0;
    }
	.hm-aug7 .left-content h2 {
		font-size: 18px;
	}
}
/* work page */
.wp-main{
	background: #9AF09E;
}
.wp-main:before{
    position: absolute;
    left: 50%;
    width: 1400px;
    height: 1400px;
    display: inline-block;
    top: 0%;
    background: -o-radial-gradient( 50% 50%, 50% 50%, #fff069 0%, rgba(255, 241, 113, 0) 100% );
    background: radial-gradient( 50% 50% at 50% 50%, #fff069 0%, rgba(255, 241, 113, 0) 100% );
    content: "";
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
.wp-main .inner-container{
	position: relative;
}
.workpage-wp .footer-container{
	margin-top:0;
}
.workpage-wp .inner-container{
	max-width: 1255px;
    text-align: left;
    width: 100%;
}
.wp-top{
	text-align: center;
}
h1.wp-mainheading{
	font-style: normal;
	font-weight: bold;
	font-size: 42px;
	line-height: 50px;
	color: #2B265E;
    padding-bottom: 0;
    font-family: Roboto,sans-serif;
}
.wp-headingliner{
	font-style: normal;
	font-weight: normal;
	font-size: 19.2157px;
	line-height: 23px;
	color: #2B265E;
	padding-bottom: 25px;
}
.workflow{
	display: flex;
    align-items: center;
    justify-content: center;
}
span.worktabs{
	font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #000000;
    border-radius: 50px;
    border: 1px solid #666666;
    padding: 8px 18px;
    margin: 0 10px;
}
.wp-tile-main{margin:50px 0;}
.wp-tile-section-top{}
.wp-tile{}
.wp-tile-title{
	font-weight: bold;
	font-size: 20px;
	line-height: 23px;
	text-align: center;	
	color: #000000;
	padding:15px 0 20px;
}
.wp-tile-img{}
.wp-tile-text{
	padding:10px 20px 20px;
	text-align: center;
	background: rgba(252, 250, 115, 0.3);
}
.wp-idea{
	font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #333333;
	justify-content: center;	
	border-bottom: 1px solid #F16334;
	padding: 0 0 8px 0;
}
.wp-idea-icon{
	display: inline-block;
	background: url(../img/idea-icon.svg) no-repeat;
	height:18px;
	width:18px;
	margin-right:6px;
}
.wp-idea-content{
	box-sizing: border-box;
	padding: 10px 30px;
	margin: 0 20px 10px;
	min-height:116px;
}
.wp-idea-content.wp-idea-empty{
	min-height: 56px;
}
.wp-idea-content ul{
	text-align: center;
	margin: 0;
	padding:0;
}
.wp-idea-content ul li, .wp-idea-content p{
	list-style-type: none;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.wp-to-add{
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.wp-add-matrix{
	font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: baseline;
    text-align: center;
    color: #333333;
    justify-content: center;
    min-height: 160px;
    position: relative;
    top: 30px;
}
.wp-tile-desc{
	font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #000000;
    margin: 20px 0;
	padding: 0 25px;
}
.wp-matrix{
	display: flex;
	text-align: left;
	min-height: 90px;
	margin-bottom: 10px;
}
.wp-matrix-inner{
	/* min-width: 24%;
	padding: 0 5% 0 0; */
	max-width: 116px;
    padding: 0 4% 0 0;
}
.wp-matrix .wp-matrix-inner:last-child{
	padding-right:0;
}
.wp-matrix-inner ul{
	padding-left: 45px;
    margin: 0;
    display: flex;
    align-items: center;
}
.wp-matrix-inner ul li{
	font-size: 14px;
    line-height: 20px;
    color: #333333;
    padding: 0 35px 0 0;
}
.wp-matrix .wp-empty-matrix{
	display: block;
    height: 124px;
    width: 100%;
}
.wp-matrix-blocklist{
	max-width: 100%;
}
.wp-matrix-blocklist ul {
    padding-left: 70px;
	margin: 20px 0 10px;
	display: block;
}
.wp-matrix-blocklist ul li {
    padding: 0 35px 5px 0;
}
.wp-matrix-heading{
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;	
	color: #2F2F2F;
}
.wp-matrix-text{
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	color: #2F2F2F;
}
.wp-tile-lg .wp-tile .wp-tile-text{
	padding: 10px 15px 20px;
}
.wp-tile-lg .wp-tile .wp-tile-text .wp-tile-desc{
	padding: 0;
    margin: 20px 0 5px;
}
.wp-matrix-liner{
	font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #2F2F2F;
    margin-bottom: 15px;
}
.wp-tile-text .get-started-btn{
	padding: 8px 22px !important;
	font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #F16334 !important;
    border: 1px solid #F16334;
    box-sizing: border-box;
    filter: drop-shadow(0px 8px 48px rgba(255, 122, 0, 0.3));
    border-radius: 4px;
	background: transparent;
	margin: 0 auto;
}
.wp-tile-text .get-started-btn:hover {
	background: #F16334;
	color: #fff !important;
	text-decoration: none;
    outline: 0;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
	cursor: pointer;
	margin: 0 auto;
}
.wp-tile-text .coming-soon-btn{
	pointer-events: none;
    cursor: none;
    opacity: 0.3;
}
.wp-tile-img a {
	display: block;
}
.wp-static-img {
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
	background-size: cover;
	height: 238px;
	width:100%;
}
.wp-static-img:hover {
	cursor: pointer;
	box-shadow: 0px 18px 72px rgba(0, 0, 0, 0.3);
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	background-image: url("");
}
.wp-static-ccw {
	background-image: url("../img/Page-tile-animation/ccw.png");
}
.wp-static-ccw:hover {
	background-image: url("../img/Page-tile-animation/ccw-animation.gif");
}
.wp-static-cr {
	background-image: url("../img/Page-tile-animation/cr.png");
}
.wp-static-cr:hover {
	background-image: url("../img/Page-tile-animation/cr-animation.gif");
}
.wp-static-infina {
	background-image: url("../img/Page-tile-animation/infina.png");
}
.wp-static-infina:hover {
	background-image: url("../img/Page-tile-animation/infina-animation.gif");
}
.wp-static-sales {
	background-image: url("../img/Page-tile-animation/sales.png");
}
.wp-static-cpq {
	background-image: url("../img/Page-tile-animation/cpq.png");
}
.wp-static-cpq:hover {
	background-image: url("../img/Page-tile-animation/cpq.png");
}
.wp-static-sales:hover {
	background-image: url("../img/Page-tile-animation/sales-animation.gif");
}
.wp-static-retail {
	background-image: url("../img/Page-tile-animation/retail.png");
}
.wp-static-retail:hover {
	background-image: url("../img/Page-tile-animation/retail-animation.gif");
}
.wp-static-finance {
	background-image: url("../img/Page-tile-animation/investment.png");
}
.wp-static-finance:hover {
	background-image: url("../img/Page-tile-animation/investment.png");
}
.wp-static-touchsmart {
	background-image: url("../img/Page-tile-animation/touchsmart.png");
}
.wp-static-touchsmart:hover {
	background-image: url("../img/Page-tile-animation/touchsmart-animation.gif");
}
.wp-static-smartenergy {
	background-image: url("../img/Page-tile-animation/smart-energy.png");
}
.wp-static-smartenergy:hover {
	background-image: url("../img/Page-tile-animation/smart-energy-animation.gif");
}
.wp-static-learning {
	background-image: url("../img/Page-tile-animation/e-learning.png");
}
.wp-static-learning:hover {
	background-image: url("../img/Page-tile-animation/e-learning.png");
}
.wp-main .bottom-banner{    
	display: block;
	padding: 0 15px;
}
.wp-main .bottom-banner .workpage-slider {
    margin-left: auto;
    margin-right: auto;
	max-width: 100%;
	display: flex;
}
.wp-main .workpage-slider .item {
    width: 100%;
    margin-left: 0;
}
.wp-main .workpage-slider .item:after, .wp-main .workpage-slider .item:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    display: inline-block;
	background-repeat: no-repeat;
	background-image: none;
}
.wp-main .left-content {
    width: 40%;
    float: right;
    padding-left: 30px;
    position: relative;
    z-index: 9;
    text-align: left;
}
.wp-main .right-content {
    width: 60%;
    float: right;
    position: relative;
    z-index: 9;
}
.wp-main .left-content p {
    font-weight: 500;
    line-height: 23px;
	color: #2B265E;
	font-size: 24px;
    margin-bottom: 10px;
}
.wp-main .left-content h2 {
    font-style: normal;
    font-weight: bold;
    line-height: 50px;
    color: #2B265E;
	margin-top: 0;
	font-size: 34px;
    margin-bottom: 25px;
}
.wp-main .workpage-slider .item.w-slide2:after {
    background-image: url(../img/wp-slide1-bg.svg);
    background-position: right bottom;
	background-size: cover;
	content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    display: inline-block;
    background-repeat: no-repeat;
}
@media only screen and (max-width : 1024px)
{
	.wp-tile-title {
		font-weight: bold;
		font-size: 18px;
		line-height: 23px;
		text-align: center;
		color: #000000;
		padding: 15px 0 20px;
	}
	.wp-tile-text {
		padding: 10px 7px 20px;
	}
	.wp-idea-content {
		padding: 10px 14px;
	}
	.wp-tile-desc {
		padding: 0 19px;
		font-size: 11px;
		padding: 0 25px;
	}
	.wp-matrix-inner ul li {
		font-size: 11px;
	}
	.wp-matrix-heading {
		font-size: 11px;
	}
	.wp-matrix-liner {
		font-size: 12px;
	}
	.wp-idea-content ul li {
		font-size: 11px;
	}
	.wp-static-img{
		height: 190px;
		width: 100%;
	}
	.wp-matrix-blocklist ul{
		padding-left: 56px;
	}
}

@media only screen and (max-width : 768px)
{
	.wp-static-img {
		height: 458px;
		width: 729px;
	}
	.wp-matrix-inner {
		min-width: 32%;
	}
	.wp-matrix {
		max-width: 550px;
		margin: 0 auto;
	}
	.wp-tile-text {
		padding: 10px 7px 20px;
		margin-bottom: 50px;
	}
	.wp-tile-desc {
		font-size: 14px;
	}
	.wp-idea-content ul li {
		font-size: 12px;
	}
	.wp-matrix-inner ul {
		padding-left: 141px;
	}
	.wp-matrix-inner ul li {
		font-size: 14px;
	}
	.wp-tile-lg .wp-tile .wp-tile-text {
		padding: 20px;
	}
	.wp-main .left-content p {
		line-height: 23px;
		font-size: 13px;
		margin-bottom: 10px;
	}
	.wp-main .left-content h2 {
		line-height: 34px;
		font-size: 18px;
		margin-bottom: 8px;
	}
	.item a.get-started-btn{
		font-size: 13px;
		padding: 5px 15px !important;
	}
	.wp-tile-sm{
		margin:50px 0 0;
	}
	.wp-tile-lg{
		margin:0;
	}
	h1.wp-mainheading {
		font-style: normal;
		font-weight: bold;
		font-size: 39px;
	}
	.wp-tile-title {
		font-size: 24px;
	}
}


/*ipad css*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.clogo-grid span {
		width: 25%;
		background-size: 1116px;
	}
	.clogo-grid span.clogo-4r {
		background-position: -226px -156px;
		width: 11%;
		margin-top: 0;
	}
	.clogo-grid span.clogo-4r.active {
		background-position: -807px -158px;
	}
	.clogo-grid span.clogo-intel {
		background-position: -96px 3px;
		width: 14%;
	}
	.clogo-grid span.clogo-cisco {
		background-position: 13px 6px;
		width: 23%;
		max-width: 23%;
	}
	.clogo-grid span.clogo-cisco.active {
		background-position: -570px 5px;
	}
	.clogo-grid span.clogo-docusign {
		background-position: -284px 3px;
		width: 29%;
	}
	.clogo-grid span.clogo-stellr {
		background-position: -246px -58px;
		max-width: 26%;
		background-size: 980px;
		margin-top: 0;
	}
	.clogo-grid .clogo-ameritrade {
		background-position: -332px -74px;
		width: 22%;
		background-size: 970px;
	}

	.clogo-grid span.clogo-fusion {
		background-position: -104px -156px;
		width: 29%;
		margin-top: 0;
	}
	.clogo-grid span.clogo-sverve {
		background-position: -237px -120px;
		background-size: 901px;
		margin-top: 0;
	}
	.clogo-grid span.clogo-hp.active {
		background-position: -773px 3px;
	}
	.clogo-grid span.clogo-avit {
		background-position: -103px -83px;
		width: 14%;
	}
	.clogo-grid span.clogo-apttus {
		background-position: -440px -4px;
		width: 25%;
	}
	.clogo-grid .clogo-fm {
		background-position: 1px -160px;
		max-width: 32%;
	}
	.clogo-grid span.clogo-tp {
		background-position: -430px -160px;
		margin-top: 6px;
	}
	.clogo-grid span.clogo-hp {
		background-position: -193px 2px;
	}
	.clogo-grid span.clogo-infina {
		max-width: 28%;
	}
}
  @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
    .digi-commerce ul li, .cust-section ul li{padding: 5px 0;}
    .hm-aug7 .top-heading {
        font-size: 30px;
    }
    .digi-commerce ul li, .cust-section ul li {
        padding: 10px 0;
    }
      .section-left {
        width: 400px;
        height: 400px;
    }
    .section-left img {
        top: 120px;
        left: 20px;
        width: 100%;
        height: auto;
    }
    .digi-commerce {
        width: 90%;
        padding-top: 30px;
    }
    .digi-commerce ul, .cust-section ul {
        width: 100%;
    }
    .digi-commerce h3 {
        font-size: 19px;
    }
    .section-left:after {
        height: 277px;
        width: 236px;
        top: -14%;
        left: 28%;
    }
    .section1 h2 {
        padding-top: 60px;
    }
    .strat-icon {
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }
    .sub-heading {
        font-size: 21px;
    }
    .section-img:after {
        top: 30px;
        left: 368px;
    }
    .section-img {
        width: 90%;
        height: 500px;
        background-size: contain;
        background-position: right;
    }
    .section-img img {
        top: 90px;
        right: 33px;
        height: auto;
        max-width: 790px;
        left: -110px;
    }
    .headings {
        left: 12px;
        top: 0px;
        max-width: 288px
    }
    .exp-graph {
        width: 85%;
    }
    .exp-graph ul {
        padding-left: 0;
        width: 70%;
        display: inline-block;
    }
    .exp-graph ul li {
        max-width: 32%;
        vertical-align: top;
    }
    .exp-graph .marginT20 {
        width: 30%;
        float: right;
        margin-top: 40px !important;
    }
    .cust-section {
        left: 22px;
    }
    .img-shape {
        right: 50%;
    }
    .img-arrow {
        left: 50%;
    }
    .headings-customer {
        right: 75px;
        top: 155px;
        max-width: 250px;
    }
    .headings-customer:after {
        height: 300px;
        width: 192px;
        top: 100%;
        left: 44%;
        background-size: contain;
    }
    section.cxpillar-sec3 {
        padding-bottom: 170px;
    }
    .section-img1 {
        width: 416px;
        height: 547px;
        background-size: contain;
        background-position: right;
    }
    .section-img1 img {
        bottom: 13px;
        left: 276px;
    }
    .section-img2 img {
        right: 0px;
        top: 435px;
        width: 110px;
    }
    .hm-aug3 .left-content h2 {
        font-size: 19px;
        margin-bottom: 7px;
    }
    .hm-aug3 .left-content p {
        font-size: 14px;
        margin-bottom: 0px;
    }
    .workpage-slider .item {
        margin: 0;
    }
  }
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
    .section-left {
        width: 520px;
        height: 520px;
    }
    .section-left img {
        top: 120px;
        left: 70px;
        width: 100%;
    }
    .section-right {
        width: 46%;
    }
    .digi-commerce {
        width: 87%;
        padding-top: 52px;
    }
    .hm-aug7 .section-img img {
        right: -8px;
        width: 1005px;
    }
    .hm-aug7 .section-img:after {
        left: 16%;
        height: 160px;
        background-size: contain;
    }
    .section-left:after {
        height: 237px;
        width: 320px;
        top: 3%;
        left: 20%;
        background-size: contain;
    }
    .headings {
        left: -5px;
    }
    .exp-graph {
        margin-left: 20px;
        width: 80%;
    }
    .cust-section {
        top: 99px;
        left: 52px;
    }
    .section-img1 img {
        bottom: 13px;
        left: 296px;
    }
    .section-img1 {
        width: 626px;
        height: 647px;
    }
    .headings-customer {
        right: 35px;
        top: 105px;
    }
    .hm-aug7 .headings-customer:after {
        height: 200px;
        width: 252px;
        top: 93%;
        left: 64%;
        background-size: contain;
    }
    .hm-aug3 .left-content h2 {
        font-size: 28px;
    }
    .hm-aug3 .left-content p {
        font-size: 20px;
    }
	   .banner-wrapper.article-banner .content-wrap.wideheading{
        max-width: 1000px;
		width:80%;
}
  }
  /*ipad css*/

/*ipad pro css*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
  	.section-right{ 
        width: 100%; 
        margin: 0 auto;
    }
  	.headings-customer{z-index: 1}
      .section-left {
        width: 520px;
        height: 520px;
    }
    .section-left img {
        top: 120px;
        left: 70px;
        width: 100%;
    }
    .section-right {
        width: 44%;
    }
    .digi-commerce {
        width: 100%;
    }
    .section-left:after {
        height: 237px;
        width: 320px;
        top: 2%;
        left: 27%;
        background-size: contain;
    }
    .section-img:after {
        top: 30px;
        left: 508px;
        height: 320px;
        width: 250px;
        background-size: contain;
    }
    .headings {
        left: 125px;
    }
    .section-img img {
        max-width: 1010px;
    }
    .hm-aug7 .section-img:after {
        left: 35%;
        height: 189px;
        top: 70px;
        width: 110px;
    }
    .exp-graph {
        margin-left: 10%;
        width: 90%;
        bottom: 0;
        padding-top: 80px;
    }
    .section-img {
        width: 90%;
        height: 591px;
        background-size: contain;
        background-position: right;
    }
    .cust-section {
        top: 99px;
        left: 52px;
        width: 25%;
    }
    .section-img1 img {
        bottom: 13px;
        left: 0px;
        width: 100%;
    }
    .section-img2 img {
        width: 180px;
    }
    .section-img1 {
        width: 636px;
        height: 647px;
        float: right;
    }
    .headings-customer {
        right: 287px;
        top: 75px;
        max-width: 340px;
    }
    .headings-customer:after {
        height: 180px;
        width: 282px;
        top: 120%;
        left: 94%;
        background-size: contain;
    }
    .hm-aug3 .left-content h2 {
        font-size: 28px;
    }
    .hm-aug3 .left-content p {
        font-size: 20px;
    }
  }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){

  }
  .only-ipad{
    display: none !important;
}
/*ipad pro css*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
  li.navIndicator {
      display: none !important;
  }
  .hassubmenu{
      display: none !important;
  }
  .only-ipad{
      display: block !important;
  }
  li.nav-item.getstartbtn a.get-started-li-btn {
      width: auto;
      display: inline-block;
  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
    .ipad.small-screens main:not(.small-header-text) .slides,.ipad.small-screens main:not(.small-header-text) .hero-sec{
        min-height: 100vh;
    }
    .homepage-main.hm-aug .pillar-inner-right {
        text-align: center;
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    .homepage-main.hm-aug .client-section img.img-responsive {
        max-width: 100%;
    }
    .homepage-main.hm-aug .testimonial-inner p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px;
    }
    .address-box p {
        width: 100%;
    }
    .hm-aug .pillar-inner-right h4 {
        max-width: 78%;
        margin-left: auto;
        margin-right: auto;
        line-height: 32px;
    }
    .hm-aug .hero-sec:after {
        height: 490px;
        width: 80%;
    }
    .homepage-main.hm-aug .pillar-inner-right {
        text-align: center;
    }
    .homepage-hero-slider .item {
        padding-bottom: 50px;
    }
    .homepage-main .hero-sec{
        min-height: auto;
        max-height: none;
        height: auto;
    }
    .homepage-main .hero-sec .slides{
        min-height: auto;
    }
    .left-content h2{
        font-size: 26px;
        line-height: 36px;
    }
    .left-content p {
        font-size: 14px;
    }
 }
@media only screen 
and (min-device-width : 1025px) 
and (max-device-width : 1366px) 
and (orientation : landscape) { 
    .homepage-hero-slider .item {
        padding-bottom: 70px;
    }
    .navbar-static-top .navbar-brand {
        padding-left: 25px!important;
        background: none;
    }
    .homepage-main.hm-aug .pillar-inner-right {
        text-align: left;
    }
 }
 @media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) 
and (orientation : portrait) { 
    .homepage-main.hm-aug .pillar-inner-right {
        text-align: center;
    }
 }


.ipad #slide1 .hero-inner {
    padding-top: 55px;
    padding-bottom: 0;
}
.ipad.small-screens main:not(.small-header-text) #hero-anim img {
    width: 100%;
}
@media (min-device-width : 1900px) { 
    .hm-aug .owl-carousel .owl-item img,#hmslide2 img.img-responsive {
        width: 120%;
        max-width: none;
        margin-left: -10%;
        max-height: none;
    }
 }

@media(min-width:1024px) and (max-width:1200px){
    .clogo-grid span {
        background-size: 1130px;
    }
}


@media only screen and (min-width: 834px) and (max-width: 1194px)  { }

@media only screen and (min-width: 768px) and (max-width: 1024px)  { }
@media only screen and (min-width: 834px) { }

@media only screen and (min-height: 1194px) { }

@media only screen and (min-width: 1194px) and (orientation: landscape) {
    .hm-aug7 .section-right {
        width: 40.5%;
    }
    .hm-aug7 .section-left:after {
        width: 410px;
        left: 12%;
    }
    .hm-aug7 .section-left img {
        top: 64px;
        left: -80px;
        width: 790px;
    }    
    .homepage-main.hm-aug7 .container {
        width: 1080px;
    }
    .hm-aug7 .section-left {
        width: 600px;
        height: 600px;
    }
    .hm-aug7 .cxpillar-sec1 .heading-main, .hm-aug7 .cxpillar-sec1 .sub-heading {
        left: -100px;
    }
    .hm-aug7 .sub-heading {
        font-size: 30px;
    }
    .hm-aug7 .digi-commerce {
        width: 88%;
    }
    .hm-aug7 .headings-customer {
        z-index: 1;
    }
    .hm-aug7 .cust-section {
        width: 46%;
        left: 82px;
    }
    .hm-aug7 .section-img1 img {
        left: 386px;
    }
    .hm-aug7 .headings {
        left: 115px;
    }
}

@media only screen and (min-width: 834px) and (orientation: portrait) { 
    .hm-aug7 .section-left img {
        width: 535px;
        left:-40px
    }
    .hm-aug7 .section-right {
        width: 38.5%;
    }
    .hm-aug7 .exp-graph {
        position: static;
        width: 97%;
        margin-left: 0;
    }    
    .hm-aug7 .headings-customer:after {
        height: 220px;
        width: 232px;
        left: 88%;
    }
    .hm-aug7 .left-content h2 {
        font-size: 19px;
        margin-bottom: 8px;
    }
}
@media(min-width:1200px){
    .hm-aug7 .headings {
        left: 5px;
    }
}

.modal-open {
    overflow: hidden;
  }
  .modal {
    position: fixed;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
  }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
  }
  .modal-content {
    position: relative;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
  }
  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
  }
  .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
  }
  .modal-header .close {
    margin-top: -2px;
  }
  .modal-title {
    margin: 0;
    line-height: 1.42857143;
  }
  .modal-body {
    position: relative;
    padding: 15px;
  }
  .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
  .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
  }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
  }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0;
  }
  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }
  @media (min-width: 768px) {
    .modal-dialog {
        width: 700px;
        margin: 30px auto;
    }
    .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
      width: 300px;
    }
  }
  @media (min-width: 992px) {
    .modal-lg {
      width: 900px;
    }
    .modal-dialog {
        width: 790px;
        margin: 30px auto;
    }
  }
  .clearfix:before,
  .clearfix:after,
  .modal-header:before,
  .modal-header:after,
  .modal-footer:before,
  .modal-footer:after {
    display: table;
    content: " ";
  }
  .clearfix:after,
  .modal-header:after,
  .modal-footer:after {
    clear: both;
  }
  .cspopimg {
    background: #CCE1E9;
    padding: 35px 15px;
    margin-bottom: 15px;
}
.cspopup h6 {
    margin-bottom: 9px;
    padding-top: 0;
    font-size: 14px;
}
.cspopup-text ul {
    padding-left: 14px;
    font-size: 12px;
    margin-bottom: 20px;
}
.cspopup-text ul li {
    margin-bottom: 5px;
    line-height: 14px;
}
.cspopup-text {
    padding-left: 0;
}

#myModal2 .cspopimg {
    background: #EBECD8;
    padding: 20px 10px;
}
#myModal3 .cspopimg {
    background: #C6E2DE;
    padding: 15px 15px 5px;
}
#myModal4 .cspopimg {
    background: #BDD2D3;
    padding: 20px 20px 0 0;
}
#myModal5 .cspopimg {
    background: #7CBA8E;
    padding: 30px 0 0 0;
}
    
.cspopup-text ul.inline-ul li {
    width: 50%;
    list-style: inherit;
    float: left;
}  


/** How we can help**/
.hwc-videos-sec h1 {
    padding-bottom: 35px;
}
section.hwc-videos-sec:after {
    background: url(../img/flare-lg.svg) no-repeat;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-block;
    top: 0;
    left: 0;
    z-index: 0;
    background-size: 100%;
}
.col-sm-6 .video-btn .hwcv-img {
    border: 4px solid #4B9095;
    border-radius: 16px;
}
.hwc-videos-sec .text-center {
    position: relative;
    z-index: 1;
}
.faq-tabs .tab-content{
    display: block;
}
.hwc-videos-sec .videos-listing {
    max-width: 1500px;
    margin: auto;
    display: flex;
    align-items: start;
    justify-content: center;
}
.hwc-videos-sec {
    background: linear-gradient(229.29deg, #F5FFB5 3.23%, #60F0BD 95.92%);
    padding: 30px 15px 20px;
}
.hwcv-copy {
    padding: 20px 0;
    color: #333;
}
.hwcv-copy h5 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
}
.hwcv-copy p{
    color: #666;
}
.videos-listing a:hover .hwcv-img img.img-responsive {
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.2));
}
.faq-tabs  ul.nav.nav-tabs {
    text-align: center;
    border: none;
}
.faq-tabs .nav > li {
    float: none;
    display: inline-block;
    margin: 40px 20px 10px;
}
.faq-tabs .nav > li > a {
    border: none !important;
    font-size: 18px;
    font-weight: 500;
    color: #6E6E6E;
    background: transparent !important;
    padding: 4px 0;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}
.faq-tabs {
    padding-bottom: 70px;
}
.faq-tabs .nav > li.active a,.faq-tabs .nav > li.active a:hover {
    color: #F16334;
    border-bottom: 3px solid #F16334 !important;
}
.hwcv-modal .modal-dialog {
    width: 90%;
    max-width: 1280px;
}
.hwcv-modal .hwcv-img {
    width: 30%;
    float: left;
    position: relative;
}
.base-timer {
    position: absolute;
    left: 50%;
    width: 30px;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    height: 30px;
    z-index: 1;
    background: rgba(0,0,0,0.4);
    border-radius: 30px;
}
.hwcv-modal .nextvideos.playing-now .base-timer {
    background: transparent;
}
.hwcv-modal .nextvideos.playing-now .hwcv-img:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    content: "";
    border-radius: 5px;
    z-index: 0;
}
.base-timer:after {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    border-width: 7px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    height: 0;
    display: inline-block;
    width: 0;
    transform: translateX(-50%) translateY(-50%);
    margin-left: 5px;
}
.hwcv-modal .hwcv-copy {
    padding: 0 10px;
    float: left;
    width: 70%;
    min-height: auto;
}
.hwcv-modal button.close {
    position: absolute;
    right: 10px;
    top: 10px;
}
.hwcv-modal .modal-title {
    padding-bottom: 0px;
}
.hwcv-modal button.close span {
    font-size: 32px;
    font-weight: 100;
    color: #333;
    opacity: 1;
}
.hwcv-modal .hwcv-copy h5 {
    font-size: 14px;
    padding-bottom: 5px;
}
.hwcv-modal .hwcv-copy p {
    font-size: 12px;
    margin-bottom: 0;
}
.nextvideos {
    float: left;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.nextvideos.playing-now {
    pointer-events: none;
}
.modal-ad {
    display: block;
    float: left;
    width: 100%;
}
.base-timer__svg {
    transform: scaleX(-1);
  }
  
  .base-timer__circle {
    fill: none;
    stroke: none;
  }
  
  .base-timer__path-elapsed {
    stroke-width: 7px;
    stroke: #fff;
  }
  
  .base-timer__path-remaining {
    stroke-width: 7px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: #fff;
  }
  .nextvideos.playing-now .base-timer__path-remaining{
    stroke: #f00;
  }
  .nav-item.active:after {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        height: 2px;
        display: inline-block;
        background: #F16334;
    }
    .mainemenuwithsubmenu.openedmenu{
        color: #F16334;
    }
  
  .base-timer__label {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
  }
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait){
    .nextvideos{
        width: 33%;
        text-align: center;
        padding: 10px;
    }
    .hwcv-modal .hwcv-img {
        width: 100%;
        float: left;
    }
    .hwcv-modal .hwcv-copy {
        padding: 10px 0px;
        width: 100%;
    }
    .modal-ad {
        text-align: center;
        width: 100%;
        float: left;
    }
    .modal-ad a {
        width: auto;
        margin: auto;
        display: inline-block;
    }
  }
.nav-item.active:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    height: 2px;
    display: inline-block;
    background: #F16334;
}
.mainemenuwithsubmenu.openedmenu{
    color: #F16334;
}
.sub-menu {
    position: absolute;
    background: rgba(255,255,255,1);
    border: 1px solid #ccc;
    border-top: none;
    margin: 0;
    padding: 10px 15px;
    list-style: none;
    min-width: 180px;
    display: none;
    left: -10px;
    font-size: 14px;
    line-height: 40px;
    top: 55px;
    backdrop-filter: blur(10px);
    z-index: 9999;
}

.sub-menu li a{
    color: #000;
}
.sub-menu li a:hover{
    color: #F16334;
}
.sub-menu.showmenu {
    display: inline-block;
}
.sub-menu a.active-a {
    color: #F16334;
}
/* FAQ */
.faq-main > .footer-container {
    margin-top: 0;
}
.faq-header{
	text-align: center;
	padding:40px 0 30px;
	position: relative;
}

.faq-header h3 {
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 10px;
    color: #000;
}
.faq-header h2{
	font-weight: bold;
	font-size: 42px;
	line-height: 50px;
	color: #2B265E;
}
.faq-header img{
	margin:20px auto;
}
.faq-main .text-only-heading
{
	margin-bottom: 30px;
}
.faq-main .text-only-heading h3{
	font-weight: normal;
	font-size: 22px;
	line-height: 35px;	
	color: #000000;
}
.faq-main .text-only-heading p{
	font-weight: normal;
	font-size: 16px;
	color: #000000;
}
.faq-main .text-only-heading a{
	color:#000000;
}
.faq-main a.text-only-alert{
	color:#FF0000;
	text-decoration: underline;
}
.faq-main .text-only-template {
    padding: 0px 0 50px;
    background: transparent;
}
.faq-accords .panel-default{
	background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    padding: 15px 20px;
}
.faq-accords .panel-title{
	font-weight: 500;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
}
.faq-accords .panel-heading{
	background:#fff;
	padding: 0;
	position: relative;
}
.faq-accords .panel-title a{
	color:#000000;
}
.faq-accords .panel-body{
	border-top: 1px solid #DCDCDC;
	font-weight: normal;
	font-size: 18px;
	line-height: 26px;
	color: #666666;
	margin-top: 10px;
}
.faq-accords .panel-group .panel+.panel {
    margin-top: 10px;
}
.faq-accords .panel-default>.panel-heading+.panel-collapse>.panel-body{
	padding:10px 0 0 0;
}
.faq-accords .collapse {
	display: none;
}
.faq-accords .collapse.in {
	display: block;
}
.faq-accords .collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-property: height, visibility;
	-o-transition-property: height, visibility;
	transition-property: height, visibility;
	-webkit-transition-duration: 0.35s;
	-o-transition-duration: 0.35s;
	transition-duration: 0.35s;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}
.panel-heading a{
	display: block;
}

.faq-main {
    position: relative;
}
.faq-main:after {
    position: absolute;
    left: 0;
    right: 0;
    height: 310px;
    content: "";
    background: linear-gradient(233.75deg, #F5FFB5 3.47%, #60F0BD 102.96%);
    z-index: -1;
}
.howwecan #video{
    width: 100%;
}
#v4{
    border: none !important;
}
@media (min-width: 1200px) {
    .homepage-main.hm-aug7 .bottom-banner .container {
        width: 1170px;
    }
}
.footer-wrapper .copyright-text {
    margin-top: 7px;
    margin-bottom: 30px;
}
.footer-links li{
    float: none;
    padding: 4px 8px;
}

.footer-container .links-container a, .links-container a{
    width: 24px;
    height: 27px;
}
.footer-container .links-container a.icon-insta:hover svg path {
    fill: #25d4a9;
}
.container.current-opening {
    padding-bottom: 80px;
}
.social-icon-cont {
    float: left;
    width: 30%;
}
.address-cont {
    float: left;
    padding-right: 15px;
}
.add1.address-cont {
    width: 27%;
}
.add2.address-cont {
    width: 25%;
}
.add3.address-cont {
    width: 18%;
}
@media(min-width:1024px) and (max-width:1200px){
    .footer-container .links-container a, .links-container a{
        margin: 0 7px;
    }
    .icon-dribbble {
        margin-left:12px !important;
    }
}
@media(max-width:1220px){
    .book-sec{
        min-height: 550px;
    }
    #download-casestudy .form-group {
        float: left;
        width: 100%;
    }
    .form-sec .after-click h2 {
        font-size: 28px;
    }
}
.form-sec .after-click h2.designops-heading{
    max-width: 470px;
}
/** Blog page 20-10-2020**/
.voice-latest {
    overflow: visible;
}
.recent-blogs {
    background: #fff;
}

.voice-latest .voice-ebook-content {
    width: 42%;
    float: left;
    margin: 60px 0 30px 0;
}
.voice-latest .voice-ebook-content h2{
	font-weight: 300;
    font-size: 42px;
    line-height: 50px;
    color:#000000;
    margin:0;
}
.voice-latest .voice-ebook-content h6 {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin-bottom: 5px;
}
.voice-latest .voice-ebook-content h4 {
    font-weight: bold;
    font-size: 17px;
    line-height: 26px;
    max-width: 100%;
}
.voice-latest .voice-ebook-content p {
    font-size: 14px;
    margin: 20px 0 0;
    max-width: 90%;
}

.voice-latest .voice-ebook-illustration {
    width: 58%;
    float: left;
    position: relative;
    top: 90px;
    left: -30px;
}
span.new-tag {
    background: #B8DF4A;
    padding: 5px 8px;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
}
span.new-tag:after {
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 6px;
    border-color: #719802 #719802 transparent transparent;
    content: "";
}
.voice-latest .inner-container {
    padding: 40px 159px 0;
}
.voice-ebook .inner-container {
    padding: 100px 159px 40px;
}
.recent-blogs .inner-container {
    padding-bottom: 80px;
}
.voice-blog .btn-md:hover {
    background: #EA440E;
}
.voice-ebook .voice-ebook-content p {
    font-size: 14px;
    margin: 20px 0 0;
}

@media only screen and (max-width: 1024px){
    .voice-blog .inner-container {
        padding: 40px 15px;
    }
    .voice-latest .voice-ebook-content{
        padding-bottom: 40px;
    }
}
/**Homepage Oct 2020**/

.hmtile {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    padding: 15px;
}
.homepage-main.hm-aug7 .hmtile-sec .container {
    max-width: 1170px;
    padding: 70px 0 40px;
}
.hmtile-sec-heading{
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 30px;
}
.hmtile-img img {
    margin: auto;
}
.accelerate-tag {
    position: absolute;
    left: -34px;
    top: 15px;
    width: 100%;
}
.heading-video {
    text-align: center;
    margin: 0 0 20px;
    position: relative;
    padding-top: 50px;
}
.heading-video:before {
    content: "";
    height: 1px;
    width: 40%;
    display: inline-block;
    background: #ccc;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.hmvdothum a {
    max-width: 235px;
    display: inline-block;
}
.hmvdothum {
    margin-bottom: 5px;
}
.heading-video-sec a {
    color: #FF5506;
    font-size: 14px;
}
.heading-video-sec a:hover,.heading-video-sec a:focus{
    color:#EA440E;
}
i.play-icon {
    background: #FF5506;
    height: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    position: relative;
    margin-right: 4px;
    top: -2px;
}
i.play-icon:after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    display: inline-block;
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent transparent #fff;
    left: 8px;
    top: 4px;
}
.cxpillar-sec1 {
    margin-top: 30px;
}
.hmtile a,.anchore-wa{
    color: #F16334;
    font-size: 14px;
    font-weight: 500;
}
.hmtile a{
    color: #FF5506;
}
a.anchore-wa {
    font-weight: 500;
    margin-left: 20px;
}
.hmtile a:hover,.hmtile a:focus,.anchore-wa:hover{
    color:#EA440E;
}
.hmtile-sec .row {
    display: flex;
}
.hmtile-sec .col-sm-4 {
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    display: flex;
}
.hmtileheadeing {
    font-size: 16px;
    margin-bottom: 10px;
}
.hmtilepara {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 20px;
    color: #000;
    margin-bottom: 10px;
}
.hmtile-copy a:after,.anchore-wa:after {
    content: "";
    display: inline-block;
    height: 15px;
    width: 14px;
    background: url(../img/hmtilearrow.svg) no-repeat center center;
    vertical-align: middle;
    margin-left: 10px;
}
.hwcv-modal .modal-content {
    max-width: 980px;
    margin: auto;
}
.hwcv-modal .modal-dialog {
    width: 90%;
    max-width: 1280px;
}
.hwcv-modal .modal-title {
    padding-bottom: 0px;
}
.hwcv-modal button.close span {
    font-size: 32px;
    font-weight: 100;
    color: #333;
    opacity: 1;
}
.cxpillar-sec1 .hwcv-modal button.close {
    position: absolute;
    right: 10px;
    top: 1px;
}
.hmvdothum a:hover img {
    filter: drop-shadow(0 4px 10px rgba(0,0,0,0.1));
}
@media(max-width:1023px){
    .hmtilepara {
        padding: 0 2px;
    }
}
.voice-article-sec {
    background: #fff;
    padding: 80px 0 70px;
}
h1.ebook-page-heading{
    position: relative;
    padding: 0 0 13px 0;
    margin-bottom: 20px;
    }
h1.ebook-page-heading:after {
    content: "";
    width: 110px;
    height: 1px;
    display: inline-block;
    position: absolute;
    background: #888;
    bottom: 0;
    left: 50%;
    margin-left: -55px;
}
@media (max-width:1024px){
    .nav-item.active:after {
        left: 50%;
        right: auto;
        width: 100px;
        margin-left: -50px;
    }
}
.cs-outcome-bar {
    background: #f7f7f7;
    padding: 10px 0;
    position: fixed;
    top: -55px;
    width: 100%;
    left: 0;
    transition: top 0.5s ease-out;
    -webkit-transition: top 0.5s ease-out;
    -moz-transition: top 0.5s ease-out;
    -ms-transition: top 0.5s ease-out;
    -o-transition: top 0.5s ease-out;
}
.cs-outcome-bar.stick {
    top: 55px;
    filter: drop-shadow(0px 0px 22px rgba(0, 0, 0, 0.2));
}
/* Success story */
.success-stories{
    margin: 50px auto 200px;
}
.success-stories .voice-tile-title{
    margin: 20px auto 0;
    text-align: center;
}
.success-stories .voice-tile-p{
    font-size: 16px;   
}
.blog-legend{
    color: #2b265e;
    margin: 0 auto;
    position: relative;
    font-weight: 500; 
    font-size: 24px;
    width: 264px;
    display: block;
}
span.blog-legend + h1{
    position: relative;
    display: inline-block;
}
span.blog-legend + h1:after, span.blog-legend + h1:before {
    content: "";
    width: calc(50% - 140px);
    background: transparent;
    border-top: 1px solid #2b265e;
    display: inline-block;
    position: absolute;
    top: -18px;
    right: calc(50% + 140px);
}
span.blog-legend + h1:before {
    left: calc(50% + 140px);
}
/*article tabular design*/
.article-tbl{
	margin: 10px auto; width: 100%; font-size:14px; line-height: 22px;
}
.article-tbl tr td, th{
	text-align: left;
    padding: 20px 15px 20px 0;
    vertical-align: top;
}
.article-tbl .head-row{
	padding:5px 20px;
	background:#40db7d;
}
.article-green-bg{
	background:#40db7d;
	padding:20px !important;
}
.article-tbl ul{
	padding-left: 3px;
}
.article-tbl ul li{
	font-size: 14px;
	line-height: 22px;
	margin-left: 25px;
    /* list-style: none;
    position: relative;
    padding-left: 25px; */
}
/* .article-tbl ul.article-ul-hyphen li:before{
	content: "-";
    position: absolute;
    display: block;
    left: 7px;
} */
.tbl-footer-row td{
	vertical-align: bottom !important;
	padding: 0 !important;
	height:175px;
}
.article-tbl img {
	padding: 20px 0 0;
}
.new-emp-section{
	text-align: center;
}
.new-emp-section .paperwork-empsection{
	display: inline-block;
}
.new-emp-section .side-empsection {
	float: left;
	width: 200px;
}

/**Casestudy style start**/
.article-col.casestudy{
    margin-top: 50px;
}
.casestudy p{
    padding:0;
}
.casestudy .outcomes-subheading{
    max-width: 200px;
}
.casestudy .outcomes-title{
    margin-bottom: 40px;
}
.casestudy .outcomes-para{
    margin-top: 40px;
}
.casestudy .relative-outcomes{
    margin-bottom: 40px;
    font-family: 'Roboto', sans-serif !important;
}
.casestudy .quote-section{
    display: flex;
    align-items: center;
    padding: 30px 0;
    width: 100%;
    margin: 0 auto 20px;
    font-size: 20px;
}
.casestudy .quote-section.first-quote{
    margin:40px 0;
}
.casestudy .quote-left-section{
    border-right: 1px solid #999999;
    line-height: 32px;
}
.casestudy .quote-right-section{
    padding: 0 20px;
}
.casestudy .quote-right-section h2.h1{ 
    margin:0;
}
.casestudy .article-mainsubhead{
    margin:0 0 15px 0;
    font-family: Roboto,sans-serif;
}
.casestudy .article-content p:last-child{
    margin:0 0 40px;
}
.casestudy .article-subhead{
    margin:0;
    margin-bottom: 10px;
    line-height: 30px;
}
.casestudy .h1{
    font-size: 26px;
}
.casestudy .article-content ul{
    margin-bottom: 20px;
}
@media only screen and (max-width: 1024px){
    .article .eventPage-padding, .eventPage-padding.new-article, .casestudy{
        max-width: 1000px;
        padding: 0 60px 80px !important;
    }
    .casestudy .h1{
        font-size: 20px;
    }
}
@media only screen and (max-width: 786px){
    .article .eventPage-padding, .eventPage-padding.new-article, .casestudy{
        max-width: 100%;
    }
    .relative-outcome .outcomes-subheading {
        font-size: 14px;
    }
    .relative-outcome .outcomes-heading {
        font-size: 28px;
    }
}
/**Casestudy style end**/
.cspopup .wp-matrix {
    min-height: auto;
}
.modal-btm-link {
    border-top: 1px solid #ccc;
    padding: 10px 0;
    text-align: right;
    margin: 0 15px;
    display: inline-block;
    float: none;
    width: calc(100% - 30px);
}
.cspopup-text ul{
    display: inline-block;
    margin-bottom: 10px;
}
#myModal6 .cspopimg {
    text-align: center;
    padding-left: 0;
    background: #E2F9EC;
}
#myModal6 .cspopimg img.img-responsive {
    margin: auto;
}
.cspopup .close {
    font-size: 36px;
    font-weight: lighter;
    line-height: 21px;
}
.cspopup .wp-matrix-text {
    font-size: 10px;
    line-height: 12px;
    padding-right: 16px;
}
.cspopup .modal-body {
    padding-bottom: 5px;
}
.banner-wrapper.article-banner .talk-presentationTxt,.banner-wrapper.article-banner h1, .banner-wrapper.article-banner.sketching-banner h1,.banner-wrapper.article-banner .talk-presentationTxt{
    font-family: Roboto,sans-serif;
}
.other-cs-sec h2 {
    margin-bottom: 45px;
}
.other-cs-sec .caseCarousel {
    max-width: 740px !important;
}
.other-cs-sec {
    position: relative;
    z-index: 0;
    margin-bottom: 70px;
}
.other-cs-sec .caseStudyCarousel:hover img {
    box-shadow: 0 5px 20px #ccc;
}
.other-cs-sec .caseCarousel .caseStudyCarousel h2 {
    margin: 10px auto 5px;
    font-size: 20px;
}
/** how we do it**/
.hwdi-main h1 {
    padding: 0;
    font-size: 42px;
    color: #2b265e;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}
.hwdi-main .hero-header p {
    font-size: 18px;
    color:#2B265E;
}
.hwdi-video-container {
    margin-top: 40px;
}
.hwdi-video-container h3 {
    max-width: 618px;
    margin: 20px auto;
    line-height: 30px;
    font-weight: bold;
}
.hwdi-video video {
    border: 2px solid;
    width: 100%;
}
.hwdi-sec{
    overflow: hidden;
    position: relative;
    padding-top: 55px;
}
section.hwdi-sec:before {
    position: absolute;
    content: "";
    height: 2000px;
    width: 250%;
    top: -1440px;
    border-radius: 50%;
    left: -75%;
    z-index: 0;
    background: #4ebe8c;
    background: -o-linear-gradient(left, #5CFFE3 0%, #F5FFB5 100%);
    background: -webkit-gradient(linear, left top, right top, from(#5CFFE3), to(#F5FFB5));
    background: linear-gradient(296.23deg, #F5FFB5 -19.3%, #5CFFE3 111.56%);
}
main.hwdi-main {
    padding-top: 0;
}
.hwdi-sec .container {
    position: relative;
    z-index: 1;
}
.hwdi-video{
    margin-bottom: 80px;
}

/** Ebooks page**/
.form-sec {
    left: 55%;
    max-width: 36%;
}
.ebook-sec.ebookpdf-main {
    background: #89ECB1;
    background: -moz-linear-gradient(left, #89ECB1 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 86%);
    background: -webkit-linear-gradient(left, #89ECB1 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 86%);
    background: linear-gradient(to right, #89ECB1 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 86%);
}
.clientlogo-heading{
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 16px;
}
.ebook-highlights h2{
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 42px;
    max-width: 490px;
}
.ebook-highlights span {
    color: #666;
    margin: 18px 0 10px;
    display: block;
}
.ebook-highlights h3 {
    font-size: 24px;
    font-weight: 500;
    margin: 20px 0 15px;
}
.ebookpdf-main .form-group small {
    padding: 5px 15px;
    font-style: italic;
    color: #9a9a9a;
    font-size: 12px;
    letter-spacing: 0.02em;
}
.ebook-highlights p {
    color: #000;
}
.ebook-highlights .form-instruction {
    font-weight: 500;
}
.ebook-highlights h4 {
    line-height: 30px;
    letter-spacing: 0.03em;
}
.ebookpdf-main .form-group {
    margin-left: 0;
    margin-right: 0;
}
.ebookpdf-main .form-sec {
    margin-top: 30px;
    position: static;
    left: auto;
    width: 50%;
    float: right;
    top: 0;
    margin: 65px auto 20px;
    max-width: none;
    transform: none;
    padding-left: 40px;
}
.ebookpdf-main .book-sec {
    float: left;
    width: 50%;
    margin-top: -10px;
}
.ebookpdf-main .ebook-cont {
    max-width: none;
    width: 108%;
    margin-left: -8%;
}
.ebookpdf-main .ebook-outer{
    float: left;
    width:100%;
}
.ebookpdf-main #download-casestudy .control-label {
    font-size: 16px;
}
.ebookpdf-main .download-btn {
    margin-top: 0;
}
.ebookpdf-main .get-started-li-btn.btn-lg {
    padding: 12px 30px !important;
    text-transform: none;
}
.green-heading{
    color:#43C97B;
    margin-bottom: 10px;
}
.whatinside {
    max-width: 69%;
    float: right;
    padding: 0 55px 40px 0;
}
.whatinside.mw-80 {
    max-width: 80%;
}
.whatinside .green-heading {
    color: #3BB970;
}
.whatyoulearn h3, .whatinside h3 {
    font-size: 24px;
    font-weight: 500;
}
.ebookpdf-main  #download-casestudy .form-group {
    margin-bottom: 30px;
}
.whatyoulearn {
    float: left;
    padding: 0 40px 0 40px;
}
.whatyoulearn ul {
    padding-left: 13px;
    color: #000;
}
.whatyoulearn ul li {
    padding-bottom: 10px;
}
.ebookbenefits {
    float: left;
    width: 100%;
}
.ebookpdf-main button#dwnbtn {
    margin-bottom: 40px;
}
.ebook-sec.ebookpdf-main .ebookformCont {
    max-width: 400px;
}
@media(min-width:1366px){
    .deivice-ipad .only-ipad{
        display: none !important;
    }
    .deivice-ipad .hassubmenu{
        display: inline-block !important;
    }
}
@media(min-width:1194px) and (max-width:1195px){
    .deivice-ipad .only-ipad{
        display: none !important;
    }
    .deivice-ipad .hassubmenu{
        display: inline-block !important;
    }
}
@media(min-width:1080px) and (max-width:1081px){
    .deivice-ipad .only-ipad{
        display: none !important;
    }
    .deivice-ipad .hassubmenu{
        display: inline-block !important;
    }
}
@media(min-width:1112px) and (max-width:1113px){
    .deivice-ipad .only-ipad{
        display: none !important;
    }
    .deivice-ipad .hassubmenu{
        display: inline-block !important;
    }
}
@media(min-width:1280px) and (max-width:1281px){
    .deivice-ipad .only-ipad{
        display: none !important;
    }
    .deivice-ipad .hassubmenu{
        display: inline-block !important;
    }
}

/* Sitemap */
h1.page-title{
    font-size: 21px;
    padding: 0 0 10px 0;
    margin: 80px 0 40px;
    border-bottom: 1px solid #d2d2d7;
font-family: Roboto,sans-serif;
}
.site-map-links > ul {
    padding:15px;
}
.site-map-links > ul > li{
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    width: 45%;
}
.site-map-links > ul li:last-child{
    border-bottom: none;
}
.site-map-links h3{
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 600;
    letter-spacing: -.022em;
    color: #333;
    margin-bottom:10px;
}
h2.sub-page-title{
    font-size: 32px;
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: .004em;
    border-top: 1px solid #d2d2d7;
    display: block;
    padding: 30px 0 20px 0;
}
.list-nobullet{
    padding:0;
    margin-bottom: 26px;
    margin-right: 50px;
}
.list-nobullet li{
    list-style-type: none;
    box-sizing: border-box;
    color: #333;
    margin-left: 0;
    margin: 10px 0;
}

.list-nobullet li> ul{
    padding-left:20px;
    margin: 10px 0;
}
.list-nobullet li> ul li{
    font-size:14px;
    list-style-type: none;
    padding-left: 0;
}
.list-nobullet li> ul li:before{
    content: "";
    border-top: 2px solid #777;
    position: relative;
    top: 8px;
    left: -15px;
    width: 8px;
    height: 13px;
    display: inline-block;
    margin-right: -8px;
    margin-left: 0;
}

.footer-links li:last-child {
    background-image: none;
    background-color: #6FD87D;
    padding: 0 8px;
    border-radius: 3px;
}
.footer-links li:last-child a:hover{
color:#2c6434
}
.footer-links li:last-child a {
    color: #333;
    font-weight: bold;
}
li.footer-sep:nth-last-child(-n+2) {
    display: none;
}
.footer-wrapper .col-md-12.text-left {
    margin-bottom: 20px;
}

.ebookpdf-main .ebook-outer,.ebookpdf-main .ebook-outer * {
    -webkit-mask-image: none !important;
    mask-image: none !important;
}
.whatyoulearn-highlight {
    background: #B3FFFA;
    border-radius: 8px;
    float: left;
    padding: 6px 15px;
    margin-top: 40px;
	display:flex;
}
.whatyoulearn-highlight span {
    vertical-align: middle;
    float: left;
}
.wh-copy{
    padding: 5px;
    font-size: 16px;
}
.wh-copy p {
    margin-bottom: 0;
}
.voice-latest .voice-latest-tile-wrap .voice-tile-title {
    color: #F16334;
    font-weight: 400;
}

/**bottom line banner content**/

.banner-wrapper.article-banner.bottom-line-content {
	overflow:visible;  
} 
.banner-wrap{
	max-height:85vh;
	overflow:hidden; 
	display:flex;
	align-items:center;
}
.banner-wrap.align-items-start{ 
	align-items:flex-start;
}
.banner-wrap.align-items-end{ 
	align-items:flex-end;
}
.banner-wrapper.article-banner.bottom-line-content .content-wrap {
	position:static!important;
	background:#fff;
	padding: 10px 52px;
	border-radius:8px;
	margin:-100px 20px 0!important;
    transform: translateX(-0%) translateY(-0px)!important;   
	display:inline-block; 
	align-items:center; 
	min-height:110px;
	max-width: 960px;
    width: 66%;
}
.banner-wrapper.article-banner .content-wrap.wideheading,
.banner-wrapper.article-banner.bottom-line-content .content-wrap.wideheading
{
        max-width: 1000px;
		width:66%;
}
.banner-wrapper.article-banner.bottom-line-content .content-wrap h1,
.banner-wrapper.article-banner.bottom-line-content span{ 
	color:#000;
	text-transform: capitalize;
	width: auto; 
}
.banner-wrapper.article-banner.bottom-line-content .content-wrap h1{
 margin: 10px auto;	
}
.common-page .banner-wrapper.article-banner.bottom-line-content h1 strong.strong-text{ display:inline;}


/**new nav**/
header.header122020 {
    width: 100%;
    max-width: none;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    z-index: 9;
    background: #fff;
    border-bottom: 1px solid #c9c9c9;
}
nav.nav122020 {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    padding: 2px 15px;
}
a.nav-logo {
    padding: 6px 0;
    max-width: 150px;
    position: relative;
    display: inline-block;
}
a.nav-logo:after {
    position: absolute;
    content: "Customer Experience Design and Innovation";
    width: auto;
    white-space: nowrap;
    top: 19px;
    font-size: 11px;
    margin-left: 10px;
    color: #333;
    border-left: 1px solid #ccc;
    padding-left: 10px;
}
.nav-logo img {
    max-width: 100%;
}
ul.nav122020-ul {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding: 0;
    margin: 0;
}
.nav122020-ul > li {
    padding: 0;
    margin: 0 15px;
    align-self: center;
    position: relative;
}
.nav122020-ul a {
    text-transform: uppercase;
    color: #000;
    white-space: nowrap;
    font-size: 14px;
}
.nav122020-ul a:hover{
    color: #F16334;
}

ul.nav122020-ul > li > ul {
    display: none;
    position: absolute;
    top: calc(100% - 2px);
    left: 0;
    background-color: #fff;
    list-style: none;
    padding: 10px 0;
    min-width: 150px;
    box-shadow: 0px 1px 0px #c9c9c9, 3px 2px 0px -2px #c9c9c9, -2px 3px 0px -1px #c9c9c9;
}
.nav122020-ul > li > a {
    padding: 15px 0;
    display: inline-block;
}
ul.nav122020-ul > li > ul a {
    padding: 7px 15px;
    display: block;
    text-transform: none;
}
ul.nav122020-ul > li:hover ul,ul.nav122020-ul > li:focus ul {
    display: block;
}
li.nav-item.getstartbtn a.get-started-li-btn {
    margin: 0;
    padding: 8px 22px !important;
}
a.nav-openresmenu{
    display: none;
}
li.nav122020-li1.active > a,li.nav122020-li2 a.active {
    color: #F16334;
}
li.nav122020-li1.active:after {
    position: absolute;
    bottom: -2px;
    content: "";
    width: 100%;
    display: inline-block;
    background: #F16334;
    height: 2px;
    left: 0;
}
li.nav-item.getstartbtn {
    margin-right: 0;
}
@media(max-width:900px){
    a.nav-openresmenu {
        position: absolute;
        right: 20px;
        padding: 5px;
        border-radius: 4px;
        z-index: 9;
        display: inline-block;
        top: 12px;
    }
    a.nav-openresmenu.opend{
    }
    .nav-openresmenu span {
        display: block;
        background: #999;
        height: 2px;
        width: 19px;
        margin: 4px 0;
    }
    ul.nav122020-ul {
        position: absolute;
        top: 53px;
        background: #fff;
        right: 0;
        width: 100%;
        text-align: right;
        justify-content: flex-end;
        flex-direction: column;
        padding-bottom: 20px;        
        display: none;
        height: 0;
        overflow: hidden;
    }
    ul.nav122020-ul.openmenu{
        height: auto;
        display: flex;       
    }
    .nav122020-ul > li {
        width: 100%;
        text-align: center;
    }
    ul.nav122020-ul > li > ul{
        position: static;
    }
}

/** 100321**/
.backstory {
    position: relative;
    margin: 90px 0 20px;
}
.backstory-right {
    width: 60%;
    padding-right: 12px;
}
.backstory-left {
    position: absolute;
    left: 60%;
    top: -120px;
    width: 60%;
}
.eventPage-padding.new-article.exportcomment{
    padding-bottom: 20px;
}

.eventPage-padding.new-article.exportcomment-sec{
    margin-top: 0;
    padding-bottom: 0;
}
.feature-sec-img {
    margin: 40px 0 0;
    position: relative;
}
span.pop-img {
    position: absolute;
    max-width: 290px;
    right: -90px;
    top: -150px;
}
.pop-img img {
    max-width: 100%;
}
.bot-imgsec {
    margin: 40px 0 80px;
}
.plugin-ui-sec .col-sm-5 p {
    margin-top: 50px;
}
.plugin-ui-sec {
    margin-top: 50px;
}
span.nowrap {
    white-space: nowrap;
    display: inline !important;
}
@media (max-width:1024px){
    .backstory-left {
        left: 56%;
        top: -60px;
        width: 53%;
    }
	  .banner-wrapper.article-banner .content-wrap.wideheading{
        max-width: 1000px;
		width:80%;
}
}
.nav>li.nav-item.getstartbtn {
    margin-top: 8px;
    margin-right: 15px;
}
.ux-mapping {
    position: relative;
}
/**.ux-mapping .inner-container.center-sec {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
    width: 100%;
}**/
.path-banner{
	width:100%;
	display:block;
	    opacity: 0.7;
}
.uxm-h-n{
	font-size:20px;
	font-weight:400;
	line-height:32px;
}
.text-nrml{
	font-weight:400;
}
h2.ds-subheading.text-nrml{
	font-weight:400;
	    max-width: none;
}
.ds-composition ul {
    width: auto;
    display: inline-block;
    text-align: left;
}
.ds-composition.uxm-comp {
    padding: 0px 0 30px;
    overflow: hidden;
    display: inline-block;
}
.uxm-comp li {
    font-size: 18px;
    font-weight: 500;
    padding: 10px;
    display: inline-block;
}
.uxm-content h2.ds-subheading {
    margin-left: 0;
    margin-bottom: 10px;
}
.uxm-content h4.ds-headingliner {
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 30px;
    max-width: 800px;
}
.why-when h4 {
    margin-bottom: 16px;
}
.why-when {
    margin-top: 40px;
    background: #fff;
    border-radius: 10px;
    padding: 40px;
	margin-bottom:30px;
}
.why-when ul {
    margin-left: 0;
    padding-left: 15px;
}
.why-when ul li {
    padding-bottom: 10px;
    font-size: 16px;
}
.uxm-content p {
    max-width: 990px;
}
.uxm-bs ul {
    max-width: 850px;
}
.uxm-bs p {
    max-width: 900px;
}
/**.uxm-content h4.ds-headingliner:before {
    content: "-";
    font-size: 60px;
    vertical-align: top;
    margin-right: 10px;
    font-weight: 100;
}**/
.uxm-comp li:before {
    content: ".";
    vertical-align: text-bottom;
    font-size: 28px;
    margin-right: 6px;
}
.uxm-content .s-step-footer p.text-center.btn-text {
    max-width: 460px;
    margin: 20px auto;
}
.why-when .col-sm-6:first-child {
    border-right: 1px solid #ccc;
}
.why-when .col-sm-6:nth-child(2){
    padding-left:30px;
}
.design-sprint + .footer-container {
    margin-top: 0;
}

.ux-mapping h2.ds-heading-legend:before, .ux-mapping h2.ds-heading-legend:after {
    border-color: #333;
	width: 150px;
}
.ux-mapping h2.ds-heading-legend:after {
    left: 50%;
    transform: translateX(calc(-50% - 150px));
}
.cs-label small span {
    display: inline-block;
    font-size: 10px;
    max-width: 82px;
    vertical-align: top;
}
@media(min-width:1024px) and (max-width:1200px){
	a.nav-logo:after{
		content:none;
	}
}

.bot-empsection img, .emp-paperwork img {
    border-radius: 100%;
}

.ebookformCont .cs-include small {
    font-size: 13px;
    padding-top: 1px;
    padding-left: 5px;
    font-style:normal;
}
.ebookpdf-main #download-casestudy .form-group.cs-include {
    margin-bottom: 15px;
}