@import url('https://fonts.googleapis.com/css?family=Archivo:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900');
@charset 'UTF-8';
@-webkit-keyframes bounce {
20%,
53%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
@keyframes bounce {
20%,
53%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes flash {
50%,
from,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
50%,
from,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg)
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg)
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg)
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {
11.1%,
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
11.1%,
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes bounceIn {
20%,
40%,
60%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
20%,
40%,
60%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.bounceIn {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes bounceInDown {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes bounceInLeft {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes bounceInRight {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes bounceInUp {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0
}
}
.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
from {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes rollOut {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes zoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s
}
.animated.fast {
-webkit-animation-duration: .8s;
animation-duration: .8s
}
.animated.faster {
-webkit-animation-duration: .5s;
animation-duration: .5s
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s
}
/*news-table-format*/
.nws-table table {
width: 100%;
border: 1px solid #ddd;
}
.nws-table table tr th {
width: 50%;
padding: 10px;
}
.nws-table table thead tr th {
font-size: 18px;
font-family: Archivo, sans-serif;
padding: 18px;
text-align: justify;
}
.nws-table table thead tr {
border: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.nws-table table tbody tr td {
padding: 16px;
font-size: 15px;
font-family: Archivo, sans-serif;
line-height: 21px;
}
.nws-table table tbody tr td:nth-child(1),
.nws-table table thead tr th:nth-child(1) {
border-right: 1px solid #ddd;
}
.nws-table table tbody tr td a {
color: #f04a76;
}
.nws-table table tbody {
height: 160px;
}
.nws-img-wrap {
width: 100%;
margin: 0 auto 50px;
}
@media (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important
}
}
.slick-dots,
.slick-next,
.slick-prev {
position: absolute;
display: block;
padding: 0
}
.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
font-family: slick;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@font-face {
font-family: slick;
font-weight: 400;
font-style: normal;
src: url(fonts/slick.eot);
src: url(fonts/slick.eot?#iefix) format('embedded-opentype'), url(fonts/slick.woff) format('woff'), url(fonts/slick.ttf) format('truetype'), url(fonts/slick.svg#slick) format('svg')
}
.slick-next,
.slick-prev {
font-size: 0;
line-height: 0;
top: 50%;
width: 20px;
height: 35px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: 0;
background: 0 0
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
opacity: 1
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
opacity: .25
}
.slick-next:before,
.slick-prev:before {
font-size: 20px;
line-height: 1;
opacity: .75;
color: #fff
}
.slick-prev {
left: -25px
}
[dir=rtl] .slick-prev {
right: -25px;
left: auto
}
.slick-next {
right: -25px
}
[dir=rtl] .slick-next {
right: auto;
left: -25px
}
.slick-dots {
bottom: -25px;
width: 50px;
margin: 0;
list-style: none;
text-align: center;
right: 0
}
.slick-dots li {
position: relative;
display: inline-block;
width: 8px;
height: 8px;
margin: 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 8px;
height: 8px;
padding: 3px;
cursor: pointer;
color: transparent;
border: 0;
outline: 0;
background: 0 0
}
.slick-dots li button:focus,
.slick-dots li button:hover {
outline: 0
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
opacity: 1
}
.slick-dots li button:before {
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: #000
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: #000
}
.slick-list,
.slick-slider,
.slick-track {
position: relative;
display: block
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
visibility: hidden
}
.slick-slider {
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
top: 0;
left: 0;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block;
width: 100%
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block;
outline: 0
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
@font-face {
font-family: FontAwesome;
src: url(fonts/fontawesome-webfont.eot?v=4.0.1);
src: url(fonts/fontawesome-webfont.eot?#iefix&v=4.0.1) format('embedded-opentype'), url(fonts/fontawesome-webfont.woff?v=4.0.1) format('woff'), url(fonts/fontawesome-webfont.ttf?v=4.0.1) format('truetype'), url(fonts/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular) format('svg');
font-weight: 400;
font-style: normal
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
a {
color: #212121;
text-decoration: none;
outline: 0
}
body {
line-height: 1;
font-size: 12px;
font-family: Archivo, sans-serif;
color: #000;
padding-bottom: 0;
position: relative;
background: #fff;
overflow-x: hidden
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-word-break: keep-all;
word-break: keep-all;
-webkit-word-break: keep-all;
-moz-word-break: keep-all;
word-wrap: break-word
}
img {
max-width: 100%;
vertical-align: middle
}
.container {
margin: 0 auto;
width: 96%
}
.clear {
clear: both
}
.clear10 {
clear: both;
height: 10px
}
.clear20 {
clear: both;
height: 20px
}
.clumn {
width: 198px;
float: left
}
.fl {
float: left !important
}
.fr {
float: right !important
}
.text-right {
text-align: right !important
}
.text-left {
text-align: left !important
}
.text-center {
text-align: center !important
}
.error {
color: red
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 12px;
font-family: Archivo, sans-serif;
padding-bottom: 12px
}
h1 {
font-size: 24px
}
h2 {
font-size: 38px
}
h3 {
font-size: 18px
}
h4 {
font-size: 16px
}
h5 {
font-size: 14px
}
h6 {
font-size: 12px
}
.start-page {
display: none !important
}
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=text],
select,
textarea {
border: 1px solid #cdcdcd;
border-radius: 0;
color: #2a2a2a;
font: 17px/26px Archivo, sans-serif;
margin: 0;
outline: medium none;
padding: 14px 10px;
width: 100%
}
select {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
width: 100%;
padding: 9px 10px;
border: none;
outline: 0;
cursor: pointer
}
textarea {
height: 120px;
resize: none;
font-size: 14px;
font-family: Archivo, sans-serif
}
input[type=checkbox],
input[type=radio] {
display: inline-block;
vertical-align: middle
}
a.box-btn,
button.box-btn,
input[type=button],
input[type=reset],
input[type=submit] {
display: inline-block;
margin: 0;
background-color: #f04a76;
cursor: pointer;
padding: 0;
color: #fff;
font: 14px Archivo, sans-serif;
border-radius: 0;
transition: all .3s ease;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
vertical-align: middle;
text-decoration: none;
text-align: center;
outline: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: 2px solid #f04a76;
font-weight: 700;
/*position: absolute;
top: 53px;
right: -53px;
width: 140px;*/
padding: 8px;
}
.send-enquiery-btn a.box-btn {
display: inline-block;
margin: 0;
background-color: #f04a76;
cursor: pointer;
padding: 0;
color: #fff;
font: 14px Archivo, sans-serif;
border-radius: 0;
transition: all .3s ease;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
vertical-align: middle;
text-decoration: none;
text-align: center;
outline: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: 2px solid #f04a76;
font-weight: 700;
position: absolute;
top: 53px;
right: -53px;
width: 140px;
padding: 8px;
}
.send-enquiery-btn a.box-btn{
position: fixed;
bottom: 0;
bottom: -97%;
right: 15px;
top: auto;
transform: none;
}
a.box-btn.active,
a.box-btn:hover,
button.box-btn.active,
button.box-btn:hover,
input[type=button].active,
input[type=button]:hover,
input[type=reset].active,
input[type=reset]:hover,
input[type=submit].active,
input[type=submit]:hover {
background-color: #fff;
color: #f04a76
}
a.box-btn.secondary-btn,
button.box-btn.secondary-btn,
input[type=button].secondary-btn,
input[type=reset].secondary-btn,
input[type=submit].secondary-btn {
background-color: #33b7cc;
color: #fff
}
a.box-btn.secondary-btn.active,
a.box-btn.secondary-btn:hover,
button.box-btn.secondary-btn.active,
button.box-btn.secondary-btn:hover,
input[type=button].secondary-btn.active,
input[type=button].secondary-btn:hover,
input[type=reset].secondary-btn.active,
input[type=reset].secondary-btn:hover,
input[type=submit].secondary-btn.active,
input[type=submit].secondary-btn:hover {
background-color: #53d7ec
}
.send-enquiery-social-icon {
position: relative;
right: -52px;
top: 60px;
}
.send-enquiery-social-icon a.entypo-linkedin {
display: block;
vertical-align: middle;
width: 35px;
height: 35px;
border-radius: 50%;
position: relative;
margin-right: 10px;
background: #00aced;
font: 15px Archivo, sans-serif;
border: 1px solid transparent;
transition: 0.25s all linear;
}
.send-enquiery-social-icon a.entypo-facebook {
display: block;
vertical-align: middle;
width: 35px;
height: 35px;
border-radius: 50%;
position: relative;
margin-right: 10px;
background: #00aced;
font: 15px Archivo, sans-serif;
border: 1px solid transparent;
transition: 0.25s all linear;
margin: 10px 0;
}
.send-enquiery-social-icon a.entypo-twitter {
display: block;
vertical-align: middle;
width: 35px;
height: 35px;
border-radius: 50%;
position: relative;
margin-right: 10px;
background: #00aced;
font: 15px Archivo, sans-serif;
border: 1px solid transparent;
transition: 0.25s all linear;
}
.send-enquiery-social-icon a:before {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
margin: auto;
transform: translateY(-50%);
color: #fff;
}
.form-row .form-field {
padding-bottom: 20px
}
.form-row:last-child .form-field {
padding-bottom: 0
}
.input-type-select {
border: 1px solid #ddd;
overflow: hidden;
position: relative
}
.input-type-select:after {
background: url(../banking-solutions/nbfc/images/custom-select.png) no-repeat scroll center center;
content: "";
display: block;
height: 40px;
position: absolute;
right: 0;
top: 0;
width: 41px;
z-index: 80;
cursor: pointer;
pointer-events: none;
-ms-pointer-events: none;
-webkit-pointer-events: none;
content: ''
}
@-moz-document url-prefix() {
a.box-btn {
padding: 8px 15px
}
}
ul.list {
margin-left: 27px
}
ul.list li {
padding: 5px 0 5px 7px
}
ul.list.bullet {
margin-left: 0
}
ul.list.bullet li {
background: url(../images/bullet.png) no-repeat scroll left center rgba(0, 0, 0, 0);
padding: 5px 0 5px 18px
}
ul.list.number li {
list-style-type: decimal
}
ul.list.lower-roman li {
list-style-type: lower-roman
}
ul.list.upper-roman li {
list-style-type: upper-roman
}
.ul-right {
float: right;
width: 30%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.overlay-bg {
background: none repeat scroll 0 0 rgba(0, 0, 0, .5);
height: 100%;
left: 0;
margin: 0 auto;
position: fixed;
top: 0;
width: 100%;
z-index: 100000009
}
.overlay {
height: 100%;
left: 0;
margin: 0 auto;
position: fixed;
top: 0;
width: 100%;
z-index: 100000019;
visibility: hidden
}
.overlay-box {
display: table;
height: inherit;
margin: 0 auto;
width: 600px
}
.overlay-box .content {
display: table-cell;
vertical-align: middle
}
.overlay-box .closeBtn {
background: none repeat scroll 0 0 #fff;
border-radius: 5px;
color: #2a78cb;
cursor: pointer;
font: bold 16px/24px Arial, Helvetica, sans-serif;
height: 25px;
padding: 0;
position: absolute;
right: 20px;
text-align: center;
top: 15px;
width: 25px;
z-index: 1002
}
.overlay-box .overlay-header {
background: none repeat scroll 0 0 #4066ae;
color: #fff;
font: 24px'Playfair Display', serif;
font-weight: 400;
padding: 15px 46px 15px 20px;
position: relative;
top: 2px;
}
.ul-right .header-img .nelito-heading h4 {
font-size: 18px;
color: #0d3279;
padding: 0;
border-bottom: 1px solid #b61247;
word-spacing: 6px;
font-weight: 600;
text-align: justify;
line-height: 24px;
}
.ul-right .header-img .nelito-heading p {
font-size: 11px;
letter-spacing: 1px;
color: #b61247;
font-weight: 600;
text-align: center;
line-height: 20px;
}
.ul-right {
width: 35% !important;
}
.img-in-blg {
width: 100%;
}
.img-in-blg img {
display: block;
width: auto;
margin: 0 auto;
}
header nav .ul-right {
width: 21% !important;
}
.ul-right .header-img span.nelito-heading {
padding: 20px 0 7px;
display: inline-block;
}
.overlay-box .overlay-content p {
font-size: 15px;
line-height: 24px;
margin-bottom: 10px
}
.overlay-box .overlay-content {
max-height: 617px;
overflow: auto;
padding: 20px;
background: none repeat scroll 0 0 #fff;
width: 100%;
}
.overlay-box .overlay-content ul.list.bullet li {
margin-bottom: 15px;
line-height: 24px;
font-size: 16px
}
.overlay-box .overlay-footer {
background: #fff none repeat scroll 0 0;
padding: 0 20px 35px;
text-align: center
}
.overlay.Send-Enquiry .overlay-box .overlay-footer {
padding: 0 0px 0px 40px;
}
.overlay.Send-Enquiry .overlay-box .overlay-footer input[type=submit] {
width: 100%;
/*min-height:76px;*/
margin: 15px 0;
}
.overlay.Send-Enquiry .overlay-box .clientsbox-slider {
width: 600px;
}
.overlay.Send-Enquiry .overlay-box .clientslogobox h2 {
font-size: 16px;
line-height: 22px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #000;
padding-bottom: 15px;
padding-top: 10px;
}
.new-slider .homebannerimage .home-banner-mobile {
display: none;
}
.homebannerimage .mobile-video {
display: none;
}
.homebannerimage video{
width:100%;
height:100%;
object-size:cover;
object-postion:center;
}
.overlay.Send-Enquiry .overlay-box .clientsbox-slider li {}
.overlay.Send-Enquiry .overlay-box .clientsbox-slider li img {
width: 80%;
max-width: 96px;
margin: 0 auto;
border: 1px solid #eee;
}
.overlay-box .overlay-footer input[type=button],
.overlay-box .overlay-footer input[type=submit] {
margin: 0
}
.overlay-box textarea {
height: 90px
}
.captcha-field .captcha_image {
float: left;
width: 33%
}
.captcha-field .captcha_image img {
height: 38px
}
.captcha_image {
text-align: center;
border: 1px solid #c6c5c5;
height: 48px;
background-color: #fff;
padding: 4px
}
.captcha-field input[type=text] {
float: left;
width: 64.8%;
margin-left: 10px;
padding: 10px 20px
}
.overlay-box .overlay-header .overlay-img img {
width: 50px;
height: 50px;
border-radius: 50%;
float: left;
position: relative;
top: -10px;
left: -10px
}
.three-text-show .slider-Large-txt .s-Big-txt.wid-100 {
width: 20%;
display: inline-block;
vertical-align: top;
padding: 17px 20px;
border-right: 1px solid #fff;
border-bottom: 0;
font-size: 30px;
min-height: 249px;
line-height: 36px;
}
.new-slider .slider-Large-txt .s-Big-txt {
color: #000;
}
.three-text-show .slider-Large-txt .s-Big-txt.wid-100:nth-child(4) {
border: 0;
}
.three-text-show .slider-Large-txt .s-Big-txt span {
font-family: Archivo, sans-serif;
font-weight: 500;
margin-top: 20px;
}
.three-text-show .bgfull {
background-color: transparent;
}
.three-text-show .know-more-btn {
font: 14px Archivo, sans-serif;
font-weight: 700;
padding: 8px 15px;
background-color: #f04a76;
border-radius: 0;
border: 2px solid #f04a76;
color: #fff;
margin-left: 43px;
margin-top: 14px;
display: inline-block;
}
.three-text-show .know-more-btn:hover {
background-color: #fff;
color: #f04a76;
text-decoration: none;
}
#subscribe .overlay-box .overlay-sub-content p {
font-size: 15px;
line-height: 24px;
margin-bottom: 10px
}
#subscribe .overlay-box .overlay-sub-content {
padding: 20px;
background: none repeat scroll 0 0 #fff;
display: flex;
}
#subscribe .overlay-box .overlay-sub-content .form-layout{
width: 100%;
}
#subscribe .overlay-box .overlay-sub-content .form-layout .pl0{
margin-bottom: 10px;
}
#subscribe .overlay-box .overlay-sub-content ul.list.bullet li {
margin-bottom: 15px;
line-height: 24px;
font-size: 16px
}
#subscribe .overlay-box .overlay-header {
padding: 0;
}
#subscribe .subscribeoverlaycntr {
background: #fff;
text-align: center;
}
#subscribe .subscribeoverlaycntr img {
width: 80%;
margin: 0 auto;
}
.subscribeoverlaycntr h2 {
font-family: 'Playfair Display', serif;
}
.subscribeoverlaycntr h3 {
font-weight: bold;
}
#subscribe .overlay-box .overlay--sub-content {
padding-bottom: 0px;
}
#subscribe .overlay-box .closeBtn {
border-radius: 50%;
color: #000000;
font-size: 28px;
height: 30px;
width: 30px;
background: #ddd;
font-weight: 400;
line-height: 32px;
}
/*#subscribe .overlay-box .closeBtn:before {*/
/* content: "";*/
/* font: 400 25px/29px Arial, Helvetica, sans-serif;*/
/*}*/
#subscribe .overlay-box .overlay-footer input[type=submit] {
font-size: 18px;
line-height: 20px;
padding: 10px 40px;
background-color: #ff4e00;
background-image: linear-gradient(358deg, #F42B03 0%, #FFBE0B 100%);
border: 0px solid transparent;
}
#subscribe .overlay-box .overlay-footer input[type=submit]:hover {
background-color: #ff4e00;
background-image: linear-gradient(358deg, #FFBE0B 0%, #F42B03 100%);
color: #fff;
border: 0px solid transparent;
}
.tabNav ul li {
float: left;
width: 19.2%;
margin-right: 1%;
text-align: center
}
.tabNav ul li:last-child {
margin-right: 0
}
.tabNav ul li a {
color: #000;
padding: 13px 9px;
display: block;
border-radius: 5px;
background: #fff;
font-size: 16px
}
.tabNav ul li a.active {
background: #000;
color: #fff;
font-family: Archivo, sans-serif
}
.tabNav ul li:last-child {
background-image: none
}
.tabResult {
padding: 20px 0
}
.tabResult .tabBx {
display: none
}
.tabResult .grid-5,
.tabResult .grid-7 {
padding: 0
}
.nav .container>ul.menuR>li>a {
padding: 34.5px 25px 31.5px 10px;
}
.tabResult p {
padding-bottom: 8px
}
.ul-resize-right {
width: 24% !important;
}
.ul-resize-left {
margin-left: 0px !important;
}
.tabResult .tabBx .mobile-menu {
display: none
}
.error-cntr {
margin-top: 77px
}
.l-main {
z-index: 1;
position: relative
}
.l-canvas.type_wide .l-subheader-h,
.l-canvas.type_wide .l-submain-h,
.l-canvas.type_wide+.l-footer .l-subfooter-h {
max-width: 940px
}
.l-submain-h {
width: 100%;
max-width: 1000px;
margin: 0 auto
}
.page-404 {
text-align: center
}
.l-submain {
padding: 60px 40px 0 40px;
position: relative;
background-position: center center;
-webkit-background-size: cover;
background-size: cover
}
.ul-right li.header-img a:before {
display: none;
}
.page-404 h1 {
margin-top: 40px;
margin-bottom: 10px;
font-size: 36px;
line-height: 46px;
color: #000;
font-family: Archivo, sans-serif;
text-transform: uppercase
}
.page-404 p {
margin-bottom: 24px;
font-size: 14px;
line-height: 24px;
font-family: Archivo, sans-serif;
color: #686868
}
.page-404 a {
color: #028aa7;
text-decoration: none
}
.error.parallax.common-top {
padding-bottom: 50px
}
/*nitin start*/
.aside .img-span {
width: 40%;
float: left;
display: block;
margin-right: 10px;
}
.aside .img-span-r {
float: right;
width: 40%;
}
.aside img {
width: 40%;
display: block;
}
.img-span-r {
float: left;
display: inline-block;
}
.new-dtls .mr-tp {
margin-top: 55px;
display: block;
}
.new-dtls .mr-t {
margin-top: 35px;
display: block;
}
.new-dtls .flex {
display: flex;
justify-content: center;
align-items: center;
}
.new-dtls .flex img {
width: 25%;
}
.projectslist .plistbox ul li .bd {
margin-top: 40px;
}
.dflex {
width: 100%;
margin-bottom: 10px;
}
.dflex p {
text-align: justify;
display: block;
}
.new-dtls p,
.new-dtls p a {
word-spacing: 4px;
}
.dflex .shift-img-1 {
height: auto;
margin: 0 20px;
}
.dflex-side {
display: flex;
justify-content: top;
align-items: center;
}
.dflex-side .dflex1,
.dflex2 {
width: 50%;
margin: 0 20px;
}
.dflex p i {
margin: 20px 0;
color: #31519c;
font-size: 18px;
font-weight: 500;
}
.dflex .shift-img-2 {
height: auto;
margin: 0 20px;
}
.dflex .img-div-header {
position: relative;
display: inline-block;
width: 31%;
float: right;
margin-bottom: 20px;
}
.dflex .img-div-header.fl-left {
float: left;
margin-right: 20px;
}
.dflex .img-div-header.fl-left img {
margin: 0;
}
.dflex .img-div-header b {
font-size: 14px;
color: #325198;
font-weight: 500;
text-align: center;
position: absolute;
bottom: -31px;
left: 30px;
display: block;
right: 0;
}
.dflex .img-div-header b.designation-pos {
bottom: -40px;
position: absolute;
font-size: 14px;
line-height: 15px;
/* width: 100% !important; */
left: 0px;
line-height: 18px;
text-align: center;
}
.dflex .img-div-header .designation-pos-l {
text-align: center;
bottom: -28px;
position: absolute;
font-size: 14px;
line-height: 15px;
/* width: 100% !important; */
left: 24px;
right: 0;
}
.dflex .img-div-header .flex b {
font-size: 15px;
color: #000;
font-weight: 500;
text-align: center;
position: absolute;
bottom: -56px;
left: 0px;
display: block;
right: 0;
}
.new-dtls b.designation-name {
font-size: 13px !important;
color: #000;
font-weight: 500 !important;
display: inline-block;
margin-top: 20px;
line-height: 20px;
}
.sk-double-bounce {
width: 40px;
height: 40px;
position: relative;
margin: 40px auto
}
.sk-double-bounce .sk-child {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #22a947;
opacity: .6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
animation: sk-doubleBounce 2s infinite ease-in-out
}
.sk-double-bounce .sk-double-bounce2 {
-webkit-animation-delay: -1s;
animation-delay: -1s
}
@-webkit-keyframes sk-doubleBounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes sk-doubleBounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.sk-double-bounce {
width: 40px;
height: 40px;
position: relative;
margin: 40px auto
}
.sk-double-bounce .sk-child {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #31519a;
opacity: .6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
animation: sk-doubleBounce 2s infinite ease-in-out
}
.sk-double-bounce .sk-double-bounce2 {
-webkit-animation-delay: -1s;
animation-delay: -1s
}
@-webkit-keyframes sk-doubleBounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes sk-doubleBounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.loader {
position: fixed;
background-color: #f5f5f5;
height: 100vh;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9999999
}
.pre-container {
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
text-align: center
}
.accordion dl {
border: 1px solid #d0d0d0;
border-radius: 0;
margin-bottom: 20px;
box-shadow: 3px 3px silver
}
.accordion dl dt {
background: none repeat scroll 0 0 #e8e8e8;
color: #212121;
cursor: pointer;
font-size: 20px;
font-family: Archivo, sans-serif;
padding: 8px 1%;
position: relative
}
.accordion dl.active dt {
border-bottom: 1px solid #d0d0d0
}
.accordion dl dt:after {
background: #fff;
border: 1px solid #fff;
border-radius: 3px;
content: "\f103";
font: 24px/30px FontAwesome;
height: 30px;
margin: 6px 1%;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 30px;
color: #2c6a90
}
.accordion dl.active dt:after {
content: "\f102"
}
.accordion dl dd {
display: none;
padding: 10px 1%
}
.login-section {
display: table;
width: 100%;
height: 100%
}
.login-inner-cnt {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center
}
.login-inner-cnt .login-box {
width: 100%;
padding: 20px;
background-color: #fff;
margin: 20px auto;
border: 1px solid #ddd;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
max-width: 380px
}
.login-inner-cnt .login-box .form-row .form-field input[type=text] {
padding-left: 40px
}
.login-inner-cnt .login-box .form-row .form-field input[type=button] {
display: block;
width: 100%
}
.login-inner-cnt .form-layout {
border: none
}
.header {
background: none repeat scroll 0 0 #fff;
font: 20px Archivo, sans-serif;
position: relative;
z-index: 999
}
.header .container {
padding: 0
}
.header .logo {
float: left;
padding: 18px 0;
}
.header .logo img {
max-width: 80%;
}
.nav {
transition: all .3s ease;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease
}
.nav.fixed>.container>ul>li:nth-child(3) .container,
.nav>.container>ul>li:nth-child(3) .container {
max-width: 1281px
}
.ul-right .header-img a {
padding: 23px 17px 0 !important;
}
.header .nav .container {
padding: 0
}
.nav .container>ul>li {
float: left
}
/*.nav .container ul li.search-btn>a:before {
content: '\f002';
font-family: FontAwesome;
font-size: 13px;
line-height: 15px;
width: 15px;
height: 15px;
color: #2a2a2a;
float: right;
position: absolute;
bottom: 0;
right: 22px;
top: 28px
}*/
.nav .container ul li.search-btn>a:before {
content: '\f002';
font-family: FontAwesome;
font-size: 16px;
line-height: 15px;
width: 13px;
height: 15px;
color: #2a2a2a;
float: right;
position: absolute;
bottom: 0;
right: 0px;
top: 37px;
}
.nav .container ul li.search-btn.active>a:before {
content: '\f00d'
}
.nav .container ul li.search-btn.active .search-container {
display: block
}
.search-container {
width: 294px;
float: right;
padding: 7px 0;
position: absolute;
right: 52px;
top: 7px;
display: none
}
.nav .container>ul>li:first-child .sub-menu .grid-3:nth-child(3) ul li:nth-child(4) {
display: none
}
.nav .container>ul>li:last-child {
margin: 0;
padding: 0;
border: none;
position: relative
}
.nav .container>ul>li>a {
display: block;
font: 15px Archivo, sans-serif;
font-weight: 500;
padding: 34px 25px;
color: #2a2a2a;
padding-left: 10px;
}
.nav .container>ul.menuR>li>a {
padding: 31.5px 25px 31.5px 0
}
.nav .container ul.menuR li.search-btn>a:before {
line-height: 9px
}
.nav .container ul li.search-btn.active .search-container {
bottom: -69px;
right: 0;
top: auto;
}
.nav .container>ul>li.has-sub-menu:hover>a,
.nav .container>ul>li:hover>a,
.nav .container>ul>li>a.active {
color: #31519c
}
.nav .container>ul>li.has-sub-menu:hover a:before,
.nav .container>ul>li:hover a:before {
color: #31519c
}
.home-banner-cntr .home-banner-slider .home-banner .banner-img-resize {
background-position: center;
}
.nav li.has-sub-menu.small {
position: relative
}
/* .nav ul.menuL li.has-sub-menu.small:nth-child(3) .sub-menu ul li:nth-child(6),
.nav ul.menuL li.has-sub-menu.small:nth-child(3) .sub-menu ul li:nth-child(7) {display:none} */
.nav li.small .sub-menu {
width: 212px
}
.nav li.small.full .sub-menu {
width: 100%
}
.nav li.small:hover .sub-menu {
height: auto;
padding: 0
}
.header .top-nav {
float: right;
padding: 12px 30px 12px 0
}
.header .top-nav li {
float: left;
padding: 0 15px
}
.header .top-nav li a {
font: 16px'Playfair Display', serif;
font-weight: 400;
color: #2d2c2c
}
.header .top-nav li a.active,
.header .top-nav li a:hover {
color: #f04a76
}
.nav li.has-sub-menu .sub-menu li.active,
.nav li.has-sub-menu .sub-menu li:hover {
background-color: #31519c
}
.nav li.has-sub-menu .sub-menu li.active a,
.nav li.has-sub-menu .sub-menu li:hover a {
color: #fff
}
.nav li:hover .sub-menu {
height: auto;
background: #fff;
padding: 17px 0;
border-top: 1px solid #eee
}
.nav li:nth-child(3):hover .sub-menu {
height: auto
}
/*.portfolioContainer .w-resize{*/
/* max-width:125px;*/
/*}*/
ul.portfolioContainer li.w-resize img {
/*max-width: 121px;*/
}
.sub-menu {
position: absolute;
left: 0;
width: 100%;
height: 0;
display: none;
box-shadow: 1px 4px 6px #acacac;
-moz-box-shadow: 1px 4px 6px #acacac;
-webkit-box-shadow: 1px 4px 6px #acacac
}
.sub-menu h4 {
font: 14px Archivo, sans-serif;
color: #2a2a2a;
padding: 5px 10px;
font-weight: 600
}
.sub-menu h4 a:hover {
text-decoration: underline
}
.sub-menu h4 a {
color: #31519c
}
a:hover {
color: #f04a76
}
.nav li.has-sub-menu.small:hover .sub-menu {
display: block;
}
.nav li.has-sub-menu.small.sub-menu-list a.main-sublink {
position: relative;
}
.nav li.has-sub-menu.small.sub-menu-list a.main-sublink svg {
width: 12px;
height: 12px;
float: right;
}
.nav li.has-sub-menu.small.sub-menu-list .submenu-innerlist {
left: 100%;
top: 0;
display: none;
}
.nav li.has-sub-menu.small.sub-menu-list .submenu-innerlist a {
color: #2a2a2a;
}
.nav li.has-sub-menu.small.sub-menu-list .submenu-innerlist a:hover {
color: #fff;
}
.nav li.has-sub-menu.small.sub-menu-list:hover .submenu-innerlist {
display: block;
}
.new-navigation-bar .menuL {
background: #fff;
}
.new-navigation-bar .menuL .has-sub-menu a {
font-weight: 700;
}
.new-navigation-bar .menuL,
.new-navigation-bar .menuR {
/* margin-top: 20px; */
}
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar {
position: absolute;
top: 100%;
left: 0;
width: 867px;
padding: 20px;
background: #fff;
border-top: 3px solid #e02057;
box-shadow: -4px 4px 15px #ddd;
display: none;
}
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar.left-100 {
left: -253%;
}
.new-navigation-bar .menuL .has-sub-menu:hover .sub-navigation-bar {
display: block;
}
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar:before {
content: '\f107';
font-family: FontAwesome;
font-size: 35px;
width: auto;
height: 8px;
color: #e02057;
float: right;
position: absolute;
top: 5px;
left: 24px;
transform: rotate(180deg);
}
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar:after {
content: " ";
width: 10px;
height: 10px;
background: #fff;
position: absolute;
top: -5px;
left: 30px;
border-radius: 10px 10px 0 0;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(1) .sub-navigation-bar .row .col:first-child {
width: 20%;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(1) .sub-navigation-bar .row .col:nth-child(4) {
width: 35%;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(1) .sub-navigation-bar .row .col {
width: 28%;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(2) .sub-navigation-bar.left-100:before {
left: 279px;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(2) .sub-navigation-bar.left-100:after {
left: 285px;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(2) .sub-navigation-bar.left-100 {
width: 1212px;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(2) .sub-navigation-bar.left-100 .row .col:nth-child(2) {
width: 15%;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(2) .sub-navigation-bar.left-100 .row .col:nth-child(5) {
width: 15%;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(3) .sub-navigation-bar {
width: 300px;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(3) .sub-navigation-bar:before {
left: 36px;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(3) .sub-navigation-bar:after {
left: 42px;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(3) .sub-navigation-bar .col {
width: 100%;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(3) .sub-navigation-bar .col strong {
display: block;
margin-bottom: 10px;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(3) .sub-navigation-bar .col strong:last-child {
margin-bottom: 0;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(4) .sub-navigation-bar {
width: 300px;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(4) .sub-navigation-bar:before {
left: 36px;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(4) .sub-navigation-bar:after {
left: 42px;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(4) .sub-navigation-bar .col {
width: 100%;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(4) .sub-navigation-bar .col strong {
display: block;
margin-bottom: 10px;
}
.new-navigation-bar .menuL .has-sub-menu:nth-child(4) .sub-navigation-bar .col strong:last-child {
margin-bottom: 0;
}
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar .row {
display: flex;
}
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar .col {
padding: 0 10px;
width: 25%;
}
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar .col strong {
font-size: 15px;
font-weight: 700;
text-transform: capitalize;
}
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar .col .link-list {
margin-top: 20px;
}
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar .col .link-list a {
font-size: 13px;
font-weight: 500;
color: #2a2a2a;
display: block;
margin-bottom: 10px;
line-height: 15px;
transition: 0.25s all linear;
}
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar .col .link-list a:last-child {
margin-bottom: 0;
}
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar .col .link-list a:hover {
color: #e02057;
transition: 0.25s all linear;
}
.sub-menu .grid-3 {
padding: 0 3%
}
.sub-menu .grid-layout {
margin: 0 -3%
}
.sub-menu ul li {
border-bottom: 1px solid #d0d0d0;
float: none
}
.sub-menu ul li.subsubMenu {
margin-left: 5px 10px;
background: rgba(0, 0, 0, 0) url(../images/bullet1.gif) no-repeat scroll left 12px
}
.sub-menu ul li a {
font: 14px Archivo, sans-serif;
color: #2a2a2a;
display: block;
padding: 5px 10px
}
.search-container {
width: 294px;
float: right;
padding: 7px 0
}
.gsc-control-cse.gsc-control-cse-en {
padding: 4px 30px 4px 15px;
font-size: 15px;
border-radius: 5px;
border: 1px solid #cdcdcd;
color: #2a2a2a;
font: 17px/26px Archivo, sans-serif;
margin: 0;
outline: medium none;
width: 100%;
position: relative
}
.gsc-input-box {
border: 0 !important
}
.gsc-input-box,
.gsc-input-box-focus,
.gsc-input-box-hover,
input.gsc-input {
border-color: transparent !important;
box-shadow: none !important
}
input.gsc-search-button,
input.gsc-search-button:focus,
input.gsc-search-button:hover {
border-color: transparent !important;
background-color: transparent !important;
background: url(../images/icon-search.png) no-repeat center center !important
}
.gsc-input+.gsc-search-button input {
border-color: transparent;
background-color: transparent;
position: absolute;
right: 0;
top: 0;
margin: 0;
height: inherit;
padding: 0;
width: 35px;
background: url(../images/icon-search.png) no-repeat center center;
border: none;
display: inline-block;
cursor: pointer;
color: #fff;
font: 14px'Playfair Display', serif;
font-weight: 400;
vertical-align: middle;
text-decoration: none;
text-align: center;
outline: 0;
-webkit-appearance: none;
border-radius: 5px;
display: block;
font-size: 0;
width: 38px;
height: 38px;
border: 0;
padding-left: 38px
}
.gsc-input+.gsc-search-button input div {
border: 0
}
.search-box {
position: relative;
height: 100%
}
.search-box input[type=text] {
padding: 4px 30px 4px 15px;
font-size: 15px;
border-radius: 5px
}
.search-box .search-btn {
position: absolute;
right: 0;
top: 0;
margin: 0;
height: inherit;
padding: 0;
width: 35px;
background: url(../images/icon-search.png) no-repeat center center;
border: none
}
.search-box .search-btn:hover {
background-color: transparent
}
ul.menuL {
float: left;
margin-left: 50px
}
.nav .container>ul.menuR>li>a {
font-size: 13px
}
.nav .container ul li a {
position: relative
}
.nav .container ul li>a:before {
content: '\f107';
font-family: FontAwesome;
font-size: 13px;
line-height: 9px;
width: auto;
height: 8px;
color: #bbb;
float: right;
position: absolute;
bottom: 0;
right: 13px;
top: 33px
}
.nav .container ul.menuR li>a:before {
top: 35px;
right: 14px
}
.nav .container ul li .sub-menu ul li a:before {
display: none
}
.hamburger {
position: relative;
top: 0;
right: 0;
margin: 0 auto;
width: 28px;
height: 26px;
cursor: pointer;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 9999999
}
.hamburger.is-active .hamburger--outer:nth-child(1),
.hamburger.is-active .hamburger--outer:nth-child(2),
.hamburger.is-active .hamburger--outer:nth-child(3),
.hamburger.is-inactive:hover .hamburger--outer:nth-child(6),
.hamburger.is-inactive:hover .hamburger--outer:nth-child(7) {
display: none
}
.hamburger.is-active .hamburger--outer:nth-child(6) {
-webkit-transform: rotate(225deg) translateX(0) scaleX(1);
transform: rotate(225deg) translateX(0) scaleX(1);
top: 21px;
left: 25px
}
.hamburger.is-active .hamburger--outer:nth-child(7) {
-webkit-transform: rotate(-45deg) translateX(0) scaleX(1);
transform: rotate(-45deg) translateX(0) scaleX(1);
top: 21px;
left: 5px
}
.hamburger.is-inactive:hover .hamburger--outer:nth-child(1) {
-webkit-animation: hamburgerHover .33s ease-out .32s;
animation: hamburgerHover .33s ease-out .32s
}
.hamburger.is-inactive:hover .hamburger--outer:nth-child(2) {
-webkit-animation: hamburgerHover .33s ease-out .21s;
animation: hamburgerHover .33s ease-out .21s;
left: 0;
width: 100%;
-webkit-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.hamburger.is-inactive:hover .hamburger--outer:nth-child(3) {
-webkit-animation: hamburgerHover .33s ease-out .1s;
animation: hamburgerHover .33s ease-out .1s
}
.hamburger--outer {
display: block;
position: absolute;
height: 4px;
background: #2d2b51;
border-radius: 9px;
opacity: 1;
-webkit-transform: rotate(0);
transform: rotate(0)
}
.hamburger--outer:nth-child(1),
.hamburger--outer:nth-child(4),
.hamburger--outer:nth-child(6) {
top: 0;
left: 0;
width: 100%;
-webkit-transform-origin: left center;
transform-origin: left center
}
.hamburger--outer:nth-child(2) {
top: 10px;
left: 6px;
width: 22px;
-webkit-transform-origin: left center;
transform-origin: left center
}
.hamburger--outer:nth-child(3),
.hamburger--outer:nth-child(5),
.hamburger--outer:nth-child(7) {
top: 20px;
left: 0;
width: 100%;
-webkit-transform-origin: left center;
transform-origin: left center
}
.hamburger--outer:nth-child(4) {
top: -1px;
left: 4px;
-webkit-transform: rotate(45deg) translateX(0) scaleX(0);
transform: rotate(45deg) translateX(0) scaleX(0)
}
.hamburger--outer:nth-child(5) {
top: -1px;
left: 22px;
-webkit-transform: rotate(135deg) translateX(0) scaleX(0);
transform: rotate(135deg) translateX(0) scaleX(0)
}
@-webkit-keyframes hamburgerHover {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(110%);
transform: translateX(110%)
}
50.001% {
-webkit-transform: translateX(0) translateY(11px);
transform: translateX(0) translateY(11px)
}
100% {
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0)
}
}
@keyframes hamburgerHover {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(110%);
transform: translateX(110%)
}
50.001% {
-webkit-transform: translateX(0) translateY(11px);
transform: translateX(0) translateY(11px)
}
100% {
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0)
}
}
.closeNavBar {
position: fixed;
right: -475px;
top: 0;
width: 25%;
height: 100%;
overflow: hidden;
z-index: -1
}
.closeNavBar.openNavBar {
z-index: 98;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .25);
background-color: #fff;
right: 0
}
.pageNavigation {
border-radius: 0;
width: 49px;
height: 100%;
float: right;
background-color: #fff;
border: none;
transition: all 1s ease-out
}
.menubar {
position: relative;
z-index: 99
}
.openRound {
transform: scale(100);
transition: all .8s ease-in;
cursor: default
}
.circle-nav {
height: 700px;
width: 700px;
border-radius: 50%;
background: #f6f6f6;
position: absolute;
left: -200px;
top: -200px
}
.menucontent {
opacity: 0;
transition: all 300ms;
transition-delay: 0s
}
.closeNavBar.openNavBar .menucontent {
opacity: 1;
transition: all .4s;
transition-delay: .4s
}
.ballonboy {
position: absolute;
right: 0;
bottom: 0;
width: 300px
}
.teddyballon {
position: absolute;
top: 20px;
left: 60px
}
.sliding-u-l-r-l {
display: inline-block;
position: relative;
padding-bottom: 0;
color: #222;
font-size: 18px;
font-weight: 400
}
.sliding-u-l-r-l span {
position: relative;
z-index: 2
}
.navigation-links {
position: relative;
z-index: 99;
position: absolute;
left: 15%;
top: 170px
}
.navigation-links ul li {
margin-bottom: 20px
}
.navigation-links ul li a:hover {
color: #2f3193;
text-decoration: underline
}
#benefits,
#clients,
#key-features,
#line-of-business,
#news,
#overview {
position: relative;
bottom: 94px
}
#loan-life-cycle-management {
position: relative;
bottom: 150px
}
ul.list {
margin-left: 17px
}
ul.list li {
padding: 5px 0 5px 7px;
font: 17px/20px Archivo, sans-serif;
margin-bottom: 10px;
color: #2a2a2a
}
ul.list.bullet {
margin-left: 0;
/*padding-bottom: 20px*/
}
ul.list.bullet li {
background: url(../images/bullet.png) no-repeat scroll left 10px;
padding: 0 0 0 15px;
font-family: Archivo, sans-serif;
color: #444;
font-size: 18px;
line-height: 28px;
font-weight: 100;
margin: 0;
margin-bottom: 20px
}
ul.list.bullet ul.list {
margin-left: 17px
}
ul.list.bullet ul.list li {
padding: 5px 0 5px 7px;
font: 17px/20px Archivo, sans-serif;
margin-bottom: 10px;
color: #2a2a2a
}
ul.list.bullet ul.list.bullet {
margin-left: 0;
padding-bottom: 5px
}
ul.list.bullet ul.list.bullet li {
background: none;
padding: 0 0 0 15px;
font-family: Archivo, sans-serif;
color: #444;
font-size: 18px;
line-height: 28px;
font-weight: 100;
margin: 0;
margin-bottom: 10px;
position: relative;
}
ul.list.bullet ul.list.bullet li:after {
content: '';
position: absolute;
top: 11px;
left: 0;
width: 6px;
height: 6px;
background: #de5777bd;
}
ul.list.bullet ul.list.bullet.numeric-list li {
padding-left: 5px;
background: 0 0
}
p.bullet {
background: url(../images/bullet.png) no-repeat scroll left 10px;
padding: 0 0 0 15px;
font-family: Archivo, sans-serif;
margin: 0;
margin-bottom: 10px;
padding-left: 17px !important;
}
.gridblog {}
.blog-dtls ul.list.bullet.gridblog li {
background: none;
padding: 0;
width: 46%;
float: left;
}
.blog-dtls ul.list.bullet.gridblog li:nth-child(even) {
margin-left: 3%;
}
.blog-dtls ul.list.bullet.gridblog li:nth-child(odd) {
margin-right: 3%;
}
.gridblogimg img {
width: 100%;
}
.gridblogdetails {
padding: 20px;
background: #f2f2f2;
}
.about-info ul.list.bullet li {
margin-bottom: 0
}
ul.list.bullet.ref-links li {
margin-bottom: 0
}
ul.list.bullet li a {
color: #f04a76;
}
.grid-table ul.list.bullet li,
.grid-table ul.list.bullet li a {
font-size: 18px;
background-position: 0 13px
}
.about-cntr+.about-cntr+.about-cntr .grid-table ul.list.bullet li {
background-position: 0 8px
}
ul.list.bullet li a:hover {
text-decoration: underline
}
ul.list li:last-child {
margin-bottom: 0
}
ul.list li ul {
margin-top: 10px
}
ul.list.number li {
list-style-type: decimal
}
ul.list.disc li {
list-style-type: disc
}
ul.list.lower-roman li {
list-style-type: lower-roman
}
ul.list.upper-roman li {
list-style-type: upper-roman
}
ul.list.bullet.numeric-list {
list-style-type: decimal;
padding-left: 25px
}
ul.list.bullet.numeric-list li {
padding-left: 5px;
background: 0 0
}
.header {
background: #fff;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .25);
position: relative;
z-index: 999999;
position: fixed;
width: 100%;
top: 0
}
.navigation {
padding: 21px 0
}
.logo {
float: left
}
.nav-menu {
float: right;
padding: 0;
margin-top: 0
}
.nav-menu ul li {
float: left;
border-right: 1px solid #dfe1e1;
display: flex;
height: 52px
}
.nav-menu ul li:nth-child(2) {
border-right: 0
}
.nav-menu ul li a {
font-size: 18px;
font-family: Archivo, sans-serif
}
.nav-menu ul li.call a .call-icon {
width: 30px;
height: 30px;
border-radius: 50px;
border: 1px solid #dfe1e1;
display: inline-block;
background: #fff url(../images/call-icon.png);
background-repeat: no-repeat;
background-position: center;
position: relative;
top: -6px;
right: 10px
}
.nav-menu ul li.call a {
padding: 17px 17px 17px 25px;
background-color: #f1f4f6;
display: flex
}
.nav-menu ul li.email a .mail-icon {
width: 30px;
height: 30px;
border-radius: 50px;
border: 1px solid #dfe1e1;
display: inline-block;
background: #fff url(../images/mail-icon.png);
background-repeat: no-repeat;
background-position: center;
position: relative;
top: -6px;
right: 10px
}
.mobile-nelito-system {
display: none;
}
.nav-menu ul li.email a {
padding: 17px 17px 17px 25px;
background-color: #f1f4f6;
display: flex
}
.nav-menu ul li.enquiry a {
background-color: #f15f86;
padding: 15px 20px;
font-size: 18px;
color: #fff;
min-width: 160px;
text-align: center;
border-radius: 0;
text-transform: uppercase;
border: 2px solid #f15f86
}
.nav-menu ul li a:hover {
color: #fff;
background-color: #33509c;
border: 0 solid #33509c
}
.nav-menu ul li.home-iconmenu a {
height: 20px;
width: 20px;
background: url(banking-solutions/nbfc/images/sprite.png) -1px -1px no-repeat
}
.nav-menu ul li.home-iconmenu a:hover {
background-position: -1px -21px
}
.nav-menu ul li:last-child {
margin-left: 20px;
display: flex;
border-right: 0
}
.mobile-nav-icon {
display: none
}
.login-mblmenu {
float: left
}
.common-top {
margin-top: 83px
}
.dis-table {
display: table;
width: 100%;
height: 100%
}
.dis-tablecell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle
}
.home-banner-cntr {
padding-top: 73px;
position: relative
}
.home-banner-cntr .common-slider .container {
height: 80vh;
position: relative
}
.inner-bannertxt {
width: 51%;
top: 50%;
margin-top: -150px;
margin-left: 0;
display: block;
background-position: left center;
background-repeat: no-repeat;
position: absolute;
background-size: contain;
height: 300px;
padding: 76px 0px
}
.home-banner-cntr .common-slider:before {
content: " ";
width: 100%;
height: 100%;
display: block;
background-position: left center;
background-repeat: no-repeat;
position: absolute;
background-size: contain;
background-color: rgba(0, 0, 0, .6)
}
p {
font: 17px/26px Archivo, sans-serif;
padding-bottom: 20px
}
.gsc-control-cse.gsc-control-cse-en {
padding: 4px 30px 4px 15px;
border-radius: 5px;
border: 1px solid #cdcdcd;
color: #2a2a2a;
font: 17px/26px Archivo, sans-serif;
margin: 0;
outline: 0;
width: 100%;
position: relative
}
.gsc-input-box {
border: 0 !important
}
.gsc-input-box,
.gsc-input-box-focus,
.gsc-input-box-hover,
input.gsc-input {
border-color: transparent !important;
box-shadow: none !important
}
input.gsc-search-button,
input.gsc-search-button:focus,
input.gsc-search-button:hover {
border-color: transparent !important;
background: url(../images/icon-search.png) center center no-repeat !important
}
.gsc-input+.gsc-search-button input,
.search-box .search-btn {
top: 0;
margin: 0;
background: url(../images/icon-search.png) center center no-repeat;
right: 0
}
.gsc-input+.gsc-search-button input {
position: absolute;
padding: 0 0 0 38px;
cursor: pointer;
color: #fff;
font: 14px'Playfair Display', serif;
vertical-align: middle;
text-decoration: none;
text-align: center;
outline: 0;
-webkit-appearance: none;
border-radius: 5px;
display: block;
font-size: 0;
width: 38px;
height: 38px;
border: 0
}
.gsc-input+.gsc-search-button input div {
border: 0
}
.search-box {
position: relative;
height: 100%
}
.search-box input[type=text] {
padding: 4px 30px 4px 15px;
font-size: 15px;
border-radius: 5px
}
.search-box .search-btn {
position: absolute;
height: inherit;
padding: 0;
width: 35px;
border: none
}
.banner,
.banner ul {
position: relative
}
.search-box .search-btn:hover {
background-color: transparent
}
.templateHeading {
border-bottom: 2px solid #000;
font: 35px Lobster, cursive;
padding: 0 0 7px;
margin: 0 0 15px
}
.doorstep-overlay h3 {
margin-bottom: 10px
}
.doorstep-overlay h2 {
color: #31519c;
font: 19px/24px'Playfair Display', serif
}
.side-section p {
padding-bottom: 17px;
font: 22px/22px Archivo, sans-serif;
color: #31519c;
margin-left: 20px
}
.slider.single-item {
height: 570px;
display: -webkit-inline-box
}
.banner .slick-initialized .slick-slide {
height: 570px
}
.homepage .banner .slick-initialized .slick-slide {
height: 100% !important;
position:relative;
}
.banner ul {
overflow: hidden;
width: 100%
}
.caritem {
position: absolute;
width: 100%
}
.banner .cta {
padding-top: 30px
}
.banner .banner-caption {
position: absolute;
z-index: 100;
background-color: rgba(49, 81, 156, .7);
color: #fff;
transition: all .3s ease;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
width: 364px;
right: 0;
height: 100%;
padding: 40px
}
.banner .banner-caption h2 span {
font: 18px'Playfair Display', serif;
font-weight: 700
}
.banner .banner-caption h2.jscb {
font: 30px'Playfair Display', serif;
line-height: 38px;
font-weight: 700
}
.content-heading {
margin-top: 75px
}
.banner .bx-pager.bx-default-pager {
display: none
}
.banner .banner-caption {
bottom: 0;
left: -500px;
opacity: 0
}
.full-slider {
position: relative
}
.slider-Large-txt {
position: absolute;
left: 0;
top: 46%;
margin-top: -100px;
z-index: 999
}
.slider-Large-txt .s-Big-txt {
font-size: 48px;
line-height: 52px;
color: #fff;
font-family: 'Playfair Display', serif;
font-weight: 700;
width: 600px
}
.slider-Large-txt .s-Big-txt span {
color: #fff;
font-size: 18px;
line-height: 26px;
display: block;
font-family: 'Playfair Display', serif;
font-weight: 700
}
.slider-Large-txt .s-Big-txt p {
font-size: 16px;
line-height: 22px;
font-family: Archivo, sans-serif;
color: #fff;
padding-top: 20px
}
.slider-Large-txt .s-Big-txt a {
font: 14px Archivo, sans-serif;
font-weight: 700;
padding: 8px 15px;
background-color: #f04a76;
border-radius: 0;
border: 2px solid #f04a76;
color: #fff
}
.slider-Large-txt .s-Big-txt a:hover {
background-color: #fff;
color: #f04a76;
text-decoration: none
}
.media-cntr .highlights-slider-txt a:hover,
.media-cntr .knowledge-base-txt a:hover,
.media-cntr .news-slider-txt a:hover {
text-decoration: underline
}
.client-details .content-middle {
margin-top: 18px !important;
display: block;
}
.slider-row .container {
position: absolute;
height: 100%;
left: 10%
}
.bgfull {
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, .5)
}
.banner ul.slick-dots {
display: none !important
}
.slick-prev {
left: 50px;
background-image: url(../images/prev-arrow.png);
z-index: 9
}
.slick-next {
right: 50px;
background-image: url(../images/next-arrow.png);
z-index: 9
}
.slick-next,
.slick-prev {
top: 46%
}
.media-cntr {
background-color: #f2f2f2;
padding: 125px 0
}
.digital-banking-solutions-cntr .container,
.media-cntr .container {
max-width: 1280px
}
.media-cntr h2 {
font-size: 46px;
font-family: 'Playfair Display', serif;
font-weight: 700;
margin-bottom: 30px;
color: #000;
padding-bottom: 0
}
.grid-4.knowledge-base-cntr {
min-height: 325px
}
.grid-4.knowledge-base-cntr img {
width: 100%
}
.media-cntr .knowledge-base-txt {
padding: 15px 20px;
background-color: #fff;
height: 160px
}
.media-cntr .knowledge-base-txt h3 {
font: 18px'Playfair Display', serif;
color: #20242f;
font-weight: 700;
padding-bottom: 10px
}
.media-cntr .knowledge-base-txt p {
width: 100%;
font: 18px/22px Archivo, sans-serif;
font-weight: 500;
color: #5a5a5a;
padding: 0 0 5px
}
.media-cntr .knowledge-base-txt a {
color: #1d54a0;
font-size: 14px;
font-weight: 500;
padding-top: 20px;
display: block;
font-family: Archivo, sans-serif
}
.media-cntr .knowledge-base-txt span {
display: block;
color: #9b9b9b
}
.grid-4.highlights-slider-cntr {
min-height: 325px;
position: relative
}
.grid-4.news-slider-cntr {
padding: 0 4% 0 0
}
.grid-4.highlights-slider-cntr {
padding: 0 2%
}
.grid-4.highlights-slider-cntr+.grid-4.news-slider-cntr {
padding: 0 0 0 4%
}
ul.media-blog-slider li i img,
ul.media-highlights-slider li i img {
/*width:100%;*/
height: 183px
}
.media-cntr .highlights-slider-txt {
padding: 15px 20px;
background-color: #4474b7;
height: 190px
}
.media-cntr .highlights-slider-txt h3 {
font: 18px'Playfair Display', serif;
color: #fff;
font-weight: 700;
padding-bottom: 10px;
padding-top: 10px
}
.media-cntr .highlights-slider-txt p {
width: 100%;
font: 15px/22px Archivo, sans-serif;
font-weight: 500;
color: #fff;
padding: 0
}
.media-cntr .highlights-slider-txt a {
color: #fff;
font-size: 14px;
font-weight: 100;
padding-top: 20px;
display: block;
font-family: Archivo, sans-serif
}
.highlights-slider-cntr .bx-pager-item {
width: 55px
}
.highlights-slider-cntr .bx-pager-item a {
border-radius: 0;
font-size: 0;
background-color: #bfbfbf;
height: 8px
}
.highlights-slider-cntr .bx-pager-item a:hover {
background: #f04a76
}
.highlights-slider-cntr .bx-pager {
background-color: #4474b7;
position: absolute;
width: 100%;
bottom: 0;
padding-bottom: 20px
}
.bx-pager {
text-align: center;
margin-top: 20px
}
.bx-pager-item {
display: inline-block;
height: 10px;
margin: 0 5px;
overflow: hidden;
text-indent: -41px;
width: 10px
}
.bx-pager-item a {
display: block;
background: #999;
border-radius: 50%;
height: 10px
}
.bx-pager-item a.active {
background: #f04a76
}
.grid-4.news-slider-cntr {
min-height: 325px;
position: relative
}
ul.media-news-slider li i img {
width: 100%
}
.media-cntr .news-slider-txt {
padding: 15px 20px;
background-color: #fff;
height: 190px
}
.media-cntr .news-slider-txt h3 {
font: 18px'Playfair Display', serif;
color: #20242f;
font-weight: 700;
padding-bottom: 10px;
padding-top: 10px
}
.media-cntr .news-slider-txt p {
width: 100%;
font: 15px/26px Archivo, sans-serif;
font-weight: 100;
color: #444;
padding: 0
}
.media-cntr .news-slider-txt a {
color: #1d54a0;
font-size: 14px;
font-weight: 500;
padding-top: 20px;
display: block;
font-family: Archivo, sans-serif
}
.news-slider-cntr .bx-pager-item {
width: 55px
}
.news-slider-cntr .bx-pager-item a {
border-radius: 0;
font-size: 0;
background-color: #bfbfbf;
height: 8px
}
.news-slider-cntr .bx-pager-item a.active,
.news-slider-cntr .bx-pager-item a:hover {
background: #f04a76
}
.media-cntr .bx-wrapper {
position: relative
}
.news-slider-cntr .bx-pager {
background-color: #fff;
position: absolute;
width: 100%;
bottom: 0;
padding-bottom: 20px
}
.news-media-cntr .bx-pager-item {
width: 55px
}
.news-media-cntr .bx-pager-item a {
border-radius: 0;
font-size: 0;
background-color: #bfbfbf;
height: 8px
}
.news-media-cntr .bx-pager-item a:hover {
background: #f04a76
}
.news-media-cntr .bx-pager {
background-color: #4474b7;
position: absolute;
width: 94%;
bottom: 0;
padding-bottom: 8px
}
.newsmedia-txt {
background-color: #fff;
padding: 30px 20px
}
.news-media-cntr h2 {
font: 700 24px'Playfair Display', serif;
padding-bottom: 24px
}
.news-media-cntr h2 a {
float: right;
font: 15px/34px Archivo, sans-serif;
font-weight: 700;
text-transform: uppercase
}
.news-media-cntr ul li {
padding-bottom: 20px
}
.news-media-cntr ul li .news-media-txt p {
width: 100%;
font: 18px/22px Archivo, sans-serif;
font-weight: 500;
color: #5a5a5a;
padding-bottom: 5px
}
.news-media-cntr ul li .news-media-txt span {
display: block;
color: #9b9b9b
}
.analytics-banner-cntr,
.custom-application-development-banner-cntr,
.finacle-cbs-implementation-banner-cntr,
.it-infrastructure-services-banner-cntr,
.knowledge-process-outsourcing-banner-cntr,
.swift-services-banner-cntr {
display: none
}
.digital-banking-solutions-cntr ul li:hover .hoverbox {
background: rgba(49, 81, 156, .72)
}
.hoverbox {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../images/shadow.png) center bottom no-repeat;
z-index: 2;
background-size: cover
}
.digital-banking-solutions-cntr ul li a i img {
transform: scale(1.01);
transition: all .7s ease-out;
width: 100%
}
.digital-banking-solutions-cntr ul li:hover a i img {
transform: scale(1.12);
transition: all 1.1s ease-in
}
.digital-banking-solutions-cntr {
background-color: #fff;
padding: 90px 0 0
}
.digital-banking-solutions-cntr h2 {
font-size: 46px;
line-height: 56px;
font-family: 'Playfair Display', serif;
font-weight: 700;
padding-top: 5px;
margin-bottom: 50px;
color: #000;
padding-bottom: 0
}
.digital-banking-solutions-cntr h2 p {
width: 100%;
font: 15px/26px Archivo, sans-serif;
color: #444;
padding: 0;
font-weight: 100;
margin-top: 20px
}
.digital-banking-solutions-cntr ul li a:hover {
text-decoration: none
}
.digital-banking-solutions-cntr ul li {
width: 33.33333%;
float: left;
position: relative;
overflow: hidden
}
.digital-banking-solutions-cntr ul li p {
padding: 40px;
font-family: 'Playfair Display', serif;
font-size: 28px;
line-height: 24px;
font-weight: 700;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
color: #fff
}
.dis-table {
display: table;
width: 100%;
height: 100%
}
.dis-tablecell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle
}
/***********************************/
.key-features-sec {
background: #305199;
padding: 100px 0 200px;
}
.text-align-cent {
align-items: center;
}
.key-features-sec-header {
display: inline-block;
}
.key-features-sec-header h2{
font-family: 'Playfair Display', serif;
font-size: 45px;
line-height: 52px;
font-weight: 700;
color: #fff;
}
.key-features-sec-right {
display: inline-block;
}
.key-features-sec-right {
}
.key-features-sec-right .col-6.col-lg-4{
position: relative;
}
.key-features-sec-right span{
font-size: 18px;
color: #fff;
line-height: 28px;
font-weight: 300;
border: 1px solid #7789b1;
padding: 15px;
margin: 0 0 20px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.benefits-mid-cntr.benefits-sec-new .container{
background: #fff;
width: fit-content;
max-width: 1320px;
}
.benefits-sec-new .container .solution-cntr h2{
color: #000;
}
.benefits-sec-new .container .solution-cntr ul li{
color: #000;
background-image: url(../images/tickmark-red.png);
font-size: 18px;
line-height: 30px;
display: flex;
background-repeat: no-repeat;
background-position: 0px 5px;
margin-bottom: 15px;
padding-left: 32px;
font-weight: 300;
}
.benefits-mid-cntr.benefits-sec-new .container .grid-6 img{
position: relative;
top: -100px;
left: -2%;
}
.benefits-mid-cntr.benefits-sec-new .container .grid-6 .solution-cntr{
width: 100%;
}
/***********************************/
.our-services-cntr {
background-color: #fff;
padding: 120px 0;
position: relative;
}
.our-services-cntr .grid-5 {
padding: 0;
width: 100%
}
.our-services-cntr .grid-5 h2 {
font-size: 36px;
font-family: 'Playfair Display', serif;
font-weight: 700;
color: #555;
padding-bottom: 30px
}
.our-services-cntr .grid-5 ul {
margin-bottom: 30px;
display: inline-block;
width: 100%
}
.our-services-cntr .grid-5 ul li {
font: 15px/20px Archivo, sans-serif;
float: left;
color: #555;
margin-right: 45px;
border: 1px solid #ddd;
font-weight: 500
}
.our-services-cntr .grid-5 ul li:last-child {
margin-right: 0
}
.our-services-cntr .grid-5 ul li a {
color: rgba(255, 255, 255, .6);
padding-bottom: 15px;
color: #555;
padding: 10px 12px;
display: block
}
.our-services-cntr .grid-5 ul li:nth-child(2) a {
padding: 20px 12px
}
.our-services-cntr .grid-5 ul li a.active,
.our-services-cntr .grid-5 ul li a:hover {
color: #fff;
background: #334f9b
}
.our-services-cntr .grid-7 {
padding: 0;
width: 100%;
position: relative
}
.our-services-cntr .grid-5 h2 {
text-align: center
}
.our-services-cntr .grid-7 .grid-5 {
position: absolute;
top: 0;
width: 30%;
height: 100%;
background: rgba(255, 255, 255, .9);
padding: 200px 20px;
z-index: 9999
}
.our-services-cntr .grid-7 .grid-5 h2 {
text-align: left;
position: absolute;
top: 86px;
color: #000
}
.our-services-cntr .grid-7 .grid-5 ul {
margin-bottom: 0
}
.our-services-cntr .grid-7 .grid-5 ul li {
width: 100%;
margin: 0;
padding: 0;
border: 0;
font: 18px/28px Archivo, sans-serif;
font-weight: 600;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
padding-bottom: 5px
}
.our-services-cntr .grid-7 .grid-5 ul li a br {
display: none
}
.our-services-cntr .grid-7 .grid-5 ul li a {
padding: 0 10px
}
.our-services-cntr .grid-7 .grid-5 ul li a.active,
.our-services-cntr .grid-7 .grid-5 ul li a:hover {
color: #31519a;
background: 0 0
}
.our-services-cntr .grid-7 .custom-pre-control {
left: 32%
}
.services-image-info {
width: 545px;
height: 302px;
background: rgba(68, 116, 183, .9);
font-family: Poppins-Light;
font-size: 20px;
line-height: 36px;
color: #fff;
padding: 0 30px;
position: absolute;
top: 200px;
right: 80px
}
.services-image-info h2 {
font-size: 28px;
line-height: 42px;
font-family: 'Playfair Display', serif;
padding-bottom: 5px;
font-weight: 700
}
.services-image-info p {
color: #fff;
padding-bottom: 10px;
font: 16px/26px Archivo, sans-serif
}
.services-image-info a {
font: 14px Archivo, sans-serif;
font-weight: 700;
color: #fff;
padding: 8px 15px;
background-color: #f04a76;
border-radius: 0;
border: 2px solid #f04a76;
display: inline-block
}
.excellence-through-agility-cntr h2,
.infographics-cntr ul li h3,
.map-cntr h2,
.our-clients-cntr h2 {
font-family: 'Playfair Display', serif
}
.services-image-info a:hover {
background-color: #fff;
color: #f04a76;
text-decoration: none
}
.our-services-cntr .grid-7 i img {
opacity: 0;
width: 100%
}
.benefits-bg-colo,
.servicesfix-bg {
width: 100%;
height: 100%;
position: absolute
}
.servicesfix-bg {
bottom: 0;
left: 0;
background-color: rgba(37, 46, 55, .5)
}
.benefits-bg-colo {
background-color: rgba(25, 85, 170, .8)
}
.excellence-through-agility-cntr {
background-image: url(../images/agility-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative;
height: 100vh;
min-height: 100%
}
.excellence-through-agility-cntr .container,
.our-services-cntr .container {
max-width: 1280px
}
.excellence-through-agility-cntr .benefits-bg-colo {
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(25, 85, 170, .8)
}
.excellence-through-agility-cntr h2 {
font-size: 36px;
font-weight: 700;
color: #fff;
padding-bottom: 20px;
text-align: center
}
.excellence-through-agility-cntr p {
color: #fff;
padding-bottom: 15px;
text-align: center;
width: 65%;
margin: 0 auto
}
.client-download-brochure {
position: absolute;
right: 0;
bottom: -115px;
}
.client-download-brochure a{
text-decoration: none;
padding: 10px 16px;
display: inline-block;
font-size: 15px;
float: left;
background: #f04a76;
border: 1px solid #f04a76;
color: #fff;
}
.client-download-brochure a:hover{
background: #31519a;
border: 1px solid #31519a;
}
.infographics-cntr {
padding-top: 80px;
display: inline-block
}
.infographics-cntr ul li {
width: 13.1%;
float: left;
margin: 0 20px;
padding-top: 50px;
background-image: url(../images/circle-fff.png);
background-repeat: no-repeat;
position: relative
}
.infographics-cntr ul li h3 {
font-size: 28px;
font-weight: 700;
color: #fff;
padding-bottom: 10px;
text-align: left
}
.infographics-cntr ul li p {
color: #fff;
padding-bottom: 15px;
width: 100%;
text-align: left
}
.infographics-cntr ul li:before {
background-image: url(../images/dot-line.png);
content: " ";
height: 3px;
display: inline-block;
position: absolute;
top: 15px;
left: 40px;
width: 100%
}
.map-cntr,
.map-cntr .container {
position: relative
}
.map-cntr .container {
max-width: 1280px
}
.infographics-cntr ul li:last-child:before {
display: none
}
.map-cntr {
padding: 110px 0;
text-align: center;
background-color: #4474b7;
height: 646px;
}
.map-info-cntr {
padding: 0;
text-align: center;
position: absolute;
top: 70%;
margin-top: -300px;
left: 0%;
width: 360px
}
.map-cntr h2 {
font-size: 36px;
font-weight: 700;
color: #fff;
padding-bottom: 45px
}
.map-img {
float: right;
width: 100%;
}
.map-img img {
width: 100%
}
ul.map-info {
display: inline-block;
border: 1px solid #eee;
box-shadow: 0 0 10px #333;
background: #fff;
padding: 50px
}
ul.map-info li {
float: left;
width: 50%;
margin-top: 15px;
min-height: 84px;
}
ul.map-info li:nth-child(3) {
padding-top: 0px;
}
ul.map-info li:nth-child(4) {
/* padding-top: 10px; */
}
ul.map-info li:nth-child(5) {
/* padding-top: 15px; */
display: inline-block;
}
ul.map-info li:nth-child(5) span {
margin-top: 20px;
}
ul.map-info li:nth-child(2) span {
margin-top: 20px;
}
/*ul.map-info li:nth-child(5) {width:94%;text-align:center;margin:0 auto 20px;float:right;display:inline-block}*/
/*ul.map-info li:last-child {width:94%;text-align:left;margin:30px auto 0;float:right;display:inline-block}*/
ul.map-info li ul {
text-align: center
}
ul.map-info li ul li {
width: 30%;
margin-right: 10px;
border-radius: 50%;
margin-top: 10px
}
ul.map-info li ul li img {
border-radius: 0;
border: 0 solid #ccc
}
ul.map-info li ul li:last-child {
width: 50%;
margin-right: 0;
border-radius: 50%;
float: none;
margin-top: 10px
}
ul.map-info li p {
font-size: 32px;
font-weight: 700;
padding: 0;
color: #31519a;
font-family: 'Playfair Display', serif;
}
ul.map-info li:last-child .dis-table p {
text-align: center
}
ul.map-info li p sup {
font-size: 26px;
margin-left: 5px
}
ul.map-info li p span {
display: block;
font-weight: 400;
font-size: 15px;
line-height: 16px;
margin-top: 20px;
color: #444;
font-family: Archivo, sans-serif;
}
/************************************************/
.key-features-new {
padding: 0px 0 100px;
position: relative;
overflow: hidden;
}
.key-features-new h2{
font-family: 'Playfair Display', serif;
color: #fff;
font-size: 45px;
line-height: 52px;
font-weight: 700;
text-align: center;
margin-bottom: 20px;
margin-top: -160px;
}
.key-features-new-top-img {
width: 100%;
}
.key-features-new-top-img img{
width: 100%;
}
.key-features-new ul {
flex-wrap: wrap;
}
.key-features-new ul li{
width: 19%;
display: inline-block;
padding: 20px 20px 10px;
box-sizing: border-box;
border: 1px solid transparent;
margin: 0 20px 40px;
border-radius: 10px;
background: #204386;
flex: 0 0 auto;
margin: 0 auto 10px;
}
.key-features-new ul li .key-features-new-icon{
width: 62px;
height: 62px;
margin: 0 auto 10px;
background: #204386;
border-radius: 50%;
overflow: hidden;
}
.key-features-new ul li .key-features-new-icon img{
width: 100%;
}
.key-features-new ul li h4{
font-size: 16px;
text-align: center;
padding: 0;
line-height: 24px;
color: #fff;
}
/************************************************/
.our-clients-bg {
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0
}
.our-clients-cntr {
padding: 70px 0 120px 0;
background: url(../images/client-bg-home.jpg) center bottom no-repeat #f7f7f7;
background-size: cover;
position: relative;
background: #f2f2f2;
}
ul.map-info.home-map-info li.dts-table {
width: 100%;
float: none;
}
ul.map-info.home-map-info .map-info-cntr-h h4 {
font-size: 28px;
letter-spacing: 1px;
font-weight: 600;
color: #000 !important;
display: inline-block;
font-family: 'Playfair Display', serif;
}
ul.map-info.home-map-info {
padding: 45px 21px;
}
ul.map-info.home-map-info li.dts-table h2 {
font-size: 45px;
margin-top: 0;
color: #1f317b;
font-family: Archivo, sans-serif;
font-style: italic;
padding-bottom: 0;
}
ul.map-info.home-map-info li.dts-table h4 {
font-size: 16px;
margin-top: 0;
color: #e9527c;
font-family: Archivo, sans-serif;
font-style: italic;
padding-bottom: 0;
font-weight: 600;
}
ul.map-info.home-map-info li.dts-table p {
font-size: 15px;
line-height: 20px;
margin-top: 20px;
}
.nelito-systems-sec {
background-color: transparent;
/*display: none;*/
margin: 20px 0;
}
ul.map-info.home-map-info.nelito-systems-sec-info {
width: 100%;
background: transparent;
box-shadow: none;
border: none;
padding: 30px 20px;
}
ul.map-info.home-map-info.nelito-systems-sec-info .map-info-cntr-h {
width: 100%;
text-align: center;
margin-bottom: 40px;
}
ul.map-info.home-map-info.nelito-systems-sec-info .map-info-cntr-h h4 {
color: #fff !important;
}
ul.map-info.home-map-info.nelito-systems-sec-info li {
width: 200px;
height: 200px;
display: inline-block;
margin: 0 4%;
text-align: center;
background: transparent;
padding: 40px 0;
border-radius: 50%;
border: 2px solid #31519c;
}
ul.map-info.home-map-info.nelito-systems-sec-info li p {
color: #31519c;
}
ul.map-info.home-map-info.nelito-systems-sec-info li p span {
color: #31519c;
}
.clients-saying,
.our-clients-cntr h2 {
padding-bottom: 70px;
text-align: center
}
.our-clients-cntr .container {
position: relative
}
.our-clients-cntr h2 {
font-size: 36px;
font-weight: 700;
color: #000;
position: relative
}
.clients-saying {
font-size: 14px
}
.our-clients-slider-cntr {
border: 30px solid #ededed;
padding: 50px;
width: 85%;
margin: 0 auto;
position: relative;
background-color: #fff
}
ul.our-clients-slider li {
height: 500px
}
ul.our-clients-slider li .dis-table {
height: 400px
}
.our-clients-slider-cntr .clients-icon {
position: absolute;
top: -60px;
width: 100%;
left: 0;
text-align: center
}
.our-clients-slider-cntr .clients-icon img {
height: 90px
}
.our-clients-slider-cntr .bx-controls-direction {
display: none
}
.client-details {
margin-top: 10px;
display: flex
}
.client-image {
float: left;
width: 150px
}
.client-designation {
float: left;
padding: 30px 0 30px 15px;
}
ul.our-clients-slider li span.designation {
display: block;
margin: 0px 0 10px;
font-size: 16px;
font-weight: 600;
}
ul.our-clients-slider li span.bank-name {
display: block;
font-size: 14px
}
.our-clients-cntr .bx-controls-direction {
top: 0;
left: 0;
width: 100%;
height: 100%
}
.our-clients-cntr .bx-prev {
left: 10px;
background-image: url(../images/prev-arrow.png);
z-index: 9
}
.our-clients-cntr .bx-next {
right: 10px;
background-image: url(../images/next-arrow.png);
z-index: 9
}
.our-clients-cntr .bx-next,
.our-clients-cntr .bx-prev {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 35px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: 0
}
.inner-bannertxt h1,
.inner-bannertxt h2 {
font-size: 36px;
line-height: 42px;
color: #fff;
font-family: 'Playfair Display', serif;
font-weight: 700
}
.inner-bannertxt h2 span.product {
display: block;
font-size: 20px;
line-height: 26px
}
.inner-bannertxt p {
font-size: 18px;
line-height: 32px;
font-family: Archivo, sans-serif;
color: #fff
}
.about-cntr {
padding: 20px 0 80px
}
.about-info .grid-6 {
padding: 0
}
.about-info h1,
.about-info h2 {
font-family: 'Playfair Display', serif;
font-weight: 700;
color: #305099;
padding-bottom: 0;
margin-top: 0;
font-size: 46px;
margin-bottom: 0
}
.about-info h3 {
font-family: 'Playfair Display', serif;
font-weight: 700;
margin-top: 40px;
color: #000;
margin-bottom: 0;
padding-bottom: 0;
font-size: 26px;
line-height: 34px
}
.about-info p {
font-size: 18px;
color: #444;
line-height: 28px;
margin: 20px auto 0;
font-family: Archivo, sans-serif;
}
.about-info p a {
color: #f04a76
}
.about-info p a:hover {
text-decoration: underline
}
.about-info h3 a {
color: #f04a76
}
.about-info h3 a:hover {
text-decoration: underline
}
.about-info p.p1 {
margin: 20px auto 0
}
.about-info p strong {
font-weight: 700
}
.about-info .grid-12 {
padding: 0
}
.mid-banner-bg-colo {
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(33, 35, 47, .9)
/*background: #fafafa;*/
}
.mid-banner-cntr {
position: relative
}
.mid-banner-cntr .container {
width: 1280px
}
.mid-banner-cntr img {
width: 100%
}
.mid-banner-info {
padding: 75px 0 0;
}
.mid-banner-info h2 {
font-size: 48px;
color: #fff;
font-family: 'Playfair Display', serif;
font-weight: 700;
margin-bottom: 30px;
text-align: center
}
.mid-banner-info ul li {
font-size: 21px;
color: #fff;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 80px;
width: 35%;
float: left;
line-height: 28px;
margin-left: 12%;
min-height: 62px;
background-repeat: no-repeat;
background-position: 0 center;
background-size: 62px;
font-weight: 300;
display: grid;
}
/*.core-banking-solution-mid-banner .mid-banner-info {
padding: 60px 0 0;
}
.core-banking-solution-mid-banner .mid-banner-info ul li {
font-size: 18px;
color: #fff;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 80px;
width: 35%;
float: left;
line-height: 24px;
margin-left: 12%;
min-height: 62px;
background-repeat: no-repeat;
background-position: 0 center;
background-size: 62px;
font-weight: 300;
display: grid;
}*/
/*.mid-banner-cntr {*/
/* background-image: url(../images/key-features-banner.jpg);*/
/* background-size: cover;*/
/* height: 780px;*/
/* background-attachment: fixed;*/
/* position: relative;*/
/* overflow: hidden;*/
/*}*/
.mid-banner-cntr {
background-image: url(../images/key-features-update-banner.jpg);
background-size: cover;
height: 780px;
background-attachment: fixed;
position: relative;
overflow: hidden;
}
.home-banner-cntr .core-banking-solution-slider {
background-image: url(../images/core-banking-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.mid-banner-cntr.core-banking-solution-mid-banner ul li:nth-child(1) {
background-image: url(../images/core-banking-key-features-update-icon-1.png)
}
.mid-banner-cntr.core-banking-solution-mid-banner ul li:nth-child(2) {
background-image: url(../images/core-banking-key-features-update-icon-2.png)
}
.mid-banner-cntr.core-banking-solution-mid-banner ul li:nth-child(3) {
background-image: url(../images/core-banking-key-features-update-icon-3.png)
}
.mid-banner-cntr.core-banking-solution-mid-banner ul li:nth-child(4) {
background-image: url(../images/core-banking-key-features-update-icon-4.png)
}
.mid-banner-cntr.core-banking-solution-mid-banner ul li:nth-child(5) {
background-image: url(../images/core-banking-key-features-update-icon-5.png)
}
.mid-banner-cntr.core-banking-solution-mid-banner ul li:nth-child(6) {
background-image: url(../images/core-banking-key-features-update-icon-6.png)
}
.mid-banner-cntr.core-banking-solution-mid-banner ul li:nth-child(7) {
background-image: url(../images/core-banking-key-features-update-icon-7.png);
/*width: 80%*/
}
.mid-banner-cntr.core-banking-solution-mid-banner ul li:nth-child(8) {
background-image: url(../images/core-banking-key-features-update-icon-8.png);
/*width: 80%*/
/*min-height: 74px;*/
}
.mid-banner-cntr.core-banking-solution-mid-banner ul li:nth-child(9) {
background-image: url(../images/core-banking-key-features-update-icon-9.png);
/*width: 80%*/
}
.mid-banner-cntr.core-banking-solution-mid-banner ul li:nth-child(10) {
background-image: url(../images/core-banking-key-features-update-icon-10.png);
/*width: 80%*/
}
.mid-banner-cntr.core-banking-solution-mid-banner ul li:nth-child(11) {
background-image: url(../images/core-banking-key-features-update-icon-11.png);
/*width: 80%*/
}
.mid-banner-cntr.core-banking-solution-mid-banner ul li:nth-child(12) {
background-image: url(../images/core-banking-key-features-update-icon-12.png);
/*width: 80%*/
}
.mid-banner-cntr.core-banking-solution-mid-banner ul li:nth-child(13) {
background-image: url(../images/core-banking-key-features-update-icon-13.png);
/*width: 80%*/
}
.mid-banner-cntr.core-banking-solution-mid-banner ul li:nth-child(14) {
background-image: url(../images/core-banking-key-features-update-icon-14.png);
/*width: 80%*/
}
.home-banner-cntr .data-archival-retrieval-slider {
background-image: url(../images/data-archival-retrieval-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.mid-banner-cntr.data-archival-retrieval-mid-banner ul li:nth-child(1) {
background-image: url(../images/data-archival-retrieval-key-features-icon-1.png)
}
.mid-banner-cntr.data-archival-retrieval-mid-banner ul li:nth-child(2) {
background-image: url(../images/data-archival-retrieval-key-features-icon-2.png)
}
.mid-banner-cntr.data-archival-retrieval-mid-banner ul li:nth-child(3) {
background-image: url(../images/data-archival-retrieval-key-features-icon-3.png)
}
.mid-banner-cntr.data-archival-retrieval-mid-banner ul li:nth-child(4) {
background-image: url(../images/data-archival-retrieval-key-features-icon-4.png)
}
.mid-banner-cntr.data-archival-retrieval-mid-banner ul li:nth-child(5) {
background-image: url(../images/data-archival-retrieval-key-features-icon-5.png)
}
.mid-banner-cntr.data-archival-retrieval-mid-banner ul li:nth-child(6) {
background-image: url(../images/data-archival-retrieval-key-features-icon-6.png)
}
.mid-banner-cntr.data-archival-retrieval-mid-banner ul li:nth-child(7) {
background-image: url(../images/data-archival-retrieval-key-features-icon-7.png)
}
.mid-banner-cntr.data-archival-retrieval-mid-banner ul li:nth-child(8) {
background-image: url(../images/data-archival-retrieval-key-features-icon-8.png)
}
.mid-banner-cntr.data-archival-retrieval-mid-banner ul li:nth-child(9) {
background-image: url(../images/data-archival-retrieval-key-features-icon-7.png)
}
.mid-banner-cntr.data-archival-retrieval-mid-banner ul li:nth-child(10) {
background-image: url(../images/data-archival-retrieval-key-features-icon-8.png)
}
.home-banner-cntr .doorstep-banking-solution-slider {
background-image: url(../images/doorstep-banking-solution-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.mid-banner-cntr.doorstep-banking-solution-mid-banner ul li:nth-child(1) {
background-image: url(../images/doorstep-banking-solution-key-features-icon-1.png)
}
.mid-banner-cntr.doorstep-banking-solution-mid-banner ul li:nth-child(2) {
background-image: url(../images/doorstep-banking-solution-key-features-icon-2.png)
}
.mid-banner-cntr.doorstep-banking-solution-mid-banner ul li:nth-child(3) {
background-image: url(../images/doorstep-banking-solution-key-features-icon-3.png)
}
.mid-banner-cntr.doorstep-banking-solution-mid-banner ul li:nth-child(4) {
background-image: url(../images/doorstep-banking-solution-key-features-icon-4.png)
}
.mid-banner-cntr.doorstep-banking-solution-mid-banner ul li:nth-child(5) {
background-image: url(../images/doorstep-banking-solution-key-features-icon-5.png)
}
.mid-banner-cntr.doorstep-banking-solution-mid-banner ul li:nth-child(6) {
background-image: url(../images/doorstep-banking-solution-key-features-icon-6.png)
}
.mid-banner-cntr.doorstep-banking-solution-mid-banner ul li:nth-child(7) {
background-image: url(../images/doorstep-banking-solution-key-features-icon-7.png)
}
.mid-banner-cntr.doorstep-banking-solution-mid-banner ul li:nth-child(8) {
background-image: url(../images/doorstep-banking-solution-key-features-icon-8.png)
}
.home-banner-cntr .fincraft-core-microfinance-solution-slider {
background-image: url(../images/fincraft-core-microfinance-solution-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.home-banner-cntr .fincraft-core-microfinance-solution-slider.fincraft-core-microfinance-solution-slider2 {
background-image: url(../images/fincraft-core-microfinance-solution-home-banner2.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.mid-banner-cntr.fincraft-core-microfinance-solution-mid-banner ul li:nth-child(1) {
background-image: url(../images/aadhar.png)
}
.mid-banner-cntr.fincraft-core-microfinance-solution-mid-banner ul li:nth-child(2) {
background-image: url(../images/offline-onboarding.png)
}
.mid-banner-cntr.fincraft-core-microfinance-solution-mid-banner ul li:nth-child(3) {
background-image: url(../images/integration.png)
}
.mid-banner-cntr.fincraft-core-microfinance-solution-mid-banner ul li:nth-child(4) {
background-image: url(../images/product-rule.png)
}
.mid-banner-cntr.fincraft-core-microfinance-solution-mid-banner ul li:nth-child(5) {
background-image: url(../images/dash.png)
}
.mid-banner-cntr.fincraft-core-microfinance-solution-mid-banner ul li:nth-child(6) {
background-image: url(../images/workflow.png)
}
.mid-banner-cntr.fincraft-core-microfinance-solution-mid-banner ul li:nth-child(7) {
background-image: url(../images/cms.png)
}
.mid-banner-cntr.fincraft-core-microfinance-solution-mid-banner ul li:nth-child(8) {
background-image: url(../images/business-rule.png)
}
.mid-banner-cntr.fincraft-core-microfinance-solution-mid-banner ul li:nth-child(9) {
background-image: url(../images/business-analytics.png)
}
.mid-banner-cntr.fincraft-core-microfinance-solution-mid-banner ul li:nth-child(10) {
background-image: url(../images/intgretion-broker.png)
}
.mid-banner-cntr.fincraft-core-microfinance-solution-mid-banner ul li:nth-child(11) {
background-image: url(../images/collection-management-system.png)
}
.mid-banner-cntr.fincraft-core-microfinance-solution-mid-banner ul li:nth-child(12) {
background-image: url(../images/enterprise-accounting.png)
}
.mid-banner-cntr.fincraft-core-microfinance-solution-mid-banner ul li:nth-child(13) {
background-image: url(../images/npa-management.png)
}
.mid-banner-cntr.fincraft-core-microfinance-solution-mid-banner ul li:nth-child(14) {
background-image: url(../images/mobility-field-agent-app.png)
}
.mid-banner-cntr.fincraft-core-microfinance-solution-mid-banner ul li:nth-child(15) {
background-image: url(../images/mobility-customer.png)
}
.home-banner-cntr .cheque-truncation-system-slider {
background-image: url(../images/cheque-truncation-system-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.mid-banner-cntr.cheque-truncation-system-mid-banner ul li:nth-child(1) {
background-image: url(../images/cheque-truncation-system-key-features-icon-1.png)
}
.mid-banner-cntr.cheque-truncation-system-mid-banner ul li:nth-child(2) {
background-image: url(../images/cheque-truncation-system-key-features-icon-2.png)
}
.mid-banner-cntr.cheque-truncation-system-mid-banner ul li:nth-child(3) {
background-image: url(../images/cheque-truncation-system-key-features-icon-3.png)
}
.mid-banner-cntr.cheque-truncation-system-mid-banner ul li:nth-child(4) {
background-image: url(../images/cheque-truncation-system-key-features-icon-4.png)
}
.mid-banner-cntr.cheque-truncation-system-mid-banner ul li:nth-child(5) {
background-image: url(../images/cheque-truncation-system-key-features-icon-5.png)
}
.mid-banner-cntr.cheque-truncation-system-mid-banner ul li:nth-child(6) {
background-image: url(../images/cheque-truncation-system-key-features-icon-6.png)
}
.mid-banner-cntr.cheque-truncation-system-mid-banner ul li:nth-child(7) {
background-image: url(../images/cheque-truncation-system-key-features-icon-7.png)
}
.mid-banner-cntr.cheque-truncation-system-mid-banner ul li:nth-child(8) {
background-image: url(../images/cheque-truncation-system-key-features-icon-8.png)
}
.home-banner-cntr .anti-money-laundering-solution-slider {
background-image: url(../images/anti-money-laundering-solution-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.mid-banner-cntr.anti-money-laundering-solution-mid-banner ul li:nth-child(1) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-1.png)
}
.mid-banner-cntr.anti-money-laundering-solution-mid-banner ul li:nth-child(2) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-2.png)
}
.mid-banner-cntr.anti-money-laundering-solution-mid-banner ul li:nth-child(3) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-3.png)
}
.mid-banner-cntr.anti-money-laundering-solution-mid-banner ul li:nth-child(4) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-4.png)
}
.mid-banner-cntr.anti-money-laundering-solution-mid-banner ul li:nth-child(5) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-5.png)
}
.mid-banner-cntr.anti-money-laundering-solution-mid-banner ul li:nth-child(6) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-6.png)
}
.home-banner-cntr .loan-origination-solution-banner-slider {
background-image: url(../images/loan-origination-solution-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.mid-banner-cntr.loan-origination-solution-mid-banner ul li:nth-child(1) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-1.png)
}
.mid-banner-cntr.loan-origination-solution-mid-banner ul li:nth-child(2) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-2.png)
}
.mid-banner-cntr.loan-origination-solution-mid-banner ul li:nth-child(3) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-3.png)
}
.mid-banner-cntr.loan-origination-solution-mid-banner ul li:nth-child(4) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-4.png)
}
.mid-banner-cntr.loan-origination-solution-mid-banner ul li:nth-child(5) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-5.png)
}
.mid-banner-cntr.loan-origination-solution-mid-banner ul li:nth-child(6) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-6.png)
}
.mid-banner-cntr.loan-origination-solution-mid-banner ul li:nth-child(7) {
background-image: url(../images/cheque-truncation-system-key-features-icon-7.png);
width: 80%
}
.home-banner-cntr .mobile-banking-solution-banner-slider {
background-image: url(../images/mobile-banking-solution-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.mid-banner-cntr.mobile-banking-solution-mid-banner ul li:nth-child(1) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-1.png)
}
.mid-banner-cntr.mobile-banking-solution-mid-banner ul li:nth-child(2) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-2.png)
}
.mid-banner-cntr.mobile-banking-solution-mid-banner ul li:nth-child(3) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-3.png)
}
.mid-banner-cntr.mobile-banking-solution-mid-banner ul li:nth-child(4) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-4.png)
}
.home-banner-cntr .internet-banking-solution-banner-slider {
background-image: url(../images/internet-banking-solution-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.mid-banner-cntr.internet-banking-solution-mid-banner ul li:nth-child(1) {
background-image: url(../images/internet-banking-solution-key-features-icon-1.png)
}
.mid-banner-cntr.internet-banking-solution-mid-banner ul li:nth-child(2) {
background-image: url(../images/internet-banking-solution-key-features-icon-2.png)
}
.mid-banner-cntr.internet-banking-solution-mid-banner ul li:nth-child(3) {
background-image: url(../images/internet-banking-solution-key-features-icon-3.png)
}
.mid-banner-cntr.internet-banking-solution-mid-banner ul li:nth-child(4) {
background-image: url(../images/internet-banking-solution-key-features-icon-4.png)
}
.mid-banner-cntr.internet-banking-solution-mid-banner ul li:nth-child(5) {
background-image: url(../images/internet-banking-solution-key-features-icon-5.png)
}
.mid-banner-cntr.internet-banking-solution-mid-banner ul li:nth-child(6) {
background-image: url(../images/internet-banking-solution-key-features-icon-6.png)
}
.mid-banner-cntr.internet-banking-solution-mid-banner ul li:nth-child(7) {
background-image: url(../images/internet-banking-solution-key-features-icon-7.png)
}
.mid-banner-cntr.internet-banking-solution-mid-banner ul li:nth-child(8) {
background-image: url(../images/internet-banking-solution-key-features-icon-8.png)
}
.mid-banner-cntr.internet-banking-solution-mid-banner ul li:nth-child(9) {
background-image: url(../images/internet-banking-solution-key-features-icon-9.png)
}
.mid-banner-cntr.internet-banking-solution-mid-banner ul li:nth-child(10) {
background-image: url(../images/internet-banking-solution-key-features-icon-10.png)
}
.mid-banner-cntr.internet-banking-solution-mid-banner ul li:nth-child(11) {
background-image: url(../images/internet-banking-solution-key-features-icon-11.png)
}
.mid-banner-cntr.internet-banking-solution-mid-banner ul li:nth-child(12) {
background-image: url(../images/internet-banking-solution-key-features-icon-12.png)
}
.mid-banner-cntr.internet-banking-solution-mid-banner ul li:nth-child(13) {
background-image: url(../images/internet-banking-solution-key-features-icon-13.png)
}
.mid-banner-cntr.internet-banking-solution-mid-banner ul li:nth-child(14) {
background-image: url(../images/internet-banking-solution-key-features-icon-14.png)
}
.home-banner-cntr .loan-management-solution-banner-slider {
background-image: url(../images/loan-management-solution-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.mid-banner-cntr.loan-management-solution-mid-banner ul li:nth-child(1) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-1.png)
}
.mid-banner-cntr.loan-management-solution-mid-banner ul li:nth-child(2) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-2.png)
}
.mid-banner-cntr.loan-management-solution-mid-banner ul li:nth-child(3) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-3.png)
}
.mid-banner-cntr.loan-management-solution-mid-banner ul li:nth-child(4) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-4.png)
}
.mid-banner-cntr.loan-management-solution-mid-banner ul li:nth-child(5) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-5.png)
}
.mid-banner-cntr.loan-management-solution-mid-banner ul li:nth-child(6) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-6.png)
}
.mid-banner-cntr.loan-management-solution-mid-banner ul li:nth-child(7) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-4.png)
}
.mid-banner-cntr.loan-management-solution-mid-banner ul li:nth-child(8) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-5.png)
}
.mid-banner-cntr.loan-management-solution-mid-banner ul li:nth-child(9) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-6.png);
width: 80%
}
.home-banner-cntr .nbfc-slider {
background-image: url(../images/nbfc-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.mid-banner-cntr.nbfc-slider-mid-banner ul li:nth-child(1) {
background-image: url(../images/cloud-ready.png)
}
.mid-banner-cntr.nbfc-slider-mid-banner ul li:nth-child(2) {
background-image: url(../images/reliable-secure.png)
}
.mid-banner-cntr.nbfc-slider-mid-banner ul li:nth-child(3) {
background-image: url(../images/scalable-platform.png)
}
.mid-banner-cntr.nbfc-slider-mid-banner ul li:nth-child(4) {
background-image: url(../images/multi-lingual.png)
}
.mid-banner-cntr.nbfc-slider-mid-banner ul li:nth-child(5) {
background-image: url(../images/device-agnostic.png)
}
.mid-banner-cntr.nbfc-slider-mid-banner ul li:nth-child(6) {
background-image: url(../images/powerful-rule-engine.png)
}
.mid-banner-cntr.nbfc-slider-mid-banner ul li:nth-child(7) {
background-image: url(../images/integrated-accounting.png)
}
.mid-banner-cntr.nbfc-slider-mid-banner ul li:nth-child(8) {
background-image: url(../images/region-based-pre-configuration.png)
}
.home-banner-cntr .collections-banner-slider {
background-image: url(../images/collections-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.mid-banner-cntr.collections-mid-banner ul li:nth-child(1) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-1.png)
}
.mid-banner-cntr.collections-mid-banner ul li:nth-child(2) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-2.png)
}
.mid-banner-cntr.collections-mid-banner ul li:nth-child(3) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-3.png)
}
.mid-banner-cntr.collections-mid-banner ul li:nth-child(4) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-4.png)
}
.mid-banner-cntr.collections-mid-banner ul li:nth-child(5) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-5.png)
}
.mid-banner-cntr.collections-mid-banner ul li:nth-child(6) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-6.png)
}
.mid-banner-cntr.collections-mid-banner ul li:nth-child(7) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-4.png)
}
.mid-banner-cntr.collections-mid-banner ul li:nth-child(8) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-5.png)
}
.mid-banner-cntr.collections-mid-banner ul li:nth-child(9) {
background-image: url(../images/anti-money-laundering-solution-key-features-icon-6.png);
width: 80%
}
.home-banner-cntr .nach-mms-slider {
background-image: url(../images/nach-mms-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.mid-banner-cntr.nach-mms-mid-banner ul li:nth-child(1) {
background-image: url(../images/nach-mms-key-features-icon-1.png)
}
.mid-banner-cntr.nach-mms-mid-banner ul li:nth-child(2) {
background-image: url(../images/nach-mms-key-features-icon-2.png)
}
.mid-banner-cntr.nach-mms-mid-banner ul li:nth-child(3) {
background-image: url(../images/nach-mms-key-features-icon-3.png)
}
.mid-banner-cntr.nach-mms-mid-banner ul li:nth-child(4) {
background-image: url(../images/nach-mms-key-features-icon-4.png)
}
.mid-banner-cntr.nach-mms-mid-banner ul li:nth-child(5) {
background-image: url(../images/nach-mms-key-features-icon-5.png)
}
.mid-banner-cntr.nach-mms-mid-banner ul li:nth-child(6) {
background-image: url(../images/nach-mms-key-features-icon-6.png)
}
.mid-banner-cntr.nach-mms-mid-banner ul li:nth-child(7) {
background-image: url(../images/nach-mms-key-features-icon-7.png)
}
.mid-banner-cntr.nach-mms-mid-banner ul li:nth-child(8) {
background-image: url(../images/nach-mms-key-features-icon-8.png)
}
.home-banner-cntr .lending-analytics-slider {
background-image: url(../images/lending-analytics-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.mid-banner-cntr.lending-analytics-mid-banner ul li:nth-child(1) {
background-image: url(../images/lending-analytics-key-features-icon-1.png)
}
.mid-banner-cntr.lending-analytics-mid-banner ul li:nth-child(2) {
background-image: url(../images/lending-analytics-key-features-icon-2.png)
}
.mid-banner-cntr.lending-analytics-mid-banner ul li:nth-child(3) {
background-image: url(../images/lending-analytics-key-features-icon-3.png)
}
.mid-banner-cntr.lending-analytics-mid-banner ul li:nth-child(4) {
background-image: url(../images/lending-analytics-key-features-icon-4.png)
}
.mid-banner-cntr.lending-analytics-mid-banner ul li:nth-child(5) {
background-image: url(../images/lending-analytics-key-features-icon-5.png)
}
.mid-banner-cntr.lending-analytics-mid-banner ul li:nth-child(6) {
background-image: url(../images/lending-analytics-key-features-icon-6.png)
}
.home-banner-cntr .data-warehousing-banner-slider {
background-image: url(../images/data-warehousing-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.mid-banner-cntr.data-warehousing-mid-banner ul li:nth-child(1) {
background-image: url(../images/lending-analytics-key-features-icon-1.png)
}
.mid-banner-cntr.data-warehousing-mid-banner ul li:nth-child(2) {
background-image: url(../images/lending-analytics-key-features-icon-2.png)
}
.mid-banner-cntr.data-warehousing-mid-banner ul li:nth-child(3) {
background-image: url(../images/lending-analytics-key-features-icon-3.png)
}
.mid-banner-cntr.data-warehousing-mid-banner ul li:nth-child(4) {
background-image: url(../images/lending-analytics-key-features-icon-4.png)
}
.mid-banner-cntr.data-warehousing-mid-banner ul li:nth-child(5) {
background-image: url(../images/lending-analytics-key-features-icon-5.png)
}
.mid-banner-cntr.data-warehousing-mid-banner ul li:nth-child(6) {
background-image: url(../images/lending-analytics-key-features-icon-6.png)
}
.home-banner-cntr .mobility-solution-banner-slider {
background-image: url(../images/mobility-solution-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.home-banner-cntr .cloud-banner-slider {
background-image: url(../images/cloud-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.home-banner-cntr .banking-banner-slider {
background-image: url(../images/banking-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.home-banner-cntr .government-banner-slider {
background-image: url(../images/government-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.home-banner-cntr .financial-banner-slider {
background-image: url(../images/financial-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.home-banner-cntr .enterprise-reporting-solution-slider {
background-image: url(../images/enterprise-reporting-solution-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.home-banner-cntr .adf-banner {
background-image: url(../images/adfbanner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative;
}
.mid-banner-cntr.enterprise-reporting-solution-mid-banner ul li:nth-child(1) {
background-image: url(../images/core-banking-key-features-icon-1.png)
}
.mid-banner-cntr.enterprise-reporting-solution-mid-banner ul li:nth-child(2) {
background-image: url(../images/core-banking-key-features-icon-2.png)
}
.mid-banner-cntr.enterprise-reporting-solution-mid-banner ul li:nth-child(3) {
background-image: url(../images/core-banking-key-features-icon-3.png)
}
.mid-banner-cntr.enterprise-reporting-solution-mid-banner ul li:nth-child(4) {
background-image: url(../images/core-banking-key-features-icon-4.png)
}
.mid-banner-cntr.enterprise-reporting-solution-mid-banner ul li:nth-child(5) {
background-image: url(../images/core-banking-key-features-icon-5.png)
}
.mid-banner-cntr.enterprise-reporting-solution-mid-banner ul li:nth-child(6) {
background-image: url(../images/core-banking-key-features-icon-6.png)
}
.mid-banner-cntr.enterprise-reporting-solution-mid-banner ul li:nth-child(7) {
background-image: url(../images/core-banking-key-features-icon-7.png);
width: 80%
}
.home-banner-cntr .custom-application-development-slider {
background-image: url(../images/custom-application-development-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.home-banner-cntr .it-infrastructure-services-slider {
background-image: url(../images/it-infrastructure-services-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.home-banner-cntr .swift-services-slider {
background-image: url(../images/swift-services-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.home-banner-cntr .finacle-cbs-implementation-slider {
background-image: url(../images/finacle-cbs-implementation-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.home-banner-cntr .business-process-management-slider {
background-image: url(../images/business-process-management-home-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.mid-banner-cntr.business-process-management-mid-banner ul li:nth-child(1) {
background-image: url(../images/business-process-management-key-features-icon-1.png)
}
.mid-banner-cntr.business-process-management-mid-banner ul li:nth-child(2) {
background-image: url(../images/business-process-management-key-features-icon-2.png)
}
.mid-banner-cntr.business-process-management-mid-banner ul li:nth-child(3) {
background-image: url(../images/business-process-management-key-features-icon-3.png)
}
.mid-banner-cntr.business-process-management-mid-banner ul li:nth-child(4) {
background-image: url(../images/business-process-management-key-features-icon-4.png)
}
.mid-banner-cntr.business-process-management-mid-banner ul li:nth-child(5) {
background-image: url(../images/business-process-management-key-features-icon-5.png)
}
.mid-banner-cntr.business-process-management-mid-banner ul li:nth-child(6) {
background-image: url(../images/business-process-management-key-features-icon-6.png)
}
.mid-banner-cntr.business-process-management-mid-banner ul li:nth-child(7) {
background-image: url(../images/business-process-management-key-features-icon-7.png)
}
.home-banner-cntr .back-office-outsourcing-services-banner {
background-image: url(../images/back-office-outsourcing-services-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.home-banner-cntr .staff-augmentation-services-banner {
background-image: url(../images/staff-augmentation-services-banner.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.home-banner-cntr .common-slider.services .container {
height: 80vh;
position: relative
}
.home-banner-cntr .about-slider {
background-image: url(../images/about-home-banner-updated.jpg);
background-size: cover;
background-attachment: fixed;
position: relative
}
.home-banner-cntr .common-slider.data-warehousing-banner-slider .container {
height: 55vh;
position: relative
}
.mid-banner-cntr.digital-lending-solutions ul li:nth-child(1) {
background-image: url(../images/digital-lending-solutions-key-features-icon-1.png)
}
.mid-banner-cntr.digital-lending-solutions ul li:nth-child(2) {
background-image: url(../images/digital-lending-solutions-key-features-icon-2.png)
}
.mid-banner-cntr.digital-lending-solutions ul li:nth-child(3) {
background-image: url(../images/digital-lending-solutions-key-features-icon-3.png)
}
.mid-banner-cntr.digital-lending-solutions ul li:nth-child(4) {
background-image: url(../images/digital-lending-solutions-key-features-icon-4.png)
}
.mid-banner-cntr.digital-lending-solutions ul li:nth-child(5) {
background-image: url(../images/digital-lending-solutions-key-features-icon-5.png)
}
.mid-banner-cntr.digital-lending-solutions ul li:nth-child(6) {
background-image: url(../images/digital-lending-solutions-key-features-icon-6.png)
}
.mid-banner-cntr.digital-banking-solution ul li:nth-child(1) {
background-image: url(../images/digital-banking-key-features-icon-1.png)
}
.mid-banner-cntr.digital-banking-solution ul li:nth-child(2) {
background-image: url(../images/digital-banking-key-features-icon-2.png)
}
.mid-banner-cntr.digital-banking-solution ul li:nth-child(3) {
background-image: url(../images/digital-banking-key-features-icon-3.png)
}
.mid-banner-cntr.digital-banking-solution ul li:nth-child(4) {
background-image: url(../images/digital-banking-key-features-icon-4.png)
}
.mid-banner-cntr.digital-banking-solution ul li:nth-child(5) {
background-image: url(../images/digital-banking-key-features-icon-5.png)
}
.why-nelito-cntr {
background-image: url(../images/why-nelito.jpg);
background-size: cover;
background-attachment: fixed;
position: relative;
padding: 150px 0
}
.why-nelito-cntr:before {
content: " ";
width: 100%;
height: 100%;
display: block;
background-position: left center;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
background-size: contain;
background-color: rgba(56, 56, 56, .8)
}
.why-nelito-cntr .container {
position: relative
}
.why-nelito-cntr h2 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
margin-bottom: 60px;
text-align: center;
color: #fff
}
.why-nelito-cntr ul li {
float: left;
width: 20%;
text-align: center;
}
.why-nelito-cntr ul li p {
font-size: 19px;
color: #fff;
line-height: 28px;
margin-top: 20px
}
.about-cntr.commitment {
padding: 80px 0;
background: #fafafa
}
.about-cntr.commitment h2 {
padding-bottom: 20px
}
.key-share-holders-cntr {
background-image: url(../images/key-share-holders.jpg);
background-size: cover;
background-attachment: fixed;
position: relative;
padding: 150px 0
}
.key-share-holders-cntr:before {
content: " ";
width: 100%;
height: 100%;
display: block;
background-position: left center;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
background-size: contain;
background-color: rgba(46, 119, 195, .9)
}
.key-share-holders-cntr .container {
position: relative
}
.key-share-holders-cntr h2 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
margin-bottom: 20px;
text-align: center;
color: #fff;
padding: 0
}
.key-share-holders-cntr p {
margin-bottom: 60px;
color: #fff;
text-align: center
}
.key-share-holders-cntr ul li {
float: left;
width: 33.33333%;
text-align: center
}
.key-share-holders-cntr ul li:first-child {
text-align: right
}
.key-share-holders-cntr ul li:last-child {
text-align: left
}
.quality-systems-cntr {
padding: 120px 0
}
.quality-systems-cntr ul {
width: 60%;
margin: 0 auto
}
.quality-systems-cntr ul li {
width: 30%;
float: left;
text-align: center
}
.quality-systems-cntr ul li:nth-child(2) {
width: 40%;
padding: 0 6%
}
.quality-systems-cntr img {
display: block;
text-align: center;
margin: 0 auto
}
.quality-systems-cntr p {
color: #b3b3b3;
margin-top: 20px
}
.custom-pre-control {
position: absolute;
top: 50%;
margin-top: -23px;
text-align: left;
font-weight: 700;
left: 20px;
z-index: 99
}
.custom-next-control {
position: absolute;
top: 50%;
margin-top: -23px;
right: 20px;
text-align: center;
font-weight: 700
}
#slider-prev {
background: url(../images/prev-arrow.png) center center no-repeat;
position: relative;
display: block;
width: 20px;
height: 35px
}
#slider-prev:hover {
background: url(../images/prev-arrow.png) center center no-repeat
}
#slider-next {
background: url(../images/next-arrow.png) center center no-repeat;
position: relative;
display: block;
width: 20px;
height: 35px
}
#slider-next:hover {
background: url(../images/next-arrow.png) center center no-repeat
}
#prev-arrow {
background: url(../images/prev-arrow.png) center center no-repeat;
position: relative;
display: block;
width: 20px;
height: 35px
}
#prev-arrow:hover {
background: url(../images/prev-arrow.png) center center no-repeat
}
#next-arrow {
background: url(../images/next-arrow.png) center center no-repeat;
position: relative;
display: block;
width: 20px;
height: 35px
}
#next-arrowt:hover {
background: url(../images/next-arrow.png) center center no-repeat
}
.benefits-cntr {
background-image: url(../images/testimonials.jpg);
background-size: cover;
min-height: 750px;
background-attachment: fixed;
position: relative
}
.benefits-bg-colo {
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(48, 81, 153, .95)
}
.benefits-cntr .container {
padding: 130px 0;
max-width: 60%;
position: relative
}
.benefits-cntr .container:before {
content: "";
background: url(../images/testimonials-icon.png);
width: 63px;
height: 52px;
float: left;
left: 50%;
margin-left: -26px;
position: absolute;
top: 210px
}
.benefits-cntr h2 {
color: #fff;
font-size: 48px;
line-height: 52px;
text-align: center;
font-family: 'Playfair Display', serif;
font-weight: 700;
padding-bottom: 60px
}
.benefits-cntr ul li {
font-size: 18px;
line-height: 28px;
color: #fff;
margin-top: 30px;
text-align: center;
font-weight: 100
}
.clients-speak {
width: 100%;
margin: 0 auto 0
}
/*******************************************************/
.client-speak {
/*background: #f2f2f2;
padding: 181px 0 50px;
margin-top: -65px;*/
}
.main-client-slider {
padding: 0 100px;
}
.client-speak h2 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
text-align: center;
font-family: 'Playfair Display', serif;
margin-bottom: 0;
padding-bottom: 50px;
}
.client-speak .main-client-slider .client-content {
padding: 49px 47px;
background: #fff;
border-radius: 15px;
margin: 0 12px;
/*height: 560px;*/
overflow: auto;
}
.client-speak-slider .slick-track {
display: flex !important;
}
.client-speak-slider .slick-track .slick-slide {
display: flex !important;
height: inherit !important;
}
.client-speak .main-client-slider li {
height: auto !important;
}
.client-speak .main-client-slider .client-content .client-desc p {
font-size: 17px;
line-height: 30px;
padding-top: 51px;
position: relative;
color: #444;
}
.client-speak .main-client-slider .client-content .client-desc p:before {
content: ' \275D';
font-size: 104px;
color: #d1d3e0;
position: absolute;
top: 24px;
left: 0;
font-style: normal;
}
.client-speak .main-client-slider .client-content .client-desc p {
min-height: 260px;
}
.client-speak .main-client-slider .client-content .client-details {
display: block !important;
margin-top: 30px;
}
.client-speak .main-client-slider .client-content .client-details .client-image,
.client-speak .main-client-slider .client-content .client-details .client-designation {
display: inline-block;
vertical-align: middle;
}
.client-speak .main-client-slider .client-content .client-details .client-designation {
width: 63%;
text-align: left;
}
.client-speak .main-client-slider .client-content .client-details .client-designation .designation {
font-weight: 700;
font-size: 13px;
margin: 15px auto 15px;
display: block;
}
.client-speak .main-client-slider .client-content .client-details .client-designation .bank-name {
font-size: 12px;
line-height: 20px;
}
.client-speak .main-client-slider .slick-dots {
position: absolute;
bottom: -60px;
left: 0;
right: 0;
}
.client-speak .main-client-slider .slick-dots li button,
.client-speak .main-client-slider .slick-dots li {
width: 13px;
height: 13px;
}
.clinet-logo-section {
padding: 75px 0;
}
.clinet-logo-section .client-logo {
display: inline-block;
margin: 0 15px;
}
.clinet-logo-section .slick-slide img {
width: 54% !important;
}
/*******************************************************/
.benefits-cntr ul li p {
font-size: 16px;
width: 40%;
margin: 20px auto 0;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
padding: 10px 0;
margin-top: 30px;
font-weight: 700
}
.benefits-cntr ul li p span {
font-size: 14px;
display: block;
font-weight: 700
}
.benefits-cntr .bx-viewport {
min-height: 380px
}
.benefits-bg-colo .bx-wrapper {
padding-top: 30px
}
.benefits-bg-colo .bx-wrapper .bx-pager {
bottom: 100px
}
.contact-cntr {
padding: 180px 0
}
.contact-cntr .grid-12 {
padding: 0;
position: relative
}
.anq-qust h2 {
padding-bottom: 30px;
color: #fff;
font-size: 36px;
line-height: 42px;
font-family: 'Playfair Display', serif;
font-weight: 700
}
.enquiry-form {
width: 50%;
height: 570px;
position: absolute;
right: 0;
top: 50px;
background-color: #fff;
padding: 50px;
border: 1px solid #f2f2f2
}
.enquiry-form h2 {
padding-bottom: 30px;
color: #000;
font-size: 36px;
line-height: 42px;
font-family: 'Playfair Display', serif;
font-weight: 700
}
.enquiry-form h3 {
color: #dadada;
border-bottom: 1px solid #f0f0f0;
display: inline-block;
padding-bottom: 10px;
margin-bottom: 10px
}
.form-fields ul li {
width: 48%;
float: left;
margin-bottom: 25px
}
.form-fields ul li:nth-child(odd) {
margin-right: 17px
}
.form-fields ul li:nth-child(5) {
width: 100%
}
.form-fields ul li:last-child {
width: 100%;
position: relative
}
input[type=button].submit-btn {
background-color: #1694fb;
border: 0;
padding: 18px 20px;
font-size: 18px;
color: #fff;
min-width: 160px;
text-align: center;
border-radius: 0;
text-transform: uppercase;
border: 2px solid #1694fb
}
input[type=button].submit-btn:hover {
background-color: #fff;
color: #1694fb;
border: 2px solid #1694fb
}
.inforgaphic-cntr {
padding: 0
}
.inforgaphic-detail-cntr {
background: #fafafa;
padding: 100px 0
}
.inforgaphic-detail-cntr2 {
padding: 100px 0
}
.inforgaphic-detail-cntr h2,
.inforgaphic-detail-cntr2 h2 {
font-size: 18px;
color: #f04a76;
font-family: 'Playfair Display', serif;
font-weight: 700;
margin-bottom: 40px;
text-align: center
}
.inforgaphic-detail-cntr p,
.inforgaphic-detail-cntr2 p {
font-size: 18px;
color: #444;
line-height: 28px;
margin: 20px auto 40px;
font-family: Archivo, sans-serif;
font-weight: 100
}
.inforgaphic-img {
text-align: center
}
.inforgaphic-img img {
margin: 0 auto
}
.services-head {
text-align: center;
padding: 80px 0 80px;
position: relative
}
ul.services-banner li {
max-width: 279px;
margin-right: 30px
}
.service-txt {
position: absolute;
width: 90%;
bottom: 0;
padding: 10px;
background-color: #fff;
margin-left: 10px;
margin-bottom: 10px;
font-size: 18px;
box-shadow: 0 0 10px #9c9c9c
}
.services-cntr {
background: #fafafa;
padding: 100px 0
}
.services-cntr h2 {
font-size: 18px;
color: #f04a76;
font-family: 'Playfair Display', serif;
font-weight: 700;
margin-bottom: 40px;
text-align: center
}
.services-cntr p {
font-size: 18px;
color: #444;
line-height: 28px;
margin: 20px auto 40px;
font-family: Archivo, sans-serif;
font-weight: 100
}
.services-cntr .inforgaphic-cntr ul li {
width: 49%;
float: left;
padding: 0 34px
}
.services-cntr .inforgaphic-cntr ul li h3 {
font-family: Archivo, sans-serif;
font-size: 25px;
border-bottom: 1px solid #d6d6d6;
margin-bottom: 20px;
font-weight: 400;
position: relative;
padding: 10px 10px 10px 80px;
border-radius: 50px;
color: #fff
}
.services-cntr .inforgaphic-cntr ul li h3 strong {
position: absolute;
left: 0;
padding: 10px 10px 10px 20px;
top: 0;
border-radius: 50px 0 0 50px
}
.services-cntr .inforgaphic-cntr ul li p {
font-size: 16px;
color: #444;
margin-bottom: 50px;
line-height: 26px;
padding-left: 20px
}
.services-cntr .inforgaphic-cntr ul li:nth-child(1) h3 {
background-color: #a6d107
}
.services-cntr .inforgaphic-cntr ul li:nth-child(1) h3 strong {
background-color: #87b206
}
.services-cntr .inforgaphic-cntr ul li:nth-child(2) h3 {
background-color: #f7a501
}
.services-cntr .inforgaphic-cntr ul li:nth-child(2) h3 strong {
background-color: #ee9201
}
.services-cntr .inforgaphic-cntr ul li:nth-child(3) h3 {
background-color: #ecce01
}
.services-cntr .inforgaphic-cntr ul li:nth-child(3) h3 strong {
background-color: #e0bd01
}
.services-cntr .inforgaphic-cntr ul li:nth-child(3) p {
min-height: 165px
}
.services-cntr .inforgaphic-cntr ul li:nth-child(4) h3 {
background-color: #ff5a30
}
.services-cntr .inforgaphic-cntr ul li:nth-child(4) h3 strong {
background-color: #ff391f
}
.services-cntr .inforgaphic-cntr ul li:nth-child(4) p {
min-height: 165px
}
.services-cntr .inforgaphic-cntr ul li:nth-child(5) h3 {
background-color: #04a9b5
}
.services-cntr .inforgaphic-cntr ul li:nth-child(5) h3 strong {
background-color: #049aa5
}
.services-cntr .inforgaphic-cntr ul li:nth-child(6) h3 {
background-color: #20af89
}
.services-cntr .inforgaphic-cntr ul li:nth-child(6) h3 strong {
background-color: #1a906f
}
.line-business-cntr {
background-image: url(../images/line-business.jpg);
background-size: cover;
background-repeat: no-repeat;
padding: 120px 0
}
.line-business-cntr h2 {
font-size: 48px;
color: #fff;
font-family: 'Playfair Display', serif;
margin-bottom: 40px;
text-align: center
}
.line-business-cntr ul li {
width: 25%;
float: left;
text-align: center;
margin-top: 50px;
}
.line-business-cntr ul li .lofcntr {
background: #fff;
border-radius: 50px;
margin: 0px 25px;
padding: 20px;
}
.line-business-cntr ul li i {
width: 80px;
height: 80px;
background: #f15f86;
transform: rotate(45deg);
border-radius: 20px;
margin: -60px auto 20px;
align-items: center;
justify-content: center;
display: flex;
}
.line-business-cntr ul li i img {
transform: rotate(-45deg);
width: 30px;
}
.line-business-cntr ul li .lofdetails {
min-height: 232px;
}
.line-business-cntr ul li h3 {
font-size: 24px;
color: #f15f86;
font-family: 'Playfair Display', serif;
font-weight: 600;
}
.line-business-cntr ul li p {
color: #32529a;
font-size: 17px;
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul {
max-width: 835px;
margin: 0 auto
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul li {
width: 355px;
float: left;
background-color: transparent;
border: 4px solid #0f5e8c;
margin-right: 125px;
border-radius: 100px;
padding: 10px;
margin-bottom: 25px;
display: flex
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul li:nth-child(2n) {
margin-right: 0
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul li:nth-child(10),
.inforgaphic-detail-cntr .inforgaphic-cntr ul li:nth-child(2),
.inforgaphic-detail-cntr .inforgaphic-cntr ul li:nth-child(3),
.inforgaphic-detail-cntr .inforgaphic-cntr ul li:nth-child(6),
.inforgaphic-detail-cntr .inforgaphic-cntr ul li:nth-child(7) {
border: 4px solid #e23a59
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul li:nth-child(10) p,
.inforgaphic-detail-cntr .inforgaphic-cntr ul li:nth-child(2) p,
.inforgaphic-detail-cntr .inforgaphic-cntr ul li:nth-child(3) p,
.inforgaphic-detail-cntr .inforgaphic-cntr ul li:nth-child(6) p,
.inforgaphic-detail-cntr .inforgaphic-cntr ul li:nth-child(7) p {
color: #e23a59
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul li span {
height: 70px;
width: 70px;
float: left;
text-align: center;
background-color: #f5f5f5;
border-radius: 50px;
font-size: 40px;
font-family: Archivo, sans-serif;
color: #ccc
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul li .inforgaphic-points {
width: 75%;
float: left;
padding-bottom: 0;
color: #0f5e8c;
padding-left: 15px;
font-size: 15px;
line-height: 23px;
margin: 0
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul li p {
padding: 0;
margin: 0;
color: #0f5e8c;
font-size: 15px;
line-height: 23px;
font-weight: 600
}
.mob-banner-link {
display: none;
}
.benefits-bg-colo .bx-wrapper .bx-pager,
.happy-clients-cntr .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
position: absolute;
left: 0;
width: 100%;
bottom: 100px
}
.benefits-bg-colo .bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.benefits-bg-colo .bx-wrapper .bx-pager .bx-pager-item,
.happy-clients-cntr .bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.happy-clients-cntr .bx-wrapper .bx-pager .bx-pager-item {
display: inline-block
}
.benefits-bg-colo .bx-wrapper .bx-pager.bx-default-pager a,
.happy-clients-cntr .bx-wrapper .bx-pager.bx-default-pager a {
background: #bbb;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px
}
.benefits-bg-colo .bx-wrapper .bx-pager.bx-default-pager a.active,
.benefits-bg-colo .bx-wrapper .bx-pager.bx-default-pager a:hover,
.happy-clients-cntr .bx-wrapper .bx-pager.bx-default-pager a.active,
.happy-clients-cntr .bx-wrapper .bx-pager.bx-default-pager a:hover {
background: #f83871
}
.boxcolbv {
width: 50%;
vertical-align: top;
float: left;
}
.bloghome {
width: 100%
}
.bloghmcell {
float: left;
width: 50%;
display: table-cell;
background-image: url(../images/awards.png);
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
.blogimghm img {
width: 100%
}
.bloghmslider {
padding: 20px;
min-height: 288px
}
.bloghmslider-blog {
background: #f7f7f7
}
.bloghmslider-case-stydy {
background: #f7f7f7
}
.bloghmslider h2 {
color: #000;
padding-bottom: 25px;
font-family: 'Playfair Display', serif;
font-weight: 700;
font-size: 24px
}
.bloghmslider .case-study p {
margin-bottom: 20px;
display: flex;
padding-left: 20px;
background-image: url(../images/bullet.png);
background-repeat: no-repeat;
background-position: 5px 10px
}
.bloghmslider .case-study a {
line-height: 18px;
font-size: 16px;
margin-left: 5px;
margin-top: 0
}
.bloghmslider .case-study a:hover {
font-size: 18px;
color: #f83871;
text-decoration: underline
}
.bloghmslider p {
font-size: 18px;
color: #444;
line-height: 26px
}
.bloghmslider p a {
font-size: 14px;
color: #444;
display: block;
margin-top: 10px
}
.bloghmslider p a:hover {
font-size: 14px;
color: #f83871
}
.blog-slider {
vertical-align: top
}
.blog-slider .bloghmslider-blog {
padding: 0
}
.blog-details {
padding: 20px;
min-height: 288px
}
.bloghmslider.bloghmslider-case-stydy {
border-left: #d2d2d2 solid 1px
}
.bloghmslider .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
position: absolute;
left: 0;
width: 100%;
bottom: 60px
}
.bloghmslider .bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bloghmslider .bx-wrapper .bx-pager .bx-pager-item {
display: inline-block
}
.bloghmslider .bx-wrapper .bx-pager.bx-default-pager a {
background: #bbb;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px
}
.bloghmslider .bx-wrapper .bx-pager.bx-default-pager a.active,
.bloghmslider .bx-wrapper .bx-pager.bx-default-pager a:hover {
background: #f83871
}
.vdobx-ryt {
background: url(banking-solutions/nbfc/images/vdobanner.jpg) no-repeat 0 0;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative
}
.playbtnvdo {
width: 105px;
margin: 0 auto;
top: 50%;
margin-top: -53px;
left: 50%;
margin-left: -53px;
position: absolute;
cursor: pointer
}
.playbtnvdo img {
transition: all .7s ease-in-out 0s
}
.playbtnvdo img:hover {
transform: rotate(360deg);
transition: all .7s ease-in-out 0s
}
.showvdorytfull {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.showvdoryt iframe {
height: 100%;
width: 100%
}
.tab-mobilebx {
display: none
}
.mobile-nav-icon {
display: none
}
.banner-box ul li img {
display: none
}
#outer {
position: absolute;
top: -100px;
left: calc(50% - 100px);
width: 200px;
height: 400px;
overflow: hidden;
transform: rotate(.25turn);
z-index: -1
}
#inner {
transform: rotate(45deg);
background-color: rgba(48, 81, 153, .95);
width: 400px;
height: 400px;
top: calc(50% - 200px);
left: calc(50% - 400px);
position: relative;
border-radius: 0 60px
}
.happy-clients-cntr {
position: relative
}
.happy-clients-cntr h2 {
font-size: 36px;
color: #fff;
font-family: 'Playfair Display', serif;
font-weight: 700;
margin-bottom: 50px;
text-align: center;
padding-top: 20px;
width: 150px;
margin: 0 auto
}
.happy-clients-cntr p {
text-align: center;
margin-top: 80px
}
.happy-clients-cntr ul {
margin: 180px 0 150px;
display: inline-block;
width: 100%
}
.happy-clients-cntr ul li {
width: 20%;
float: left;
text-align: center;
margin-bottom: 50px;
max-width: 280px;
margin-right: 30px
}
.happy-clients-cntr ul li img {
border-radius: 50%;
border: 20px solid rgba(214, 214, 214, .76);
width: 204px;
height: 204px;
margin: 0 auto;
}
.happy-clients-cntr ul li.desk-block {
width: 30%
}
.news-cntr {
padding: 80px 0
}
.news-cntr .container {
width: 1000px;
margin: 0 auto
}
.news-cntr h2 {
font-size: 36px;
font-family: 'Playfair Display', serif;
font-weight: 700;
margin-bottom: 50px;
text-align: center
}
ul.news li {
margin-bottom: 40px;
width: 40%;
float: left;
text-align: center;
margin: 0 50px;
padding: 20px;
border: 1px solid #eee;
box-shadow: 0 0 10px #eee;
}
ul.news li i img {
width: 70%;
margin-bottom: 0
}
ul.news li p {
font-family: Archivo, sans-serif;
font-size: 16px;
line-height: 20px;
margin-top: 10px
}
ul.news li:hover {
text-decoration: underline;
box-shadow: 0 0 10px #eee
}
ul.news li p strong {
display: block;
font-weight: 700;
margin-top: 0px
}
.news-section-about-us .news li {
margin: 0 15px 15px !important;
width: 30%;
}
.happy-clients-cntr .bx-viewport {
min-height: 600px
}
.awards .bloghmslider {
padding: 20px;
background: 0 0
}
.awards .bloghmslider .outer-div {
min-height: 500px
}
.awards .bloghmslider .middle-div {
padding: 0 60px
}
.awards .bloghmslider ul li p {
font-family: Archivo, sans-serif;
font-size: 30px;
line-height: 38px;
margin-bottom: 30px;
padding-left: 30px;
color: #fff
}
.awards .bloghmslider ul li p a {
font-family: Archivo, sans-serif;
font-size: 22px;
line-height: 36px;
margin-bottom: 30px;
padding-left: 0;
color: #fff
}
.awards .bloghmslider ul li p a:hover {
text-decoration: underline
}
.awards .bloghmslider ul li p a .title {
display: block;
margin-bottom: 10px;
font-size: 20px;
line-height: 30px;
margin-top: 15px;
font-weight: 600;
}
.awards .bloghmslider ul li p a .more-details {
font-family: Archivo, sans-serif;
font-size: 16px;
line-height: 24px;
display: block
}
.awards .bloghmslider ul li p strong {
display: block;
font-weight: 700;
margin-bottom: 0;
font-family: 'Playfair Display', serif;
font-weight: 700;
font-size: 24px;
letter-spacing: 2px
}
.links {
color: #f83871
}
.links:hover {
text-decoration: underline
}
sup {
vertical-align: super;
font-size: small;
}
.slider-Large-txt .s-Big-txt span sup {
font-size: 10px;
}
.menutm {
font-size: 8px;
position: relative;
top: -2px;
}
.bannertm {
position: relative;
top: -14px;
}
.sub-menu ul li:last-child {
border-bottom: 1px solid #d0d0d0
}
.benefits-mid-cntr {
position: relative;
padding: 0
}
.benefits-mid-cntr .container {
width: 100%;
max-width: 100%;
background: #305199;
display: flex;
}
.benefits-mid-cntr h2 {
color: #fff;
font-size: 48px;
line-height: 52px;
font-family: 'Playfair Display', serif;
font-weight: 700;
padding-bottom: 30px
}
.benefits-mid-cntr .grid-6 {
padding: 0;
align-self: center;
}
.benefits-mid-cntr .grid-6 img {
width: 100%
}
.solution-cntr {
width: 90%
}
.benefits-mid-cntr .grid-6 .dis-table {
display: table;
width: 100%;
height: 100%;
padding: 0 40px 0 65px
}
.benefits-mid-cntr .grid-6 p {
font-size: 18px;
line-height: 28px;
color: #fff;
margin: 20px auto 0;
font-family: Archivo, sans-serif;
font-weight: 100
}
.benefits-mid-cntr .grid-6 li {
font-size: 18px;
color: #fff;
line-height: 28px;
display: flex;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 5px 10px;
margin-bottom: 15px;
padding-left: 20px;
font-weight: 300
}
.breadcrumb {
padding-bottom: 50px;
text-align: left;
}
.breadcrumb>.container {
max-width: 100%;
min-width: 100%
}
.breadcrumb li {
display: inline-block;
font: 14px Archivo, sans-serif;
padding: 0 5px 0 0;
color: #656464;
vertical-align: middle
}
.breadcrumb li sup {
font-size: 8px
}
.breadcrumb li a {
display: block;
color: #f04a76;
font: 14px Archivo, sans-serif
}
.breadcrumb li a:hover {
text-decoration: underline
}
.breadcrumb li a::after {
content: "/";
display: inline-block;
vertical-align: middle;
padding: 0 0 0 5px
}
.news-index-banner {
background: url(../images/press-release-banner.jpg) no-repeat 0 0 fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.block .container,
.news-list .container {
max-width: 1280px
}
.news-index-banner .breadcrumb {
padding: 80px 0 0;
text-align: right
}
.news-index-banner .breadcrumb li {
color: #fff
}
.news-index-banner .breadcrumb {
position: relative;
top: 36px
}
.news-list {
padding: 0 0 80px
}
.news-list li {
width: 29%;
float: left;
text-align: left;
border: 0 solid #eee;
background: #fff;
margin-right: 82px;
margin-bottom: 82px;
position: relative
}
.news-list li a {
background-color: #fff;
padding: 20px;
border: 0;
display: inline-block;
height: 100%;
width: 100%
}
.news-list li a:hover {
background: #f04a76
}
.news-list li a:hover h3,
.news-list li a:hover span {
color: #fff
}
.news-list li a:hover .cta {
color: #fff
}
.news-list li a .cta {
color: #f04a76;
font: 14px Archivo, sans-serif;
font-weight: 700
}
.news-list li:nth-child(3n) {
margin-right: 0
}
.news-list h2 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #fff;
padding-bottom: 50px
}
.news-list h3 {
color: #444;
font: 18px/26px'Playfair Display', serif;
font-weight: 700;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
padding: 0
}
.new-dtls h2 {
color: #000;
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif
}
.news-list span {
font-size: 12px;
color: #a8a5a5;
line-height: 22px;
margin: 30px auto 0;
font-family: Archivo, sans-serif;
font-weight: 100
}
.news-list span a {
display: none
}
.news-list p {
font-size: 18px;
color: #444;
line-height: 28px;
margin: 30px auto 0;
font-family: Archivo, sans-serif;
font-weight: 100
}
.news-list .cta {
margin-top: 10px
}
.news-list .cta a {
background-color: #fff;
color: #f04a76;
margin: 0;
padding: 0;
border: 0
}
.news-list .cta a:hover {
background-color: transparent;
color: #fff
}
.inner-banner.projects-banner-cntr.common-top {
height: 250px;
background: url(../images/news-banner.jpg) center no-repeat;
background-size: cover
}
.inner-banner.projects-banner-cntr.common-top .container {
max-width: 1280px
}
.inner-banner.projects-banner-cntr.common-top .dis-table {
background-color: rgba(0, 0, 0, .7)
}
.inner-banner h1 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #fff
}
.inner-banner.contact-banner-cntr.common-top {
height: 250px;
background: url(../images/contact-banner.jpg) center no-repeat;
background-size: cover
}
.inner-banner.contact-banner-cntr.common-top .container {
max-width: 1280px
}
.inner-banner.contact-banner-cntr.common-top .dis-table {
background-color: rgba(0, 0, 0, .7)
}
.inner-banner.careers-banner-cntr.common-top {
height: 250px;
background: url(../images/careers-banner.jpg) center no-repeat;
background-size: cover;
}
.inner-banner.careers-banner-cntr.common-top .container {
max-width: 1280px
}
.inner-banner.careers-banner-cntr.common-top .dis-table {
background-color: rgba(0, 0, 0, .7)
}
.inner-banner.highlights-banner-cntr.common-top {
height: 250px;
background: url(../images/highlights-top-banner.jpg) center no-repeat;
background-size: cover
}
.inner-banner.highlights-banner-cntr.common-top .container {
max-width: 1280px
}
.inner-banner.highlights-banner-cntr.common-top .dis-table {
background-color: rgba(0, 0, 0, .7)
}
.inner-banner.sitemap-banner-cntr.common-top {
height: 250px;
background: url(../images/sitemap-top-banner.jpg) center no-repeat;
background-size: cover
}
.inner-banner.sitemap-banner-cntr.common-top .container {
max-width: 1280px
}
.inner-banner.sitemap-banner-cntr.common-top .dis-table {
background-color: rgba(0, 0, 0, .7)
}
.inner-banner.terms-banner-cntr.common-top {
height: 250px;
background: url(../images/terms-top-banner.jpg) center no-repeat;
background-size: cover
}
.inner-banner.terms-banner-cntr.common-top .container {
max-width: 1280px
}
.inner-banner.terms-banner-cntr.common-top .dis-table {
background-color: rgba(0, 0, 0, .7)
}
.inner-banner.management-team-banner-cntr.common-top {
height: 250px;
background: url(../images/management-team-top-banner.jpg) center no-repeat;
background-size: cover
}
.inner-banner.management-team-banner-cntr.common-top .container {
max-width: 1280px
}
.inner-banner.management-team-banner-cntr.common-top .dis-table {
background-color: rgba(0, 0, 0, .7)
}
.inner-banner.quality-policy-banner-cntr.common-top {
height: 250px;
background: url(../images/quality-policy-top-banner.jpg) center no-repeat;
background-size: cover
}
.inner-banner.quality-policy-banner-cntr.common-top .container {
max-width: 1280px
}
.inner-banner.quality-policy-banner-cntr.common-top .dis-table {
background-color: rgba(0, 0, 0, .7)
}
.inner-banner.faq-banner-cntr.common-top {
height: 250px;
background: url(../images/faq-top-banner.jpg) center no-repeat;
background-size: cover
}
.inner-banner.faq-banner-cntr.common-top .container {
max-width: 1280px
}
.inner-banner.faq-banner-cntr.common-top .dis-table {
background-color: rgba(0, 0, 0, .7)
}
.inner-banner.testimonial-banner-cntr.common-top {
height: 250px;
background: url(../images/testimonial-banner.jpg) center no-repeat;
background-size: cover
}
.inner-banner.testimonial-banner-cntr.common-top .container {
max-width: 1280px
}
.inner-banner.testimonial-banner-cntr.common-top .dis-table {
background-color: rgba(0, 0, 0, .7)
}
.inner-banner h1 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #fff
}
.inner-banner h2 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #fff
}
.news-inner-pages {
padding: 20px 0 80px
}
.new-dtls .grid-layout {
margin: 0
}
.new-dtls .grid-8 {
width: 60%;
padding: 0
}
.new-dtls h2 {
color: #31519c;
font: 30px/42px'Playfair Display', serif;
font-weight: 700;
padding-bottom: 30px
}
.new-dtls span.news-pg-heading-title {
display: block;
font-size: 16px;
margin-top: 5px;
line-height: 18px;
color: #9c9c9c;
font-family: Archivo, sans-serif;
padding-bottom: 30px;
margin-top: -25px
}
.new-dtls span.news-pg-heading-title a {
color: #31519c
}
.new-dtls span.news-pg-heading-title a:hover {
text-decoration: underline
}
.new-dtls h3 {
color: #000;
font: 22px/32px'Playfair Display', serif;
font-weight: 700;
padding-bottom: 10px
}
.new-dtls .news-img {
text-align: center
}
.new-dtls .news-img>img {
margin-bottom: 20px
}
.new-dtls p {
font-size: 18px;
color: #444;
line-height: 28px;
margin: 0 auto 0;
font-family: Archivo, sans-serif;
font-weight: 100;
padding-bottom: 30px;
text-align: justify;
}
.new-dtls p a {
font-size: 16px;
color: #f04a76
}
.new-dtls p a:hover {
text-decoration: underline
}
.new-dtls p strong {
font-weight: 700
}
.new-dtls .grid-4 {
float: right;
padding: 0;
width: 30%
}
.more-news {
background: #f1f1f1;
margin-bottom: 20px
}
.more-news h3 {
font-weight: 700;
font-size: 18px;
padding: 10px 16px;
background: #e2e2e2;
font-family: 'Playfair Display', serif
}
.more-news h3 a {
font-size: 12px;
line-height: 14px;
float: right;
margin: 0;
padding: 5px 10px;
background: #fff;
color: #f04a76;
margin-top: -5px
}
.more-news h3 a:hover {
background-color: #f04a76;
color: #fff
}
.more-news ul.list {
margin: 0
}
.more-news ul.list.disc li {
list-style-type: none;
border-top: 1px solid #ddd;
padding: 0;
margin: 0;
font: 14px/20px Archivo, sans-serif;
position: relative
}
.more-news ul.list.disc li:after {
content: ' ';
width: 0;
height: 0;
border-left: 5px solid #f04a76;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
position: absolute;
top: 17px;
left: 15px
}
.more-news ul.list.disc li a {
padding: 14px 30px;
display: block
}
.more-news ul.list.disc li a span {
display: block;
font-size: 12px;
margin-top: 5px;
line-height: 18px;
color: #9c9c9c
}
.more-news ul.list.disc li:nth-child(odd) {
background: #f7f7f7
}
.grid-table .grid-table-heading .col {
background: #f04a76 none repeat scroll 0 0;
color: #fff;
font: bold 20px Archivo, sans-serif;
padding: 11px 10px
}
.grid-table h3 {
border-bottom: 1px solid #dbdbe9;
padding: 10px;
font-weight: 700;
color: #111
}
.grid-table .col {
float: left;
padding: 10px 25px
}
.grid-table .col-1 {
width: 30%
}
.grid-table .col-1 p {
margin-top: 0
}
.grid-table .col-2 {
width: 70%
}
.grid-table .grid-table-content {
margin: 0 -10px;
padding: 15px 0
}
.grid-table .grid-table-content .col-1 {
border-right: 1px solid #dbdbe9
}
.grid-table.type2 .grid-table-content p {
padding: 0
}
.grid-table.type2 .grid-table-content .col-1 {
border-right: none
}
.grid-table.type2 .grid-table-content .col-1 p {
font-weight: 700
}
.grid-table.type2 .grid-table-content .col-2 {
border-left: 1px solid #dbdbe9;
min-height: 50px
}
.new-dtls .news-table {
margin-bottom: 30px;
border: 1px solid #e2e2e2;
margin-top: 10px
}
.new-dtls .news-table .grid-table-content {
margin: 0 0
}
.new-dtls .news-table .col-1.bold p {
font-weight: 700;
color: #fff;
font: 18px/30px'Playfair Display', serif
}
.new-dtls .news-table .col-2.bold p {
font-weight: 700;
color: #fff;
font: 18px/30px'Playfair Display', serif
}
.grid-table.table-look .grid-table-content {
padding: 0;
border-bottom: 0 solid #e2e2e2;
border-top: 1px solid #e2e2e2
}
.new-dtls p img {
height: 100%
}
.new-dtls p img.ml {
margin-left: 20px
}
.new-dtls p img.mr {
margin-right: 20px
}
.learn-more-btn {
float: right
}
.learn-more-btn a {
background-color: #fff;
color: #f04a76
}
.learn-more-btn a:hover {
background-color: #f04a76;
color: #fff
}
.blogs-index-banner {
background: url(../images/body-bg.jpg) no-repeat 0 0 fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background: #e6e4e5;
}
.inner-banner.projects-banner-cntr.common-top.blog-banner {
height: 250px;
background: url(../images/blogs-banner.jpg) center no-repeat;
background-size: cover
}
.block .container,
.blogs-list .container {
max-width: 1280px
}
.blogs-index-banner .breadcrumb {
padding: 80px 0 0;
text-align: right
}
.blogs-index-banner .breadcrumb li {
color: #656464
}
.blogs-index-banner .breadcrumb {
position: relative;
top: 36px
}
.blogs-list {
padding: 0 0 80px
}
.blogs-list li {
width: 33.3333%;
float: left;
text-align: left;
border: 0 solid #eee;
background: #fff;
/*margin-right:82px;*/
margin-bottom: 82px;
position: relative;
/*position: relative !important;left: 0 !important;top: 0 !important;*/
border-right: 40px solid #e6e4e5;
border-left: 40px solid #e6e4e5;
}
.blogs-list li a {
background-color: #fff;
padding: 0;
border: 0;
display: inline-block;
height: 100%;
width: 100%
}
.blogs-list li a img {
width: 100%
}
.blogs-list li a:hover {
background: #f04a76
}
.blogs-list li a:hover h3,
.blogs-list li a:hover p,
.blogs-list li a:hover span {
color: #fff
}
.blogs-list li a:hover li {
background: url(../images/bullet.gif) no-repeat scroll left 10px;
color: #fff
}
.blogs-list li a:hover .cta {
color: #fff
}
.blogs-list li a .cta {
color: #f04a76;
font: 14px Archivo, sans-serif;
font-weight: 700
}
.blogs-list h1 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #000;
padding-bottom: 50px
}
.blogs-list h2 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #000;
padding-bottom: 50px
}
.blogs-list h3 {
color: #444;
font: 18px/26px'Playfair Display', serif;
font-weight: 700;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
padding: 0
}
.blog-wraper {
padding: 20px
}
.offerings-wraper {
padding: 20px;
min-height: 180px
}
.offerings-wraper.offerings-big-wraper {
min-height: 390px
}
.blogs-list .offerings-wraper ul li {
font-size: 14px;
line-height: 22px;
margin-bottom: 5px !important
}
.blogs-list .offerings-wraper p {
margin-bottom: 20px;
font-size: 14px;
line-height: 22px
}
.blogs-list span.title {
font-size: 12px;
color: #a8a5a5;
line-height: 22px;
margin: 0 auto 0;
font-family: Archivo, sans-serif;
font-weight: 100;
padding: 20px;
float: left
}
.blogs-list span a {
display: none
}
.blogs-list p {
font-size: 18px;
color: #444;
line-height: 28px;
margin: 0 auto 0;
font-family: Archivo, sans-serif;
font-weight: 100;
padding: 0
}
.blogs-list .cta {
margin-top: 10px
}
.blogs-list .cta a {
background-color: #fff;
color: #f04a76;
margin: 0;
padding: 0;
border: 0
}
.blogs-list .cta a:hover {
background-color: transparent;
color: #fff
}
.blogs-inner-pages {
padding: 20px 0 80px
}
.blog-dtls .grid-layout {
margin: 0
}
.blog-dtls .grid-8 {
width: 60%;
padding: 0
}
.blog-dtls h1 {
color: #31519c;
font: 30px/42px'Playfair Display', serif;
font-weight: 700;
padding-bottom: 30px;
padding-right: 40px;
/*text-align: justify;*/
}
.blog-dtls h2 {
color: #31519c;
font: 30px/42px'Playfair Display', serif;
font-weight: 700;
padding-bottom: 30px;
padding-right: 40px
}
.blog-dtls span.blogs-pg-heading-title {
display: block;
font-size: 16px;
margin-top: 5px;
line-height: 18px;
color: #9c9c9c;
font-family: Archivo, sans-serif;
padding-bottom: 30px;
margin-top: -25px
}
.blog-dtls span.blogs-pg-heading-title a {
color: #31519c
}
.blog-dtls span.blogs-pg-heading-title a:hover {
text-decoration: underline
}
.blog-dtls h3 {
color: #000;
font: 22px/32px'Playfair Display', serif;
font-weight: 700;
padding-bottom: 10px
}
.blog-dtls h3 a {
color: #f04a76;
}
.blog-dtls h3 a:hover {
text-decoration: underline;
}
.blog-dtls .blogs-img {
text-align: center
}
.blog-dtls .blogs-img>img {
margin-bottom: 20px
}
.blog-dtls p {
font-size: 18px;
color: #444;
line-height: 28px;
margin: 0 auto 0;
font-family: Archivo, sans-serif;
font-weight: 100;
padding-bottom: 20px;
display: inline-block;
text-align: justify !important;
}
ul.list.bullet li p {
padding-bottom: 0
}
.blog-dtls p a {
color: #f04a76
}
.blog-dtls p.ref-links {
padding-bottom: 10px
}
.blog-dtls p a:hover {
text-decoration: underline
}
.blog-dtls p strong {
font-weight: 700
}
.blog-dtls .grid-4 {
float: right;
padding: 0;
width: 30%
}
.blogfiltercntr {
margin-left: -40px;
margin-right: -40px;
}
.blogs-list .filters {
width: 600px;
}
.blogs-list .filterswrap {
width: auto;
float: left;
display: grid;
margin-bottom: 50px;
margin-right: 20px;
position: relative;
z-index: 9;
}
.blogs-list .filterswrap:hover h2 {
background: #f04a76;
border: 1px solid #f04a76;
color: #f9f9f9;
transition: all 0.3s ease 0s;
}
.blogs-list .filterswrap h2.current {
background: #31519a;
border: 1px solid #31519a;
color: #f9f9f9;
transition: all 0.3s ease 0s;
}
.blogs-list .filterswrap h2 {
color: #666;
text-decoration: none;
border: 1px solid #ccc;
padding: 10px 30px;
display: inline-block;
font-size: 15px;
line-height: normal;
font-weight: normal;
float: left;
font-family: Archivo, sans-serif;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.blogs-list .filterswrap:hover h2+ul.filtersclick {
display: grid;
position: absolute;
top: 38px;
width: 200px;
}
.blogs-list .filterswrap ul.filtersclick {
display: grid;
display: none;
}
.blogs-list .filterswrap ul.filtersclick li {
width: 100%;
margin: 0;
height: auto !important;
border-right: 0;
border-left: 0;
}
.blogs-list .filterswrap ul.filtersclick li a {
background-color: transparent;
height: auto;
padding: 7px 10px;
border-bottom: 1px solid #999;
transition: all 0.3s ease 0s;
}
.blogs-list .filterswrap ul.filtersclick li a:hover {
background: #f04a76;
color: #fff;
}
.blogs-list .filterswrap ul.filtersclick li a.current {
background: #31519a;
color: #fff;
}
.more-blog {
background: #f1f1f1;
margin-bottom: 20px
}
.more-blog h3 {
font-weight: 700;
font-size: 18px;
padding: 10px 16px;
background: #e2e2e2;
font-family: 'Playfair Display', serif
}
/*
.more-blog h3 a {font-size:12px;line-height:14px;float:right;margin:0;padding:5px 10px;background:#fff;color:#f04a76;margin-top:-5px}
.more-blog h3 a:hover {background-color:#f04a76;color:#fff}
*/
.more-blog h3 a {
font-size: 16px;
line-height: 14px;
float: right;
margin: 0;
padding: 10px 30px;
background: #fff;
color: #fff;
font-weight: 600;
margin-top: -5px;
background-color: #ff4e00;
background-image: linear-gradient(358deg, #F42B03 0%, #FFBE0B 100%);
border: 0px solid transparent;
}
.more-blog h3 a:hover {
background-color: #ff4e00;
background-image: linear-gradient(358deg, #FFBE0B 0%, #F42B03 100%);
color: #fff
}
.more-blog ul.list {
margin: 0
}
.more-blog ul li {
list-style-type: none;
border-top: 1px solid #ddd;
padding: 0;
margin: 0;
font: 14px/20px Archivo, sans-serif;
position: relative;
float: left;
display: flex
}
.more-blog ul li img {
width: 120px;
float: left
}
.more-blog ul li a {
padding: 14px 20px;
display: inline-block
}
.more-blog ul li a span {
font: 14px/20px Archivo, sans-serif;
color: #212121;
float: left;
width: 64%;
padding-left: 14px
}
.more-blog ul li a span.blogs-heading-title {
display: block;
font-size: 12px;
margin-top: 0;
line-height: 18px;
color: #9c9c9c;
width: 100%;
padding-left: 0
}
.more-blog ul li:nth-child(odd) {
background: #f7f7f7
}
.more-blog ul li:hover span {
color: #f04a76
}
.more-blog ul li:hover a span.blogs-heading-title {
color: #9c9c9c
}
.blog-dtls .blogs-table {
margin-bottom: 30px;
border: 1px solid #e2e2e2;
margin-top: 10px
}
.blog-dtls .blogs-table .grid-table-content {
margin: 0 0
}
.blog-dtls .blogs-table .col-1.bold p {
font-weight: 700;
color: #fff;
font: 18px/30px Archivo, sans-serif
}
.blog-dtls .blogs-table .col-2.bold p {
font-weight: 700;
color: #fff;
font: 18px/30px'Playfair Display', serif
}
.blog-dtls p img {
height: 100%
}
.blog-dtls p img.ml {
margin-left: 20px
}
.blog-dtls p img.mr {
margin-right: 20px
}
.blog-dtls p.image_source {
font-size: 11px
}
.events-index-banner {
background: url(../images/body-bg.jpg) no-repeat 0 0 fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.inner-banner.projects-banner-cntr.common-top.events-banner {
height: 250px;
background: url(../images/events-banner.jpg) center no-repeat;
background-size: cover
}
.events-list .container {
max-width: 1280px
}
.events-index-banner .breadcrumb {
padding: 80px 0 0;
text-align: right
}
.events-index-banner .breadcrumb li {
color: #656464
}
.events-index-banner .breadcrumb {
position: relative;
top: 36px
}
.events-list {
padding: 0 0 80px
}
.events-list li {
width: 29%;
float: left;
text-align: left;
border: 0 solid #eee;
background: #fff;
margin-right: 82px;
margin-bottom: 82px;
position: relative;
padding: 20px;
box-shadow: 0 0 15px rgba(48, 48, 48, .2)
}
.events-list li a {
background-color: #fff;
padding: 0;
border: 0;
display: inline-block;
height: 100%;
width: 100%
}
.events-list li a img {
width: 100%
}
.events-list li:hover,
.events-list li:hover a {
background: #f04a76
}
.events-list li:hover .eventDate {
background: #fff
}
.events-list li:hover a h3,
.events-list li:hover a p {
color: #fff
}
.events-list li:hover a .cta {
color: #fff
}
.events-list li a .cta {
color: #f04a76;
font: 14px Archivo, sans-serif;
font-weight: 700;
margin-top: 20px
}
.events-list li:nth-child(3n) {
margin-right: 0
}
.events-list h1 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #000;
padding-bottom: 50px
}
.events-list h2 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #000;
padding-bottom: 50px
}
.events-list h3 {
color: #444;
font: 18px/26px'Playfair Display', serif;
font-weight: 700;
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
padding: 0
}
.events-wraper {
padding: 20px
}
.events-list span.title {
font-size: 12px;
color: #a8a5a5;
line-height: 22px;
margin: 0 auto 0;
font-family: Archivo, sans-serif;
font-weight: 100;
padding: 20px;
float: left
}
.events-list span a {
display: none
}
.events-list p {
font: 12px/18px Archivo, sans-serif;
color: #444;
margin: 0 auto 0;
font-weight: 100;
padding: 0;
display: inline-block
}
.events-list p strong {
display: block;
font-weight: 700;
font-size: 14px;
line-height: 12px;
margin-top: 20px;
margin-bottom: 5px
}
.events-list .cta {
margin-top: 10px
}
.events-list .cta a {
background-color: #fff;
color: #f04a76;
margin: 0;
padding: 0;
border: 0
}
.events-list .cta a:hover {
background-color: transparent;
color: #fff
}
.events-inner-pages {
padding: 20px 0 80px
}
.event-dtls .grid-layout {
margin: 0
}
.event-dtls .grid-8 {
width: 60%;
padding: 0
}
.event-dtls .grid-8 .eventDate {
margin-top: 10px;
margin-bottom: 30px
}
.event-dtls h2 {
color: #31519c;
font: 30px/42px'Playfair Display', serif;
font-weight: 700;
padding-bottom: 0;
float: left;
width: 100%
}
.event-dtls span.events-pg-heading-title {
display: block;
font-size: 16px;
margin-top: 5px;
line-height: 18px;
color: #9c9c9c;
font-family: Archivo, sans-serif;
padding-bottom: 30px;
margin-top: -25px
}
.event-dtls span.events-pg-heading-title a {
color: #31519c
}
.event-dtls span.events-pg-heading-title a:hover {
text-decoration: underline
}
.event-dtls h3 {
color: #000;
font: 22px/32px'Playfair Display', serif;
font-weight: 700;
padding-bottom: 10px
}
.event-dtls .events-img {
text-align: center
}
.event-dtls .events-img>img {
margin-bottom: 20px
}
.event-dtls p {
font-size: 18px;
color: #444;
line-height: 28px;
margin: 0 auto 0;
font-family: Archivo, sans-serif;
font-weight: 100;
padding-bottom: 30px;
display: inline-block;
width: 100%
}
.event-dtls p strong {
font-weight: 700;
font-size: 16px
}
.event-dtls p a {
font-size: 18px;
color: #f04a76
}
.event-dtls p a:hover {
text-decoration: underline
}
.event-dtls p strong {
font-weight: 700
}
.event-dtls .grid-4 {
float: right;
padding: 0;
width: 30%
}
.more-event {
background: #f1f1f1;
margin-bottom: 20px
}
.more-event h3 {
font-weight: 700;
font-size: 18px;
padding: 10px 16px;
background: #e2e2e2;
font-family: 'Playfair Display', serif
}
.more-event h3 a {
font-size: 12px;
line-height: 14px;
float: right;
margin: 0;
padding: 5px 10px;
background: #fff;
color: #f04a76;
margin-top: -5px
}
.more-event h3 a:hover {
background-color: #f04a76;
color: #fff
}
.more-event ul.list {
margin: 0
}
.more-event ul li {
list-style-type: none;
border-top: 1px solid #ddd;
padding: 0;
margin: 0;
font: 14px/20px Archivo, sans-serif;
position: relative;
float: left;
display: flex
}
.more-event ul li img {
width: 120px;
float: left
}
.more-event ul li a {
padding: 14px 20px;
display: inline-block
}
.more-event ul li a span {
font: 14px/20px Archivo, sans-serif;
color: #212121;
float: left;
width: 64%;
padding-left: 14px
}
.more-event ul li a span.events-heading-title {
display: block;
font-size: 12px;
margin-top: 0;
line-height: 18px;
color: #9c9c9c;
width: 100%;
padding-left: 0
}
.more-event ul li:nth-child(odd) {
background: #f7f7f7
}
.more-event ul li:hover span {
color: #f04a76
}
.more-event ul li:hover a span.events-heading-title {
color: #9c9c9c
}
.event-dtls .events-table {
margin-bottom: 30px;
border: 1px solid #e2e2e2;
margin-top: 10px
}
.event-dtls .events-table .grid-table-content {
margin: 0 0
}
.event-dtls .events-table .col-1.bold p {
font-weight: 700;
color: #fff;
font: 18px/30px Archivo, sans-serif
}
.event-dtls .events-table .col-2.bold p {
font-weight: 700;
color: #fff;
font: 18px/30px'Playfair Display', serif
}
.event-dtls p img {
height: 100%
}
.event-dtls p img.ml {
margin-left: 20px
}
.event-dtls p img.mr {
margin-right: 20px
}
.event-dtls p.image_source {
font-size: 11px
}
.eventDate {
border: 1px solid #8aaee9;
border-radius: 5px;
color: #656464;
display: inline-block;
font: 20px'Playfair Display', serif;
line-height: 22px;
height: 34px;
padding: 0 0 0 10px;
text-align: center;
margin-right: 15px;
vertical-align: middle;
float: left;
margin-top: 10px
}
.news-list.event-list .eventDate {
margin-bottom: 10px
}
.eventDate span {
background: #8aaee9 none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size: 12px;
margin-left: 10px;
padding: 5px 15px
}
.commentBox {
border: #e5e5e5 solid 1px;
border-radius: 0;
background: #f8f6f6;
overflow: hidden;
margin-top: 60px
}
.commentBox h2 {
color: #31519c;
font: 30px'Playfair Display', serif;
margin-bottom: 20px;
padding: 20px 20px 0
}
.commentBox ul li:first-child {
border-top: #e5e5e5 solid 1px
}
.commentBox ul li {
margin: 0;
background: #fff;
padding: 25px 20px;
border-bottom: #e5e5e5 solid 1px;
color: #656464;
font: 18px/20px Archivo, sans-serif
}
.commentBox ul li label {
font-weight: 500
}
.commentBox ul li:last-child {
border-bottom: none;
margin: 0;
color: #656464;
font: 18px/20px Archivo, sans-serif;
font-weight: 100
}
/*************************************************/
.faq-cntr {
padding: 110px 0;
background-color: #e4edfb;
}
.faq-cntr h2{
font-size: 45px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #000;
text-align: center;
}
.faq-cntr .benefits-accordion .wrapper {
/* border-bottom: 1px solid #ccc; */
padding: 10px 0;
}
.faq-cntr .benefits-accordion .wrapper.active .content {
height: auto;
}
.faq-cntr .benefits-accordion .toggle, .faq-cntr .benefits-accordion
.content, .faq-cntr .benefits-accordion a {
}
.faq-cntr .benefits-accordion .toggle {
width: 100%;
background-color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: none;
outline: none;
cursor: pointer;
padding: 10px 0;
font-family: Archivo, sans-serif;
color: #565054;
font-weight: 700;
font-size: 20px;
line-height: 30px;
padding: 30px 0;
margin-bottom: 0px;
}
.faq-cntr .benefits-accordion .content {
position: relative;
font-size: 14px;
line-height: 30px;
height: 0;
overflow: hidden;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.faq-cntr .benefits-accordion .content p {
font-family: Archivo, sans-serif;
font-size: 18px;
color: #000;
line-height: 26px;
font-weight: 400;
padding: 0 20px;
margin-bottom: 20px;
padding-top: 20px;
}
.faq-cntr .benefits-accordion .content p.big {
padding-top: 0;
font-weight: 600;
}
.faq-cntr .benefits-accordion .content ul {
margin-top: 20px;
padding: 0 20px;
}
.faq-cntr .benefits-accordion .content ul li {
font-family: Archivo, sans-serif;
color: #fff;
font-weight: 400;
font-size: 18px;
line-height: 30px;
padding-left: 30px;
margin-bottom: 10px;
background: url(../images/bullet-icon-img.png) no-repeat;
list-style: none;
background-position: 0 10px;
}
.faq-cntr .benefits-accordion .fab {
color: #ff0000;
}
.faq-cntr .benefits-accordion .wrapper .toggle {
text-align: left;
display: block;
padding: 14px 20px;
font-family: Archivo, sans-serif;
color: #565054;
font-weight: 700;
font-size: 20px;
line-height: 35px;
color: #000;
background: #fff;
border-radius: 0 0 30px 0;
}
.faq-cntr .benefits-accordion .wrapper .toggle img {
width: 35px;
}
.text-rd {
color: #003087 !important;
margin-bottom: 20px;
}
.text-bl {
color: #000 !important;
}
/*.faq-cntr .benefits-accordion .wrapper .toggle.active, .faq-cntr .benefits-accordion .wrapper .toggle:focus, .faq-cntr .benefits-accordion .wrapper .toggle:hover {
color: #bd1823;
}*/
/*.faq-cntr .benefits-accordion.active .wrapper .toggle {
color: #c12732;
}*/
.faq-cntr .benefits-accordion .wrapper .toggle i {
float: right;
line-height: 30px;
}
.toggle_click-font {
font-size: 22px;
}
.toggle_unclick-font {
font-size: 22px;
}
.faq-cntr .benefits-accordion .wrapper .toggle img {
display: inline-block;
vertical-align: middle;
margin-right: 20px;
float: left;
}
.faq-cntr .benefits-accordion .wrapper .toggle
.faq-cntr .benefits-accordion .wrapper .toggle span {
float: left;
width: 88%;
}
.faq-cntr .benefits-accordion .wrapper .toggle .icon {
float: right;
color: #fff;
font-size: 30px;
width: 24px;
height: 24px;
/* background: #bd1823; */
border-radius: 50%;
position: relative;
top: 16px;
}
.faq-cntr .benefits-accordion .wrapper .toggle .icon svg {
width: 23px;
height: 23px;
color: #000;
font-weight: 600;
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
margin: auto;
transform: translateY(-50%);
}
.faq-cntr .benefits-accordion .wrapper .toggle .icon.fa-chevron-circle-up:before {
background: url("../images/pluse.png") no-repeat;
width: 24px;
height: 24px;
content: " ";
position: absolute;
top: 0;
left: 0;
}
.faq-cntr .benefits-accordion .wrapper .toggle .icon.fa-chevron-circle-down:before {
background: url("../images/minus.png") no-repeat;
width: 24px;
height: 24px;
content: " ";
position: absolute;
top: 0;
left: 0;
}
.faq-cntr .benefits-accordion {
position: relative;
margin-top: 35px;
}
/*************************************************/
#msg {
padding: 10px 20px;
background: #f4e5a2;
color: #535252;
line-height: 21px;
font: 18px/20px Archivo, sans-serif
}
#msg span {
display: block;
color: #656464
}
.commentFormcntr {
padding: 20px
}
.commentFormcntr h2 {
color: #31519c;
font: 30px'Playfair Display', serif;
margin-bottom: 20px;
padding: 0;
font-weight: 700
}
.commentFormcntr ul li {
padding: 0;
background: 0 0;
margin-bottom: 10px;
border: none
}
.commentFormcntr ul {
display: flow-root
}
.commentFormcntr ul li.captcha_cntr {
width: 50%;
float: left
}
.commentFormcntr ul li:last-child {
margin-bottom: 0;
margin-top: 20px;
width: 50%;
float: left
}
.commentFormcntr ul li label {
float: left;
color: #535252;
font: 16px Archivo, sans-serif;
padding-top: 5px;
font-size: 16px;
width: 80px;
margin-right: 20px
}
.commentFormcntr ul li input[type=text],
.commentFormcntr ul li textarea {
float: left;
width: 100%;
border: #c6c5c5 solid 1px;
padding: 12px 10px;
font: 16px Archivo, sans-serif
}
.commentFormcntr ul li textarea {
resize: none;
height: 125px
}
.commentFormcntr ul li input[type=submit] {
float: none;
width: 140px;
margin: 0 auto;
padding: 10px 0;
font: 14px Archivo, sans-serif;
color: #fff;
text-align: center;
display: block;
font-weight: 700
}
.commentFormcntr ul li input[type=submit]:hover {
background: #fff;
color: #f04a76
}
.captcha_image {
text-align: center;
border: 1px solid #c6c5c5;
height: 44px;
background-color: #fff;
padding: 4px
}
.captcha_image img {
max-width: 119px
}
.captcha_cntr .grid-6 {
padding: 0
}
.captcha_cntr .grid-6 .captcha_image {
border-left: 0
}
.verifyload {
float: none;
width: 140px;
margin: 0 auto;
padding: 8px 0;
border: 2px solid #f04a76;
background-color: #fff;
color: #f04a76;
border-radius: 5px
}
.verifyload img {
margin: 0 auto;
height: 23px;
display: block
}
.datelabel {
color: #959595;
font-size: 16px;
display: block;
line-height: 16px;
margin-top: 8px;
font-family: Archivo, sans-serif
}
.blog-dtls .news_block {
float: left;
width: 31%;
border: 1px solid #ccc;
box-shadow: 0 0 5px #ccc;
margin-right: 10px;
margin-top: 10px;
padding: 10px;
text-align: center;
cursor: pointer;
max-height: 281px
}
.blog-dtls ul.list.bullet {
margin-bottom: 30px;
}
.blog-dtls ul.list.bullet li {
text-align: justify;
}
.blog-dtls .bullet li dd {
padding-left: 20px
}
.new-tab {
display: flex
}
.new-tab ul li {
display: inline-block;
float: left;
width: 280px;
margin-right: 20px
}
.sub-link {
padding: 10px;
display: inline-block;
margin-right: 0
}
.view-image {
margin-top: 50px;
text-align: center
}
.infography-cntr i {
width: 100%;
display: block;
text-align: center
}
.infography-cntr i img {
width: 600px
}
#view-image .overlay-box {
width: 500px
}
.view-image {
margin-top: 50px;
text-align: center
}
.view-image a {
margin: 0 auto !important
}
.cloud-computing .grid-table {
width: 99%;
margin-left: 16px
}
.cloud-computing .col-1 {
background: #31519c;
padding-bottom: 10px
}
.cloud-computing .col-1 p {
color: #fff;
font-size: 15px
}
.cloud-computing .col-2 {
background: #e9eef9
}
.cloud-computing .col-2 p {
background: #e9eef9;
font-size: 15px
}
.grid-table .grid-table-content {
margin: 0 -10px;
padding: 15px 0
}
.grid-table .grid-table-content .col-1 {
border-right: 1px solid #dbdbe9
}
.grid-table.type2 .grid-table-content p {
padding: 0
}
.grid-table.type2 .grid-table-content .col-1 {
border-right: none
}
.grid-table.type2 .grid-table-content .col-1 p {
font-weight: 700
}
.grid-table.type2 .grid-table-content .col-2 {
border-left: 1px solid #dbdbe9;
min-height: 50px
}
.pb0 {
padding-bottom: 0 !important
}
.pr0 {
padding-right: 0 !important
}
.pl0 {
padding-left: 0 !important
}
.pb10 {
padding-bottom: 10px !important
}
.pb20 {
padding-bottom: 20px !important
}
.p0 {
padding: 0 !important
}
.inforgaphic-cntr2 {
padding: 100px 0;
background: #fafafa
}
.inforgaphic-cntr2 .container {
max-width: 1200px
}
.inforgaphic-li ul li {
float: left;
padding: 50px 20px;
background: #118ab8;
margin: 0 20px;
border-radius: 50px;
width: 200px;
height: 230px;
font-size: 18px;
line-height: 28px;
color: #fff
}
.inforgaphic-li ul li:nth-child(1) {
background: #118ab8
}
.inforgaphic-li ul li:nth-child(2) {
background: #fcc82b
}
.inforgaphic-li ul li:nth-child(3) {
background: #e23a59
}
.inforgaphic-li ul li:nth-child(4) {
background: #44adad
}
.inforgaphic-li ul li:nth-child(5) {
background: #3e506b
}
.highlights-index-banner {
background: url(../images/body-bg.jpg) no-repeat 0 0 fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.inner-banner.projects-banner-cntr.common-top.highlight-banner {
height: 250px;
background: url(../images/highlights-banner.jpg) center no-repeat;
background-size: cover
}
.block .container,
.highlights-list .container {
max-width: 1280px
}
.highlights-index-banner .breadcrumb {
padding: 80px 0 0;
text-align: right
}
.highlights-index-banner .breadcrumb li {
color: #656464
}
.highlights-index-banner .breadcrumb {
position: relative;
top: 36px
}
.highlights-list {
padding: 0 0 80px
}
.highlights-list li {
width: 29%;
float: left;
text-align: left;
border: 0 solid #eee;
background: #fff;
margin-right: 82px;
margin-bottom: 82px;
position: relative
}
.highlights-list li a {
background-color: #fff;
padding: 0;
border: 0;
display: inline-block;
height: 100%;
width: 100%
}
.highlights-list li a img {
width: 100%
}
.highlights-list li a:hover {
background: #f04a76
}
.highlights-list li a:hover h3,
.highlights-list li a:hover p,
.highlights-list li a:hover span {
color: #fff
}
.highlights-list li a:hover .cta {
color: #fff
}
.highlights-list li a .cta {
color: #f04a76;
font: 14px Archivo, sans-serif;
font-weight: 700
}
.highlights-list li:nth-child(3n) {
margin-right: 0
}
.highlights-list h1 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #000;
padding-bottom: 50px
}
.highlights-list h2 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #000;
padding-bottom: 50px
}
.highlights-list h3 {
color: #444;
font: 17px/26px'Playfair Display', serif;
font-weight: 700;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
padding: 0
}
.highlights-list p {
font-size: 16px;
color: #444;
line-height: 22px;
margin: 0 auto 0;
font-family: Archivo, sans-serif;
font-weight: 100;
padding: 0
}
.highlight-wraper {
padding: 20px;
min-height: 143px
}
.highlights-list span.title {
font-size: 12px;
color: #a8a5a5;
line-height: 22px;
margin: 0 auto 0;
font-family: Archivo, sans-serif;
font-weight: 100;
padding: 20px;
float: left
}
.highlights-list span a {
display: none
}
.highlights-list .cta {
margin-top: 10px
}
.highlights-list .cta a {
background-color: #fff;
color: #f04a76;
margin: 0;
padding: 0;
border: 0
}
.highlights-list .cta a:hover {
background-color: transparent;
color: #fff
}
.highlights-inner-pages {
padding: 20px 0 0
}
.highlights-dtls .grid-layout {
margin: 0
}
.highlights-dtls .grid-8 {
width: 60%;
padding: 0
}
.highlights-dtls h2 {
color: #31519c;
font: 30px/42px'Playfair Display', serif;
font-weight: 700;
padding-bottom: 30px
}
.highlights-dtls span.highlights-pg-heading-title {
display: block;
font-size: 16px;
margin-top: 5px;
line-height: 18px;
color: #9c9c9c;
font-family: Archivo, sans-serif;
padding-bottom: 30px;
margin-top: -25px
}
.highlights-dtls span.highlights-pg-heading-title a {
color: #31519c
}
.highlights-dtls span.highlights-pg-heading-title a:hover {
text-decoration: underline
}
.highlights-dtls h3 {
color: #000;
font: 22px/32px'Playfair Display', serif;
font-weight: 700;
padding-bottom: 10px
}
/*.highlights-dtls .highlights-img {*/
/* text-align: center*/
/*}*/
.highlights-dtls .highlights-img>video{
margin-bottom: 20px;
display: flex;
margin: 20px auto;
width: 70%;
}
.highlights-dtls .highlights-img>img {
margin-bottom: 20px
}
.highlights-dtls p {
font-size: 18px;
color: #444;
line-height: 28px;
margin: 0 auto 0;
font-family: Archivo, sans-serif;
font-weight: 100;
padding-bottom: 30px;
display: inline-block
}
.highlights-dtls p a {
font-size: 16px;
color: #f04a76
}
.highlights-dtls p a:hover {
text-decoration: underline
}
.highlights-dtls p strong {
font-weight: 700
}
.highlights-dtls .grid-4 {
float: right;
padding: 0;
width: 30%
}
.more-highlight {
background: #f1f1f1;
margin-bottom: 20px
}
.more-highlight h3 {
font-weight: 700;
font-size: 18px;
padding: 10px 16px;
background: #e2e2e2;
font-family: 'Playfair Display', serif
}
.more-highlight h3 a {
font-size: 12px;
line-height: 14px;
float: right;
margin: 0;
padding: 5px 10px;
background: #fff;
color: #f04a76;
margin-top: -5px
}
.more-highlight h3 a:hover {
background-color: #f04a76;
color: #fff
}
.more-highlight ul.list {
margin: 0
}
.more-highlight ul li {
list-style-type: none;
border-top: 1px solid #ddd;
padding: 0;
margin: 0;
font: 14px/20px Archivo, sans-serif;
position: relative;
float: left;
display: flex
}
.more-highlight ul li img {
width: 120px;
float: left
}
.more-highlight ul li a {
padding: 14px 20px;
display: inline-block
}
.more-highlight ul li a span {
font: 14px/20px Archivo, sans-serif;
color: #212121;
float: left;
width: 64%;
padding-left: 14px
}
.more-highlight ul li a span.highlights-heading-title {
display: block;
font-size: 12px;
margin-top: 0;
line-height: 18px;
color: #9c9c9c;
width: 100%;
padding-left: 0
}
.more-highlight ul li:nth-child(odd) {
background: #f7f7f7
}
.more-highlight ul li:hover span {
color: #f04a76
}
.more-highlight ul li:hover a span.highlights-heading-title {
color: #9c9c9c
}
.highlights-dtls .highlights-table {
margin-bottom: 30px;
border: 1px solid #e2e2e2;
margin-top: 10px
}
.highlights-dtls .highlights-table .grid-table-content {
margin: 0 0
}
.highlights-dtls .highlights-table .col-1.bold p {
font-weight: 700;
color: #fff;
font: 18px/30px Archivo, sans-serif
}
.highlights-dtls .highlights-table .col-2.bold p {
font-weight: 700;
color: #fff;
font: 18px/30px'Playfair Display', serif
}
.highlights-dtls p img {
height: 100%
}
.highlights-dtls p img.ml {
margin-left: 20px
}
.highlights-dtls p img.mr {
margin-right: 20px
}
.highlights-dtls p.image_source {
font-size: 11px
}
.highlights-list-cntr {
padding: 80px 0;
background-color: #eee;
margin-top: 60px
}
.highlights-list-cntr .highlights-list {
padding: 0
}
.highlights-list-cntr h2 {
color: #31519c;
font: 30px/42px'Playfair Display', serif;
font-weight: 700;
padding-bottom: 30px
}
.highlights-mid-content .grid-12 {
padding: 0
}
.commitment-cnt {
margin: 20px 0 60px;
background: #31519c;
color: #fff;
padding: 0 0
}
.commitment-cnt .commitment-hold {
margin: auto;
max-width: 600px;
padding: 55px 0 76px;
width: 100%
}
.commitment-cnt .commitment-hold h2 {
background: rgba(0, 0, 0, 0) url(../images/commitment-arrow-img.png) no-repeat scroll right 5px;
display: inline-block;
float: left;
font: 30px Archivo, sans-serif;
padding: 0 45px 0 0;
margin: 59px 0
}
.commitment-cnt .commitment-hold .grid-8.pos-relative {
position: relative
}
.commitment-cnt .commitment-hold .grid-8 ul {
float: left;
padding: 0 50px
}
.commitment-cnt .commitment-hold .grid-8 p {
font: 20px questrialregular, sans-serif;
color: #fff;
padding: 0 50px 30px
}
.commitment-cnt .commitment-hold .grid-8 ul li {
background: rgba(0, 0, 0, 0) url(../images/wight-bullet.png) no-repeat scroll left 5px;
padding: 3px 15px 12px;
font: 17px questrialregular, sans-serif
}
.commitment-cnt .commitment-hold .commit-img {
bottom: 0;
position: absolute;
right: 80px;
display: none
}
.nel-banking-slider p {
position: relative;
top: 20px;
font-size: 16px;
color: #fff;
line-height: 22px;
margin: 0 auto 0;
font-family: Archivo, sans-serif;
font-weight: 100;
padding: 0;
width: 100%
}
.highlights-dtls h3 {
color: #000;
font: 22px/32px'Playfair Display', serif;
font-weight: 700;
padding-bottom: 10px
}
.highlights-dtls p a {
font-size: 18px;
color: #f04a76
}
.case-study-index-banner {
background: url(../images/case-study-banner.jpg) no-repeat 0 0 fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.block .container,
.case-study-list .container {
max-width: 1280px
}
.case-study-index-banner .breadcrumb {
padding: 80px 0 0;
text-align: right
}
.case-study-index-banner .breadcrumb li {
color: #fff
}
.case-study-index-banner .breadcrumb {
position: relative;
top: 36px
}
.case-study-list {
padding: 0 0 80px
}
.case-study-list li {
width: 29%;
float: left;
text-align: left;
border: 0 solid #eee;
background: #fff;
margin-right: 82px;
margin-bottom: 82px;
position: relative
}
.case-study-list li a {
background-color: #fff;
padding: 20px;
border: 0;
display: inline-block;
height: 100%;
width: 100%
}
.case-study-list li a:hover {
background: #f04a76
}
.case-study-list li a:hover h3,
.case-study-list li a:hover span {
color: #fff
}
.case-study-list li a:hover .cta {
color: #fff
}
.case-study-list li a .cta {
color: #f04a76;
font: 14px Archivo, sans-serif;
font-weight: 700
}
.case-study-list li:nth-child(3n) {
margin-right: 0
}
.case-study-list h1 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #fff;
padding-bottom: 50px
}
.case-study-list h2 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #fff;
padding-bottom: 50px
}
.case-study-list p {
font-size: 16px;
color: #444;
line-height: 26px;
font-family: Archivo, sans-serif;
font-weight: 100;
float: left;
padding-top: 20px;
padding-bottom: 0;
width: 85%
}
.case-study-list .pdf-img {
padding: 0 10px 10px 0;
width: 48px;
float: left;
margin-top: 20px
}
.case-study-list li:hover p {
color: #fff
}
.highlights-dtls h3.style1 {
font: 20px'Playfair Display', serif;
color: #31519c;
font-weight: 900
}
.sm-fnt {
font: 12px Archivo, sans-serif;
position: relative;
bottom: 7px
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul li a {
display: block
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul li a .courtesy-date {
font-size: 11px
}
.mobility-list {
margin: 0 -30px
}
.mobility-list li {
float: left;
padding: 0 30px;
width: 33%;
margin-bottom: 50px
}
.mobility-list span.title {
color: #444;
font: 16px/24px Archivo, sans-serif;
min-height: 70px;
display: block;
color: #444;
padding: 0 5px;
background-color: #fff;
text-align: center
}
.mobility-list span.case-study-title {
min-height: 85px !important
}
.mobility-list a:hover span.title,
.more-blog a:hover span.title {
color: #f04a76
}
.mobility-section {
margin: 0 auto;
background: #f7f7f7;
color: #444;
padding: 120px 0 70px
}
.mobility-section .mobility-content {
margin: auto;
max-width: 100%;
padding: 10px 0;
width: 100%
}
.mobility-section .mobility-content h2 {
display: inline-block;
float: left;
margin: 0 0 40px;
font: 46px/52px'Playfair Display', serif;
font-weight: 700;
width: 100%;
text-align: center
}
.mobility-cnt h2 {
color: #31519c;
font-size: 28px;
font-family: 'Playfair Display', serif
}
.mobilty-heading {
font-size: 30px
}
.mobility-cnt .mobility-mid-content p:last-child {
padding-bottom: 0 !important
}
.mobilty-big h1.big {
color: #31519c;
font: 44px'Playfair Display', serif;
text-align: center;
padding: 25px 0
}
.mobility-section .container {
max-width: 1280px
}
.mobility-list li img {
width: 100%
}
.mobility-list span.title p {
padding: 20px 0
}
.w33 {
width: 33.33333333%
}
.contact-form-cntr {
padding: 20px 0 0;
background: #fff
}
.contact-form-cntr .container {
max-width: 1280px
}
.contact-form-cntr .grid-12 {
padding: 0;
position: relative
}
.contact-form-cntr .contect-details {
float: left;
width: 45%;
padding: 40px 50px;
margin: 0 auto;
background-color: #31519a;
min-height: 640px
}
.contact-form-cntr .enquiry-form {
width: 55%;
height: 703px;
position: absolute;
right: 0;
top: 0;
background-color: #fff;
padding: 50px 25px;
border: 1px solid #f2f2f2
}
.connect-with-us h3 {
padding-bottom: 15px;
color: #fff;
font-size: 28px;
line-height: 36px;
font-family: 'Playfair Display', serif;
padding-top: 20px;
font-weight: 700
}
.follow-us h3 {
padding-bottom: 15px;
color: #fff;
font-size: 22px;
line-height: 28px;
font-family: 'Playfair Display', serif;
padding-top: 20px;
font-weight: 700
}
.contact-form-cntr .address-cntr h2 {
padding-bottom: 30px;
color: #fff;
font-size: 28px;
line-height: 36px;
font-family: 'Playfair Display', serif;
font-weight: 700
}
.contact-form-cntr .address-cntr a,
.contact-form-cntr .address-cntr p {
margin: 0;
text-align: left;
width: 100%;
margin-top: 0;
font-weight: 300;
font-size: 16px;
line-height: 26px;
padding-bottom: 5px;
padding-left: 0;
padding-right: 10px;
color: #fff
}
.contact-form-cntr .address-cntr a:hover {
text-decoration: underline
}
.contact-form-cntr .address-cntr p {
padding-left: 35px;
margin-bottom: 10px
}
.corporate-office {
width: 90%
}
.enquiry-cntr .marker-info-win {
text-align: left
}
.enquiry-cntr h2.marker-heading {
color: #315399;
font-size: 26px;
padding: 0;
margin: 0;
font-family: 'Playfair Display', serif;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 15px;
margin-top: 20px
}
.enquiry-cntr .info-content {
color: #444;
font-size: 16px;
line-height: 22px;
font-family: Archivo, sans-ser;
font-weight: 500
}
.addressPin {
background: url(../images/address-pin.png) 0 3px no-repeat
}
.phone-icon {
background: url(../images/phone-icon.png) 0 2px no-repeat
}
.email-icon {
background: url(../images/email-icon.png) 0 6px no-repeat
}
.fax-icon {
background: url(../images/fax-icon.png) 0 4px no-repeat
}
.contact-cnt-address .grid-12.contact-address-cntr {
padding: 120px 0 120px 0;
}
.sales-office-address {
margin-top: 80px;
padding: 0px;
margin-bottom: 80px;
display: inline-block;
}
.connect-with-us p.email-icon {
background: 0 0;
padding-left: 0
}
.connect-with-us a.email-icon {
background: url(../images/email-icon.png) 0 4px no-repeat;
padding-left: 35px
}
.connect-with-us a.careers {
margin-left: 10px
}
.content-area .contact-cnt-address .grid-12.pl-0 {
padding: 0;
}
.mapBox {
height: 400px;
width: 100%;
margin-top: 100px;
}
.mapBox #map {
height: 400px;
width: 100%
}
#gmap_canvas {
height: 400px;
width: 100%
}
.contact-form-cntr .address-cntr #sticky-social {
position: unset;
margin-top: 0;
float: left;
padding: 0
}
.contact-form-cntr .address-cntr #sticky-social a {
padding: 0;
border-radius: 50px
}
.enquiry-form {
padding: 50px 0;
background-color: #4474b7
}
.enquiry-form .enquiry-form {
position: unset;
padding:0;
}
.enquiry-form .enquiry-form {
width: 100%;
height: 100%;
background-color: transparent;
border: 0
}
.enquiry-form .form-fields ul li {
width: 49%;
margin-right: 0
}
.enquiry-form .form-fields ul li:nth-child(even) {
margin-right: 0
}
.enquiry-form .form-fields ul li:nth-child(odd) {
margin-right: 10px
}
.enquiry-form .form-fields ul li:nth-child(5) {
width: 100%
}
.enquiry-form .form-fields ul li:nth-child(6) {
margin-right: 10px
}
.enquiry-form .form-fields ul li:nth-child(7){
width:100%;
}
.enquiry-form .form-fields ul li:last-child{
width:100%;
}
.common-checkbox .form-check{
margin: 0;
text-align: left;
width: 100%;
margin-top: 0;
font-weight: 300;
font-size: 15px;
line-height: 21px;
padding-left: 0;
color: #000;
display: flex;
align-items: flex-start;
}
.common-checkbox .form-check .form-check-input{
width:15px;
height:15px;
margin-top: 5px;
}
.common-checkbox .form-check .form-check-label{
width: 96%;
padding-left: 10px;
}
.common-checkbox .form-check .form-check-label a{
color:#31519a;
text-decoration:underline;
}
.enquiry-form .form-fields ul li.contact-sub {
width: 50%;
margin: 0;
display: block;
}
.enquiry-form .form-fields ul li.contact-sub input {
width: 100%
}
.enquiry-form .form-fields ul li.contact-sub input[type=submit].submit-btn {
background: #fff;
padding: 26px 20px;
font-size: 18px;
color: #f83871;
min-width: 160px;
text-align: center;
border-radius: 0;
text-transform: uppercase;
border: 2px solid #f83871
}
.enquiry-form .form-fields ul li.contact-sub input[type=submit].submit-btn:hover {
background-color: #f83871;
color: #fff;
border: 2px solid #f83871
}
.contact-cnt-address {
display: flex;
border-bottom: 1px solid #e4e2e2;
margin-bottom: 0
}
.contact-cnt-address .grid-4.address-cnt {
width: 25%;
padding: 120px 3% 120px 0
}
.contact-cnt-address .grid-8.address-cnt {
width: 75%;
padding: 120px 0 120px 0
}
.contact-cnt-address .grid-12.address-cnt ul li {
width: 30%;
display: inline-block;
float: left;
padding-right: 24px
}
.contact-cnt-address .grid-12.address-cnt ul li:nth-child(4n) {
padding-right: 0
}
.contact-cnt-address .grid-12.address-cnt ul li:last-child {
padding-right: 0
}
/*.contact-cnt-address .grid-8.address-cnt{/*border-left:1px solid #e4e2e2; width:75%;padding:120px 0% 120px 0%;}
.contact-cnt-address .grid-8.address-cnt ul li{width:31.63%;display:inline-block;float:left;margin-right:24px;}
.contact-cnt-address .grid-8.address-cnt ul li:nth-child(3){margin-right:0px;}
.contact-cnt-address .grid-8.address-cnt ul li:last-child{margin-right:0px;}*/
.contact-cnt-address .addr-block.address-cnt {
width: 100%
}
.contact-cnt-address p {
width: 100%;
padding: 0 10px 10px 0
}
.contact-cnt-address p.pb5 {
padding-bottom: 25px;
}
.contact-cnt-address p span {
display: block
}
.contact-sale-cntr {
min-height: 210px
}
.sale-titel {
color: #31519c;
font-size: 24px;
margin-bottom: 25px;
font-family: 'Playfair Display', serif;
font-weight: 700
}
.contact-cnt-address .sales-heading span {
display: block;
padding-top: 0;
font: 18px questrialregular, sans-serif;
background-color: #fff;
padding: 10px 0;
color: #31519c;
border-top: 1px solid #ccc;
font-weight: 700
}
.careers-top-cntr {
padding: 20px 0 80px
}
.careers-cnt .container h1 {
font: 46px/52px'Playfair Display', serif;
color: #31519c;
padding-bottom: 40px;
font-weight: 700
}
.careers-cnt .container h2 {
font: 26px/34px'Playfair Display', serif;
color: #000;
padding: 60px 0 0;
font-weight: 700
}
.job-openings {
color: #31519c !important;
padding: 20px 0 20px !important;
}
.careers-cnt .container p {
font-size: 18px;
line-height: 28px;
color: #444;
font-family: Archivo, sans-serif;
font-weight: 100;
margin-top: 20px;
padding-bottom: 30px
}
table.grid-table {
background: none repeat scroll 0 0 #fff;
border-left: 1px solid #dbdbe9;
border-top: 1px solid #dbdbe9;
font-size: 12px
}
.grid-table td,
.grid-table th {
border-bottom: 1px solid #dbdbe9;
border-right: 1px solid #dbdbe9;
color: #535353;
margin: 0;
padding: 10px;
text-align: left;
font-size: 18px
}
.grid-table th {
background: #f04a76;
color: #fff;
font-size: 20px;
font-weight: 700
}
.grid-table .status {
color: #16930d
}
table.grid-table.type2 {
border: medium none
}
table.grid-table.type2 td,
table.grid-table.type2 th {
border: none
}
table.grid-table.type2 th {
background-color: transparent;
border-right: 1px solid #dbdbe9;
color: #000
}
table.grid-table.type2 tr:last-child {
border: none
}
table.grid-table.type2 tr {
border-bottom: 1px solid #dbdbe9
}
table.grid-table.type3 {
border: medium none
}
table.grid-table.type3 td,
table.grid-table.type3 th {
border: none;
font-size: 13px;
border-right: 1px solid #dbdbe9
}
table.grid-table.type3 th {
background-color: transparent;
color: #000;
font-size: 17px;
font-family: 'Playfair Display', serif;
vertical-align: middle;
}
table.grid-table.type3 td:last-child,
table.grid-table.type3 th:last-child {
border: none
}
table.grid-table.type3 tr:last-child {
border: none
}
table.grid-table.type3 tr {
border-bottom: 1px solid #dbdbe9
}
table.grid-table.type3 tr td strong {
display: block;
color: #000;
font-size: 16px;
line-height: 18px
}
table.grid-table.type3 td a.view-more {
border: 1px solid #787878;
color: #787878;
background-color: #fff
}
table.grid-table.type3 td a.view-more:hover {
color: #fff;
background: #305098
}
table.grid-table.type3 td a.apply-now {
color: #fff;
background: #f04a76
}
table.grid-table.type3 td a.apply-now:hover {
color: #fff;
background: #305098
}
table.grid-table.type3 td a {
color: #fff;
margin-left: 7px;
padding: 9px 3px;
display: inline-block;
border: 2px solid transparent;
font-size: 14px;
margin-bottom: 0;
}
.careers-cnt table.grid-table.type3 td a {
margin-left: 0;
}
table.grid-table.type3 tr,
table.grid-table.type3 tr td {
font-size: 16px;
font-family: Archivo, sans-serif
}
.customfile-wrap input {
width: 75%
}
.customfile-filename,
.customfile-upload {
margin: 0;
padding: 0
}
.customfile-filename:focus {
outline: 0
}
.customfile-upload {
background: #ddd none repeat scroll 0 0;
border: 1px solid #ddd;
border-radius: 0 2px 2px 0;
color: #6b6863;
cursor: pointer;
display: inline-block;
font: 19px museo300, sans-seriff;
margin-left: -1px;
padding: 9px 10px 11px;
width: 25%
}
.customfile-upload::-moz-focus-inner {
padding: 0;
border: 0
}
.overlay input,
.overlay select {
padding: 10px 20px;
line-height: 22px;
font-size: 17px
}
.landing-page-banner {
background: url(../images/body-bg.jpg) no-repeat 0 0 fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.inner-banner.projects-banner-cntr.common-top.blog-banner {
height: 250px;
background: url(../images/blogs-banner.jpg) center no-repeat;
background-size: cover
}
.landing-page-list .container {
max-width: 80%
}
.landing-page-banner .breadcrumb {
padding: 80px 0 0;
text-align: right
}
.landing-page-banner .breadcrumb li {
color: #656464
}
.landing-page-banner .breadcrumb {
position: relative;
top: 36px
}
.landing-page-list {
padding: 0 0 40px
}
.landing-page-list li {
width: 29%;
float: left;
text-align: left;
border: 0 solid #eee;
margin-right: 82px;
margin-bottom: 82px;
position: relative
}
.landing-page-list li a {
padding: 0;
border: 0;
display: inline-block;
height: 100%;
width: 100%
}
.landing-page-list li a img {
width: 100%
}
.landing-page-list li a:hover {
background: #f04a76
}
.landing-page-list li a:hover h3,
.landing-page-list li a:hover p,
.landing-page-list li a:hover span {
color: #fff
}
.landing-page-list li a:hover .cta {
color: #fff
}
.landing-page-list li a .cta {
color: #f04a76;
font: 14px Archivo, sans-serif;
font-weight: 700
}
.landing-page-list li:nth-child(3n) {
margin-right: 0
}
.landing-page-list h1,
.landing-page-list h2 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #000;
padding-bottom: 50px
}
.landing-page-list-h2 {
font-size: 26px !important;
line-height: 34px !important;
padding-bottom: 20px !important;
width: 90%;
margin: 0 auto;
}
.landing-page-list h3 {
color: #444;
font: 18px/26px Archivo, sans-serif;
font-weight: 700;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
padding: 0
}
.landing-page-list p {
font-size: 14px;
color: #444;
line-height: 18px;
margin: 10px auto 10px;
font-family: Archivo, sans-serif;
font-weight: 100;
display: none;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical
}
.landing-page-list li:hover p {
display: -webkit-box
}
.landing-page-list li {
position: relative;
overflow: hidden
}
.landing-page-list li .blog-wraper {
height: 92px;
position: absolute;
bottom: 0;
width: 100%;
padding-left: 20px;
border-top: none;
background: #fff;
}
.landing-page-list li:hover .blog-wraper {
height: 100%;
bottom: 0;
background: #f04a76;
padding: 35% 20px
}
.about-cntr.industries-cntr .container {
max-width: 1280px
}
.goverment h1.big {
color: #31519c;
text-align: center;
font: 30px Archivo, sans-serif;
display: inline-block;
margin: 0 auto;
background: rgba(0, 0, 0, 0) url(../images/overviewlist-dt-bg.png) no-repeat scroll 5px 14px;
margin-bottom: 15px;
padding: 10px 40px 40px !important
}
.goverment-header {
text-align: center
}
.goverment .grid-6 {
padding-bottom: 40px !important;
padding-left: 50px
}
.goverment .grid-6 .tab-content-wrapper {
min-height: 155px;
padding-bottom: 20px
}
.goverment h3 {
font-size: 18px;
color: #444;
line-height: 28px;
margin: 30px auto 0;
font-family: Archivo, sans-serif;
font-weight: 700;
padding-bottom: 0
}
.container.banking.goverment h2 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
padding-bottom: 60px;
color: #000;
text-align: center
}
.container.banking.goverment .row:nth-child(2) .grid-6:nth-child(1) h3,
.container.banking.goverment .row:nth-child(2) .grid-6:nth-child(2) h3 {
margin: 0
}
.container.banking.goverment .row:nth-child(2) .grid-6:nth-child(1) {
padding-bottom: 100px !important
}
.container.banking.goverment .row:nth-child(2) .grid-6:nth-child(2) {
padding-bottom: 0 !important
}
.goverment .grid-layout {
margin: 0 0
}
.banking .grid-6.right-border {
border-right: 1px solid #e4e2e2;
padding-right: 50px;
padding-left: 1%
}
.banking .grid-6 {
padding-bottom: 80px;
padding-left: 50px
}
.banking .grid-12 {
border-right: 0;
padding-bottom: 30px;
padding-left: 0;
padding-right: 0
}
.container.banking.goverment .row {
border-bottom: 1px solid #e4e2e2
}
.marquee-client-cnt dd {
padding: 20px 0
}
.client-logo-list {
margin-bottom: 25px
}
.client-logo-list li {
text-align: center;
border: 1px solid #e5e5e5;
float: left;
margin-right: 20px;
padding: 10px 20px
}
.client-logo-list li p {
font-size: 16px;
line-height: 22px
}
.marquee-client-cnt .client-logo-list li {
border: none;
padding: 0;
margin: 0
}
.client-logo-list .client-img-cnt {
border: 1px solid #e5e5e5;
margin: 15px 25px 10px 0;
padding: 20px
}
.marquee-client-cnt .bx-wrapper {
min-width: 88%
}
.block.banking-solutions.our-customers {
padding: 100px 0
}
.block.banking-solutions.our-customers h2 {
color: #000;
text-align: center;
padding-bottom: 50px
}
.block.banking-solutions.our-customers .list.bullet {
padding-bottom: 0;
margin-bottom: 0
}
.case-studies-cntr {
background-color: #f04a76;
padding: 100px 0
}
.case-studies-cntr h2 {
color: #fff;
text-align: center;
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
padding-bottom: 40px
}
.case-studies-cntr div.inherit {
padding-left: 0
}
.case-studies-cntr ul.list.bullet li {
background: rgba(0, 0, 0, 0) url(../images/wight-bullet.png) no-repeat scroll left 8px;
padding: 0 0 0 15px
}
.case-studies-cntr .container .grid-12 {
padding: 0
}
.case-studies-cntr h3 {
color: #fff;
font-weight: 700
}
.case-studies-cntr p {
color: #fff;
display: flex;
line-height: 26px
}
.case-studies-cntr li {
width: 30%;
margin-right: 60px;
float: left
}
.case-studies-cntr li:nth-child(3) {
margin-right: 0
}
.case-studies-cntr ul li a {
color: #fff
}
.case-studies-cntr ul li a:hover {
color: #fff
}
.case-studies-cntr li .cta a {
border: 2px solid #fff;
color: #f04a76;
background-color: #fff;
margin-left: 12%;
margin-top: 10px
}
.case-studies-cntr li .cta a:hover {
border: 2px solid #fff;
color: #fff;
background-color: #f04a76
}
.banking-solutions .cta {
padding-bottom: 37px
}
.case-studies-cntr .pdf-img {
padding: 0 10px 10px 0;
width: 48px;
float: left
}
.video-play {
padding: 0 0 50px 0
}
.video-play iframe {
width: 100%;
height: 500px
}
.video-play ul li {
display: none
}
.video-play ul li.active {
display: block
}
.showcasesinfo {
margin: 0 auto 50px;
width: 78%
}
.showcasesinfo h3 {
font: 24px Archivo, sans-serif;
color: #31519c;
margin-bottom: 20px
}
.showcasesinfo ul li:nth-child(3n+3) {
margin-right: 0;
margin-bottom: 0
}
.showcasesinfo ul li {
display: inline-block;
margin-right: 18px;
margin-bottom: 20px;
position: relative
}
.showcasesinfo ul li img {
min-width: 318px;
min-height: 180px
}
.showcasesinfo ul li span {
position: absolute;
left: 0;
bottom: 0;
color: #fff;
padding: 10px;
font-size: 14px;
line-height: 18px;
background-color: rgba(0, 0, 0, .52);
width: 100%
}
.showcasesinfo ul li:nth-child(1) span,
.showcasesinfo ul li:nth-child(3) span,
.showcasesinfo ul li:nth-child(4) span,
.showcasesinfo ul li:nth-child(5) span {
padding: 19px 10px
}
.showcasesinfo ul li:hover span {
color: #f04a76
}
.showcasesinfo ul li.active span {
color: #f04a76
}
.active a .pideoplayicon {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: no-repeat url(../images/activeplayvideo.png) 50% 50%;
width: 100%;
height: 100%;
border: none;
background-color: rgba(0, 0, 0, .52)
}
.pideoplayicon {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: no-repeat url(../images/playvideo.png) 50% 50%;
width: 100%;
height: 100%;
border: none;
background-color: rgba(0, 0, 0, .52)
}
.showcasesinfo ul li:hover .pideoplayicon {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: no-repeat url(../images/activeplayvideo.png) 50% 50%;
width: 100%;
height: 100%;
border: none;
background-color: rgba(0, 0, 0, .52)
}
#highlightstubevideo {
position: relative;
bottom: 130px
}
ul.news li i img.pdf-icon {
width: 45px;
margin-bottom: 10px
}
.cta.download {
font: 14px Archivo, sans-serif;
font-weight: 700;
color: #fff;
padding: 8px 15px;
background-color: #f04a76;
border-radius: 0;
border: 2px solid #f04a76;
display: inline-block;
margin-top: 10px
}
.cta.download:hover {
background-color: #fff;
border: 2px solid #f04a76;
color: #f04a76
}
.about-cntr.also-read {
padding: 50px 0 80px
}
.clientscntr {
padding-bottom: 2px
}
.clientscntr-banner {
background: url(../images/body-bg.jpg) no-repeat 0 0 fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.clientscntr-banner .breadcrumb {
padding: 80px 0 0;
text-align: right
}
.clientscntr-banner .breadcrumb li {
color: #000
}
.clientscntr-banner .breadcrumb {
position: relative;
top: 36px
}
.clients-list h1 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #000;
padding-bottom: 50px
}
.clients-list h2 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #000;
padding-bottom: 50px
}
.clients-list .container {
max-width: 1280px
}
.portfolioFilter li {
float: left;
margin-right: 6px;
margin-bottom: 12px;
}
.portfolioFilter li:last-child {
margin: 0
}
ul.portfolioContainer li {
float: left;
position: relative;
width: 25%;
box-sizing: border-box;
background-color: #fffffe;
background-size: cover;
outline: 1px solid #e9e9e9
}
ul.portfolioContainer li:after {
content: "";
display: block;
padding-bottom: 80%
}
ul.portfolioContainer li img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: 170px;
height: auto;
transform: translate(-50%, -50%)
}
ul.portfolioContainer li span {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: 145px;
height: 145px;
transform: translate(-50%, -50%);
font-family: Archivo, sans-serif;
font-size: 18px;
line-height: 24px;
font-weight: 600;
text-align: center;
padding: 50px 0;
border-radius: 50%;
border: 2px solid #ddd;
}
ul.portfolioContainer li p {
position: absolute;
bottom: -5px;
left: 50%;
transform: translate(-50%, -50%);
color: #31519a;
padding: 0px 10px;
border: 1px solid #31519a;
font-size: 13px;
min-width: 282px;
text-align: center;
}
.portfolioFilter {
padding: 15px 0;
display: flex
}
.portfolioFilter a {
margin-right: 6px;
color: #666;
text-decoration: none;
border: 1px solid #ccc;
padding: 10px 56px;
display: inline-block;
font-size: 15px;
float: left;
}
.portfolioFilter a:last-child {
margin: 0
}
.portfolioFilter a.current {
background: #31519a;
border: 1px solid #31519a;
color: #f9f9f9
}
.portfolioFilter a:hover {
background: #f04a76;
border: 1px solid #f04a76;
color: #fff
}
.isotope-item {
z-index: 2
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
transition-duration: .8s
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity
}
.banking-solutions .overview-list>dl:last-child {
padding: 0;
margin: 0;
border: none
}
.banking-solutions .overview-list>dl>dt {
background: rgba(0, 0, 0, 0) url(../images/overviewlist-dt-bg.png) no-repeat scroll left center;
color: #31519c;
margin-bottom: 15px;
padding: 10px 0 10px 32px
}
.banking-solutions .testimonial>dl {
border-bottom: 0 solid #ececec;
margin-bottom: 30px;
padding-bottom: 10px
}
.banking-solutions .testimonial>dl>dt {
background: 0 0;
margin-bottom: 15px;
padding: 0;
border-radius: 10px 15px 15px 10px;
background-color: #f04a76;
display: flex;
position: relative
}
.banking-solutions .testimonial>dl:nth-child(even)>dt {
background-color: #31519c;
border-radius: 15px 10px 10px 15px
}
/*****************************************************/
.news-blog-slider-box {
flex-direction: column;
padding: 0px;
margin: 0px;
position: relative;
}
.news-blog-slider-img {
min-height: 173px;
width: 100%;
}
.news-blog-slider-box img {
padding: 0;
width: 100%;
}
.news-blog-slider-cont {
padding: 0 0 50px;
position: relative;
display: flex;
}
.news-blog-slider .slick-dots {
display: flex !important;
justify-content: center;
margin-top: 10px;
}
.news-blog-slider .slick-dots li {
margin-right: 10px !important;
}
.news-blog-slider .slick-dots li button {
width: 12px;
height: 12px;
border: none;
border-radius: 50%;
font-size: 0;
background: #d3e3ff;
cursor: pointer;
}
.news-blog-slider .slick-dots li.slick-active button {
background: #f04a76;
}
.news-blog-slider .slick-dots li button:before {
content: '';
}
.news-blog-slider2 .slick-dots {
display: flex !important;
justify-content: center;
margin-top: 10px;
}
.news-blog-slider2 .slick-dots li {
margin-right: 10px !important;
}
.news-blog-slider2 .slick-dots li button {
width: 12px;
height: 12px;
border: none;
border-radius: 50%;
font-size: 0;
background: #d3e3ff;
cursor: pointer;
}
.news-blog-slider2 .slick-dots li.slick-active button {
background: #f04a76;
}
.news-blog-slider2 .slick-dots li button:before {
content: '';
}
.news-blog-slider .slick-dots {
bottom: 0;
width: 50px;
margin: 0 auto;
list-style: none;
text-align: center;
right: 0;
left: 0;
}
.news-blog-slider2 .slick-dots {
bottom: 0;
width: 50px;
margin: 0 auto;
list-style: none;
text-align: center;
right: 0;
left: 0;
}
.news-blog-img {
width: 50%;
}
.eqlh {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.news-blog-text {
width: 50%;
background: #fff;
padding: 20px;
}
.news-blog-text-area {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.news-blog-img img {
margin-right: 0px;
display: block;
width: auto !important;
min-height: 250px;
/*object-fit: cover;*/
}
.news-blog-img h4 {
font-family: 'gt-walsheim-regular';
font-weight: 700;
font-size: 18px;
color: #0e2557;
padding: 0;
text-align: left;
margin: 0 0 20px;
line-height: 22px;
}
.news-blog-slider-box h4 {
font-family: 'Playfair Display', serif;
font-weight: 700;
font-size: 16px;
color: #313f58;
text-align: left;
padding: 6px 10px;
border: 2px solid #000;
display: inline-block;
margin-bottom: 14px;
border-radius: 5px;
}
.news-blog-slider-box h3 {
font-family: 'Playfair Display', serif;
font-weight: 600;
font-size: 18px;
color: #000;
text-align: left;
line-height: 26px;
width: 100%;
padding-right: 20px;
box-sizing: border-box;
}
.news-blog-slider-box p {
font-family: Archivo, sans-serif;
font-weight: 400;
font-size: 15px;
color: #313f58;
text-align: left;
line-height: 20px;
width: 100%;
padding-right: 20px;
box-sizing: border-box;
}
.news-blog-slider-box a {
color: #1d54a0;
font-size: 14px;
font-weight: 500;
padding-top: 20px;
display: block;
font-family: Archivo, sans-serif;
text-align: left;
}
.news-blog-slider-box a:hover {
text-decoration: underline;
}
.news-blog-client-logo-box {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
height: 70px;
margin-top: 50px;
}
.news-blog-client-logo-box img {
text-align: center;
}
.news-blog-slider .slide-arrow.prev-arrow {
left: 40%;
}
.news-blog-slider .slide-arrow.next-arrow {
right: 40%;
}
.news-blog-slider .slide-arrow {
/*position: absolute;
bottom: -60px;
width: 50px;
height: 50px;
text-align: center;
z-index: 1;
cursor: pointer;
background: transparent;
border: 2px solid #000;*/
display: none !important;
}
.news-blog-slider2 .slide-arrow {
display: none !important;
}
.news-blog-slider .slide-arrow.prev-arrow:before {
content: ' \276E';
}
.news-blog-slider .slide-arrow.next-arrow:before {
content: ' \276F';
}
.news-blog-slider .slide-arrow:before {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
text-align: center;
margin: auto;
font-size: 27px;
color: #0e2557;
}
/*****************************************************/
.client-name {
width: 30%;
float: left;
color: #fff;
padding: 23px 20px;
font-size: 20px;
line-height: 26px;
font-weight: 300
}
.client-name span {
display: flex;
font-weight: 100;
font-size: 14px
}
.client-speech-r {
float: left;
width: 70%;
color: #6d6969;
padding: 23px 20px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 10px;
font-size: 18px;
line-height: 26px;
padding-left: 60px;
background: #fff url(../images/double-cote.jpg) no-repeat scroll 14px 12px !important
}
.client-speech-l {
float: left;
width: 70%;
color: #6d6969;
padding: 23px 20px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 10px;
font-size: 18px;
line-height: 26px;
padding-left: 60px;
background: #fff url(../images/double-cote.jpg) no-repeat scroll 14px 12px !important
}
.arrow-left {
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 15px solid #fff;
float: right;
position: relative;
top: 20px;
left: 1px;
z-index: 0
}
.arrow-right {
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #fff;
float: right;
position: relative;
top: 20px;
right: 1px;
z-index: 1
}
.testimonial p {
color: #656464;
font: 17px/26px questrialregular, sans-serif;
background-color: #fff;
border-radius: 10px
}
.clients-idetails {
display: inline-block;
width: 100%;
padding: 0 0 20px
}
.clients-idetails .clientlogo {
float: left;
width: 20%
}
.clients-idetails .clientlogo img {
border: 1px solid #eee
}
.clients-idetails .clientsname {
float: left;
margin-left: 20px;
padding: 18px 0;
width: 76%
}
.content-area.testimonial-top-cntr {
padding: 50px 0 50px
}
.testimonial-top-cntr .testimonial-cnt h2 {
font: 26px/34px'Playfair Display', serif;
color: #000;
font-weight: 700;
padding-bottom: 0
}
.ref-name {
font-size: 14px;
font-weight: 400;
color: #636363;
line-height: 26px;
padding-bottom: 10px;
display: block
}
.clients-post {
font-size: 14px;
font-weight: 400;
color: #636363;
line-height: 26px;
padding-top: 0;
display: inline-block
}
.clients-testimonial ul li {
float: left;
width: 48%;
position: relative;
margin-right: 4%;
padding: 45px;
margin-bottom: 60px;
background: #fff;
padding: 40px;
border: #eee solid 1px;
border-radius: 2px
}
.clients-testimonial ul li:nth-child(2n) {
margin-right: 0
}
.clients-testimonial ul li .pn-infosbx {
float: left;
width: 100%
}
.clients-testimonial ul li .pn-infosbx p {
font-size: 15px;
line-height: 26px;
padding-bottom: 10px
}
.clients-testimonial .pn-infosbx {
float: left;
width: 68%
}
.news-list {
padding: 0 0 80px
}
.news-list li {
width: 29%;
float: left;
text-align: left;
border: 0 solid #eee;
background: #fff;
margin-right: 82px;
margin-bottom: 82px;
position: relative;
box-shadow: 0 0 15px rgba(48, 48, 48, .2)
}
.news-list li a {
background-color: #fff;
padding: 20px;
border: 0;
display: inline-block;
height: 100%;
width: 100%
}
.news-list li a:hover {
background: #f04a76
}
.news-list li a:hover h3,
.news-list li a:hover span {
color: #fff
}
.news-list li a:hover .cta {
color: #fff
}
.news-list li a .cta {
color: #f04a76;
font: 14px Archivo, sans-serif;
font-weight: 700
}
.news-list li:nth-child(3n) {
margin-right: 0
}
.news-list h1 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #fff;
padding-bottom: 50px
}
.news-list h2 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #fff;
padding-bottom: 50px
}
.news-list h3 {
color: #444;
font: 18px/26px'Playfair Display', serif;
font-weight: 700;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
padding: 0
}
.new-dtls h2 {
color: #000;
font-size: 28px;
line-height: 36px;
font-weight: 700;
font-family: 'Playfair Display', serif
}
.news-list span {
font-size: 12px;
color: #a8a5a5;
line-height: 22px;
margin: 30px auto 0;
font-family: Archivo, sans-serif;
font-weight: 100
}
.news-list span a {
display: none
}
.news-list p {
font-size: 18px;
color: #444;
line-height: 28px;
margin: 30px auto 0;
font-family: Archivo, sans-serif;
font-weight: 100
}
.news-list .cta {
margin-top: 10px
}
.news-list .cta a {
background-color: #fff;
color: #f04a76;
margin: 0;
padding: 0;
border: 0
}
.news-list .cta a:hover {
background-color: transparent;
color: #fff
}
dl .inherit .grid-layout .grid-6.lft-side {
padding: 0 65px 0 0;
border-right: 1px solid #e4e2e2
}
dl .inherit .grid-layout .grid-6.rht-side {
padding: 0 0 0 65px
}
dl .inherit.nxt-dd {
border-top: 1px solid #e4e2e2;
padding-top: 30px;
margin-top: 15px
}
dl .inherit.nxt-dd h2 {
font: 24px'Playfair Display', serif;
color: #31519c
}
.about-cntr .tab a {
color: #555;
background: #334f9b;
font: 15px/20px Archivo, sans-serif;
float: left;
color: #fff;
margin-right: 45px;
border: 1px solid #ddd;
font-weight: 500;
padding: 10px 12px
}
.about-cntr .tab a.box-btn.secondary-btn {
background: #fff;
border: 1px solid #ddd;
color: #555
}
.about-cntr .tab a.box-btn.secondary-btn:hover {
background-color: #334f9b;
color: #fff
}
.team-cnt {
padding: 50px 0
}
.team-cnt .container h2 {
font-size: 46px;
line-height: 52px;
color: #305099;
font-weight: 700;
font-family: 'Playfair Display', serif
}
.team-cnt .container p {
font-family: 'Playfair Display', serif;
font-weight: 700;
margin-top: 0;
color: #999;
margin-bottom: 0;
padding-bottom: 0;
font-size: 26px;
line-height: 34px;
padding: 10px 10px 40px 0
}
.team-cnt .container p a {
font-family: 'Playfair Display', serif;
font-weight: 700;
margin-top: 0;
color: #999;
margin-bottom: 0;
padding-bottom: 0;
font-size: 20px;
line-height: 34px;
padding: 10px 10px 40px 0
}
.team-cnt .container p a.active {
color: #000
}
.team-cnt .container p a:hover {
color: #f83972
}
.grid-4.grid-about {
width: 21%;
margin-bottom: 40px;
background-color: transparent;
margin-right: 60px;
padding: 0
}
.grid-layout.about-team .grid-4:nth-child(4n+4) {
margin-right: 0 !important
}
.team-cnt .container h2 span {
font-size: 18px;
padding: 3px 0
}
.team-cnt .container h2 span.underline {
border-bottom: 2px solid #33159c
}
.team-img {
width: 100%;
overflow: auto;
float: left;
padding: 20px;
text-align: center
}
.person-detals {
width: 80%;
margin: 0 10% 20px;
float: none;
display: inline-block;
min-height: 78px;
text-align: center
}
.person-name {
font: bold 18px questrialregular, sans-serif;
color: #656464;
margin-bottom: 5px
}
.person-qulification {
font: 100 14px questrialregular, sans-serif;
color: #656464;
margin-bottom: 10px
}
.person-qulification sup {
font-size: 8px
}
.more {
color: #f04a76;
font-size: 14px
}
.team-cnt .container .grid-4 .team-img img {
width: 200px;
height: 200px;
float: none;
margin: 0 auto;
transition: .2s ease-in-out;
position: relative;
display: block;
border-radius: 50%
}
.team-cnt .container .grid-4.grid-about .team-img a {
display: inline-block;
position: relative
}
.team-img {
padding: 10px
}
.about-cntr .container {
width: 100%
}
.team-cnt .container .grid-4.grid-about:hover .team-img img {
will-change: transform;
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.team-cnt .container .grid-4.grid-about .team-img a:before {
content: " ";
transition: .2s ease-in-out;
border-radius: 50%
}
.team-cnt .container .grid-4.grid-about:hover .team-img a:before {
content: " ";
font-family: "Material Icons";
color: #fff;
font-size: 30px;
line-height: 200px;
width: 100%;
height: 100%;
background: #0009;
position: absolute;
left: 0;
top: 0;
z-index: 99;
will-change: transform;
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.team-cnt .container .grid-4.grid-about:hover .more {
text-decoration: underline
}
.team-cnt .container .grid-4 p {
text-align: center;
font: 14px questrialregular, sans-serif;
color: #656464;
padding: 15px 0 20px
}
.team-cnt .container .grid-4 p a,
.team-cnt .container .grid-4 p a:hover {
color: #656464
}
.team-cnt .container .grid-4 p span {
display: block;
font: bold 14px questrialregular, sans-serif
}
.quality-policy-img-cntr {
background-color: #f7f7f7;
padding: 120px 0
}
.quality-policy-img-cntr .grid-6 {
text-align: center
}
.quality-policy-img-cntr .grid-6 i img {
width: 80%;
margin: 0 auto;
box-shadow: 0 0 6px 0 #9e9e9e
}
.forrester-ibs-intelligense-gartner-cntr {
padding: 100px 0;
background: #fafafa
}
.forrester-ibs-intelligense-gartner-cntr .grid-4 {
border: 1px solid #e2e2e2;
padding: 0;
margin-right: 55px;
width: 100%;
background: #fff;
position: relative;
margin-bottom: 50px
}
.forrester-ibs-intelligense-gartner-cntr .grid-4 .hexa {
padding: 20px
}
.forrester-ibs-intelligense-gartner-cntr .grid-4 .comm-hight {
background: #ededed;
width: 100%;
float: left
}
.forrester-ibs-intelligense-gartner-cntr .grid-4:nth-child(1) .hexa {
background: #23654a
}
.forrester-ibs-intelligense-gartner-cntr .grid-4:nth-child(2) .hexa {
background: #af7b4e
}
.forrester-ibs-intelligense-gartner-cntr .grid-4:nth-child(3) .hexa {
background: #0064a2
}
.forrester-ibs-intelligense-gartner-cntr .grid-4:nth-child(3) {
margin-right: 0
}
.forrester-ibs-intelligense-gartner-cntr i {
display: inline-block;
text-align: center;
padding: 0 20px 0;
width: 30%;
float: left;
height: 100%
}
.forrester-ibs-intelligense-gartner-cntr p {
font-size: 14px;
color: #fff;
line-height: 23px;
padding: 20px;
font-weight: 100;
width: 70%;
float: right
}
.forrester-ibs-intelligense-gartner-cntr ul {
width: 100%;
float: left
}
.forrester-ibs-intelligense-gartner-cntr ul li {
font-size: 18px;
color: #444;
line-height: 28px;
padding: 20px 30px;
background: #fff
}
.forrester-ibs-intelligense-gartner-cntr a {
color: #f04a76;
display: block
}
.forrester-ibs-intelligense-gartner-cntr a:hover {
text-decoration: underline
}
.forrester-ibs-intelligense-gartner-cntr ul li:nth-child(odd) {
background: #f6f6f6
}
.disclamer {
font-size: 12px;
color: #444;
line-height: 18px;
margin-top: 50px
}
.commontop {
position: relative;
top: -100px
}
.copywrite .grid-3 p {
margin: 14px 0;
text-align: left
}
.copywrite .grid-3 p a {
display: inline-block;
}
.cmmi-logo {
text-align: right
}
.cmmi-logo img {
height: 56px
}
.custom-application-maintenance-cntr {
padding: 120px 0;
background: #f2f2f2
}
.custom-application-maintenance-cntr .benefits-mid-cntr {
position: relative;
padding: 0;
width: 45%;
margin-right: 100px;
float: left
}
.custom-application-maintenance-cntr .benefits-mid-cntr .grid-6 {
width: 100%
}
.custom-application-maintenance-cntr .benefits-mid-cntr .grid-6 .dis-table {
padding: 40px
}
.custom-application-maintenance-cntr .benefits-mid-cntr+.benefits-mid-cntr {
margin-right: 0
}
.custom-application-maintenance-cntr .benefits-mid-cntr h2 {
font-size: 28px
}
.custom-application-maintenance-cntr .benefits-mid-cntr .grid-6 p {
margin: 10px auto 0
}
.custom-application-maintenance-cntr>.container {
max-width: 1200px
}
.inforgaphic-cntr h3 {
font-weight: 700;
margin-top: 0;
color: #000;
margin-bottom: 0;
padding-bottom: 10px;
font-size: 18px;
line-height: 34px
}
.inforgaphic-grid {
width: 100%;
margin: 0 auto
}
.inforgaphic-cntr .grid-12 {
float: left;
margin-bottom: 30px
}
.inforgaphic-cntr .grid-12>div {
border: #8ecf29 solid 2px;
height: 110px;
width: 225px;
border-radius: 5px;
padding: 15px 40px 15px 20px;
position: relative;
background: #fff;
z-index: 2;
margin-right: 20px;
font-size: 18px;
line-height: 24px;
color: #8ecf29;
font-family: Archivo, sans-serif;
font-weight: 100
}
.inforgaphic-cntr .grid-12>div:last-child {
margin-right: 0
}
.inforgaphic-cntr .grid-12:nth-child(1)>div {
border: #d53530 solid 2px;
color: #fff;
background: #d53530;
-webkit-clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%);
clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%)
}
.inforgaphic-cntr .grid-12:nth-child(2)>div {
border: #00958c solid 2px;
color: #fff;
background: #00958c;
-webkit-clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%);
clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%)
}
.inforgaphic-cntr .grid-12:nth-child(3)>div {
border: #fd7100 solid 2px;
color: #fff;
background: #fd7100;
-webkit-clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%);
clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%)
}
.project-tab-cntr {
margin: 0;
position: relative;
bottom: 42px
}
.p-filtrTabs {
text-align: center
}
.p-filtrTabs a {
font: 15px/20px Archivo, sans-serif;
color: #555;
background-color: #fff;
border: #ddd solid 1px;
padding: 10px 12px;
margin-right: 3px;
display: inline-block;
min-width: 110px;
vertical-align: middle;
font-weight: 500
}
.p-filtrTabs a.active,
.p-filtrTabs a:hover {
color: #fff;
background: #334f9b;
border: #334f9b solid 1px
}
.plistbox ul li {
float: left;
margin-right: 2.5%;
margin-bottom: 5%;
width: 31.66%;
background: #fff;
padding: 20px;
padding-bottom: 0;
border: #eee solid 1px;
border-radius: 2px
}
.project-tab-cntr+.banner {
margin-top: 50px
}
.blogs-img {
text-align: center
}
.blogs-img>img {
margin: 20px 0
}
.share-info {
position: relative
}
.share-info ul {
width: 34px;
min-width: 30px;
min-height: 30px;
position: absolute;
top: -40px;
right: 0;
transform: translate(-50%, -50%);
transfrom-origin: 50% 50%;
-webkit-transform: translate(0, -50%);
-webkit-transform-origin: 50% 50%;
list-style-type: none;
background-color: #fff;
border-radius: 50px;
border: 2px solid #31519c
}
.share-info ul li {
width: 30px;
height: 30px;
margin: 0 5px;
float: left;
line-height: 30px;
color: #31519c;
overflow: hidden;
cursor: pointer
}
.share-info ul li:hover {
color: #3a7eb1
}
.share-info ul li i {
font-size: 20px;
vertical-align: middle;
margin: 0 5px;
text-align: center;
width: 22px;
display: inline-block
}
.share-info ul li:nth-child(1),
.share-info ul li:nth-child(2),
.share-info ul li:nth-child(3),
.share-info ul li:nth-child(4) {
width: 30px;
height: 30px;
margin: 0
}
.share-info ul li:last-of-type i {
font-size: 20px
}
.share-info ul li i:before {
font-family: FontAwesome
}
.share-info ul li:last-of-type i:before {
font-family: FontAwesome
}
.share-info ul li:last-of-type:hover i {
color: #3a7eb1
}
.share-info ul li a {
text-decoration: none;
color: #74b6e8
}
.share-info ul li a:hover {
color: #3a7eb1
}
.share-info ul li a:visited {
text-decoration: underline
}
.fa-share-alt:before {
color: #31519c
}
.fa-twitter:before {
color: #31519c
}
.fa-facebook:before {
color: #31519c
}
.fa-linkedin:before {
color: #31519c
}
.fa-share-alt:hover:before {
color: #f04a76
}
.fa-twitter:hover:before {
color: #f04a76
}
.fa-facebook:hover:before {
color: #f04a76
}
.fa-linkedin:hover:before {
color: #f04a76
}
.about-info h1,
.about-info h2,
.benefits-cntr h2,
.benefits-mid-cntr h2,
.digital-banking-solutions-cntr h2,
.inner-bannertxt h1,
.inner-bannertxt h2,
.key-share-holders-cntr h2,
.map-cntr h2,
.media-cntr h2,
.mid-banner-info h2,
.news-cntr h2,
.our-clients-cntr h2,
.our-services-cntr .grid-5 h2,
.quality-systems-cntr h2,
.slider-Large-txt .s-Big-txt,
.why-nelito-cntr h2 {
font-size: 46px;
line-height: 42px;
font-family: 'Playfair Display', serif;
font-weight: 700
position: relative;
}
.inner-bannertxt h2 {
font-size: 42px;
line-height: 42px;
font-family: 'Playfair Display', serif;
font-weight: 700
}
.about-info h1 {
font-size: 36px;
line-height: 42px;
font-family: 'Playfair Display', serif;
font-weight: 700
}
p {
font-size: 18px;
line-height: 28px;
font-family: Archivo, sans-serif;
font-weight: 100;
padding: 0;
margin: 0
}
.subscribe-btn {
display: inline-flex;
float: right;
top: 4px;
position: relative;
}
.learn-more-btn,
.send-enquiery-btn {
padding: 0 0 0;
text-align: center;
position: fixed;
right: 50px;
bottom: 23px;
display: none;
text-transform: uppercase;
z-index: 999
}
.quality-systems-cntr h2 {
font-size: 35px;
line-height: 45px;
font-weight: 700;
font-family: 'Playfair Display', serif;
color: #204386;
padding-bottom: 60px;
text-align: center
}
.copywrite {
background: #3456a6;
padding: 12px 0;
text-align: center
}
.copywrite p {
padding: 0;
font-size: 14px;
color: #fff
}
.copywrite a {
color: #fff
}
.footer-links {
margin: 0 -2%;
justify-content: space-between;
display: flex;
}
.footer .footer-wrapper {
margin: 0 auto;
font: 16px Archivo, sans-serif;
background: #31519c;
color: #fff;
max-width: 1281px;
/*box-shadow: 0 0 5px #909090;
-moz-box-shadow: 0 0 5px #909090;
-webkit-box-shadow: 0 0 5px #909090*/
}
.footer dl {
float: left;
padding: 0 2%;
width: 18%;
width: auto;
}
.footer dl:nth-child(3) {
width: 21%;
width: auto;
}
.footer dl:nth-child(4) {
width: 14%;
display: none;
}
.footer dl:nth-child(5) {
width: 14%;
display: none;
}
.footer dl:nth-child(6) {
width: 13%;
width: auto;
}
.footer dl dt {
font: bold 17px Archivo, sans-serif;
padding: 12px 0
}
.footer dl dt a {
font: bold 17px Archivo, sans-serif
}
.footer dl li {
padding: 3px 0;
line-height: 22px
}
.footer dl a {
color: #fff;
font: 15px Archivo, sans-serif
}
.horizontal-div {
right: 0;
position: fixed;
top: 50%;
bottom: unset;
z-index: 9999;
height: 260px;
width: 35px;
transform: translateY(-50%);
}
.horizontal-div .box-btn {
transform: rotate(-90deg);
/* W3C */
-webkit-transform: rotate(-90deg);
/* Safari & Chrome */
-moz-transform: rotate(-90deg);
/* Firefox */
}
.follow-us {
margin-top: 29px;
margin-bottom: 5px;
}
.social-icon a {
display: inline-block;
vertical-align: middle;
width: 35px;
height: 35px;
border-radius: 50%;
position: relative;
margin-right: 10px;
background: #f04a76;
border: 1px solid transparent;
transition: 0.25s all linear;
}
.social-icon a:before {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
margin: auto;
transform: translateY(-50%);
color: #fff;
}
.social-icon a:hover:before {
color: #fff;
}
.social-icon a:last-child {
margin-right: 0;
}
.social-icon a.entypo-linkedin {
background: #007bb6;
}
.social-icon a.entypo-gplus {
background: #dd4b39;
}
.social-icon a.entypo-twitter {
/*background: #00aced;*/
background: #000;
}
.social-icon a.entypo-facebook {
background: #3b5998;
}
.footer dl a:hover {
color: #f04a76
}
.footer .container {
padding: 75px 0
}
.copywrite {
background: #3456a6;
padding: 12px 0;
text-align: center
}
.copywrite p {
padding: 0;
font-size: 14px
}
.footer .footer-wrapper {
max-width: 100%
}
.social-media {
float: right;
padding: 9px 9px
}
.social-media li {
float: left;
margin: 0 19px 0 0;
padding: 0;
min-width: 0
}
.social-media li a {
display: block;
background: none no-repeat center center;
width: 21px;
height: 21px;
display: block;
padding: 0
}
.social-media li a:hover {
background-color: transparent
}
.social-media li a.linkedin {
background-image: url(../images/linkedin.png)
}
.social-media li a.google-plus {
background-image: url(../images/google-plus.png)
}
.social-media li a.facebook {
background-image: url(../images/facebook.png)
}
.social-media li a.twitter {
background-image: url(../images/twitter.png)
}
[class*=entypo-]:before {
font-family: entypo, sans-serif
}
#sticky-social {
right: 0;
position: absolute;
bottom: 0;
z-index: 9999
}
#sticky-social a {
background: #333;
color: #fff;
display: block;
height: 35px;
font: 16px"Open Sans", sans-serif;
line-height: 35px;
position: relative;
text-align: center;
width: 35px
}
#sticky-social a span {
line-height: 35px;
right: -120px;
position: absolute;
text-align: center;
width: 120px
}
#sticky-social a:hover span {
right: 100%
}
#sticky-social a[class*=facebook],
#sticky-social a[class*=facebook] span,
#sticky-social a[class*=facebook]:hover {
background: #3b5998
}
#sticky-social a[class*=twitter],
#sticky-social a[class*=twitter] span,
#sticky-social a[class*=twitter]:hover {
/*background: #00aced*/
background: #000;
}
#sticky-social a[class*=gplus],
#sticky-social a[class*=gplus] span,
#sticky-social a[class*=gplus]:hover {
background: #dd4b39
}
#sticky-social a[class*=linkedin],
#sticky-social a[class*=linkedin] span,
#sticky-social a[class*=linkedin]:hover {
background: #007bb6
}
#sticky-social a[class*=paper-plane],
#sticky-social a[class*=paper-plane] span,
#sticky-social a[class*=paper-plane]:hover {
background: #0a66c2
}
#sticky-social a[class*=instagrem],
#sticky-social a[class*=instagrem] span,
#sticky-social a[class*=instagrem]:hover {
background: #517fa4
}
#sticky-social a[class*=stumbleupon],
#sticky-social a[class*=stumbleupon] span,
#sticky-social a[class*=stumbleupon]:hover {
background: #eb4924
}
#sticky-social a[class*=pinterest],
#sticky-social a[class*=pinterest] span,
#sticky-social a[class*=pinterest]:hover {
background: #cc2127
}
#sticky-social a[class*=flickr],
#sticky-social a[class*=flickr] span,
#sticky-social a[class*=flickr]:hover {
background: #ff0084
}
#sticky-social a[class*=tumblr],
#sticky-social a[class*=tumblr] span,
#sticky-social a[class*=tumblr]:hover {
background: #32506d
}
.social-media {
display: inline-block;
float: right
}
.social-media ul li {
width: 35px;
height: 35px;
float: left;
background-color: transparent;
border-radius: 50px;
text-align: center;
margin: 11px 5px
}
.social-media ul li.fb-cntr {
background-color: #3a5897
}
.social-media ul li.twitter-cntr {
background-color: #2ba8e0
}
.social-media ul li a {
color: #6f6e6e
}
.fb:before {
font: 20px/36px FontAwesome;
content: '\f09a';
color: #fff
}
.twitter:before {
font: 20px/36px FontAwesome;
content: "\f099";
color: #fff
}
.social-media ul li.fb-cntr:hover {
background-color: #fff
}
.social-media ul li.twitter-cntr:hover {
background-color: #fff
}
.social-media ul li:hover .fb:before {
color: #3a5897
}
.social-media ul li:hover .twitter:before {
color: #2ba8e0
}
.outer-div {
display: table;
height: 140px;
width: 100%;
padding-top: 20px
}
.middle-div {
display: table-cell;
vertical-align: middle
}
.dis-table {
display: table;
width: 100%;
height: 100%
}
.dis-table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle
}
b,
strong {
font-weight: bold
}
.mobdisp {
display: none !important
}
.desdisp {
display: block !important
}
.pop_up_msg {
width: 100%;
background: #ccc;
padding: 10px;
position: fixed;
bottom: 0;
right: 0;
left: 0;
margin: 0 auto;
z-index: 9999
}
.pop_up_msg p {
padding-bottom: 0 !important;
color: #000 !important;
padding-right: 30px
}
.pop_up_close_btn {
background: #000;
width: 20px;
height: 20px;
position: absolute;
right: 20px;
top: 0;
color: #fff;
padding: 3px 0;
text-align: center;
cursor: pointer;
border-radius: 50%
}
.popup_links,
.popup_links:hover {
color: #31519c !important
}
.aboutdts-info {
width: 80%;
float: left
}
.aboutdts-image {
width: 20%;
float: left;
text-align: right;
margin-top: 50px
}
.mob-disp {
display: none
}
.dsk-disp {
display: block
}
.clients-common-tab.common-top.clients-common-menu {
display: none
}
.project-tab-cntr {
display: block
}
.speakers {
padding: 50px;
background: #f2f2f2;
margin: 20px 0 50px;
}
.speakers .container {}
.speakers .w75 {
width: 75%;
float: left;
padding: 20px 0;
}
.speakers .w75 .w25 {
display: none
}
.speakers .w25 {
width: 25%;
float: left;
background: #fff;
padding: 20px 0 30px;
}
.speakers h2 {
text-align: center;
color: #000;
font-size: 35px;
line-height: 42px;
font-weight: 500;
margin-bottom: 30px;
font-family: 'Playfair Display', serif;
}
.speakers h2 span {
float: right;
margin-right: 35px;
}
.speakers ul {}
.speakers .w75 ul li {
float: left;
text-align: center;
max-width: 380px;
margin: 20px 0px 0px;
position: relative;
width: 33.33%;
}
.speakers .w25 ul li {
float: left;
text-align: center;
max-width: 380px;
margin: 20px 0px 0px;
position: relative;
width: 100%;
}
.speakers ul li span {
display: none;
}
.speakers ul li img {
border-radius: 50%;
}
.speakers ul .slick-track {}
.speakers ul li h3 {
font-size: 20px;
line-height: 36px;
font-family: Archivo, sans-serif;
font-weight: bold;
margin-top: 20px;
padding: 0;
}
.speakers ul li p {
font-size: 16px;
line-height: 22px;
margin-top: 0;
padding: 0 40px;
}
.speakers ul.slick-dots {
position: absolute;
width: 100%;
bottom: 0px;
padding-top: 15px;
margin: 0 auto;
}
.speakers ul.slick-dots li {
border-radius: 0;
font-size: 0;
background-color: #bfbfbf;
height: 10px;
width: 10px;
min-width: 10px;
border-radius: 50%;
margin: 0 6px;
float: none;
padding: 0px;
}
.speakers ul.slick-dots li.slick-active {
background: #f04a76;
}
.speakers ul.slick-dots li button:before {
display: none;
}
.analyst-recognitions-cntr .container {}
.analyst-recognitions-detail {
width: 50%;
width: 50%;
/*float: left;*/
margin: 0 auto;
}
.twittercntr {
padding: 100px 0 0px;
text-align: center;
width: 40%;
float: right
}
.twittercntr iframe#twitter-widget-0 {
border: 1px solid #eee !important;
}
.twittercntr .twitter-timeline {}
.about-center-part .blogs-img img {
width: 74%;
}
#enquiryform1 .overlay-box {
width: 1366px;
}
.images-zoomabout {
position: relative;
}
.images-zoomabout img {
width: 63%;
margin: auto;
}
.images-zoomabout .overlay-img {
color: #fff;
font-size: 15px;
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 63%;
height: 100%;
cursor: pointer;
right: 0;
margin: 0 auto;
display: block;
}
.images-zoomabout span {
position: absolute;
top: 0;
right: 0;
text-align: center;
margin: auto;
font-size: 16px;
display: inline-block;
width: 51px;
padding: 10px;
color: #000;
}
.images-zoomabout span svg {
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
margin-right: 5px;
}
.img-div .inforgaphic {
font-size: 18px;
color: #f04a76;
font-family: 'Playfair Display', serif;
font-weight: 700;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
}
/*sanket services css change*/
.new-services-section .analytics-banner-cntr,
.new-services-section .custom-application-development-banner-cntr,
.new-services-section .finacle-cbs-implementation-banner-cntr,
.new-services-section .it-infrastructure-services-banner-cntr,
.new-services-section .knowledge-process-outsourcing-banner-cntr,
.new-services-section .swift-services-banner-cntr {
position: relative;
}
.new-services-section .dis-tablecell h2 {
font-size: 36px;
line-height: 44px;
font-weight: 700;
font-family: 'Playfair Display', serif;
margin-bottom: 20px;
color: #fff;
}
.new-services-section .our_service_section {
margin-bottom: 10px;
position: absolute;
bottom: 0;
z-index: 1;
padding: 0;
}
.new-services-section .our_service_section ul {
display: flex;
}
.new-services-section .our_service_section ul li {
display: inline-block;
vertical-align: top;
text-align: center;
width: 17%;
margin: 0 4px;
}
.new-services-section .our_service_section ul li a {
border-radius: 4px;
color: #0d3279;
cursor: pointer;
font-size: 16px;
font-weight: 400;
padding: 6px 19px;
word-break: break-word;
border: 1px solid #0d3279;
display: flex;
height: 100%;
line-height: 21px;
transition: 0.25s all linear;
align-items: center;
justify-content: center;
background: #fff;
}
.new-services-section .our_service_section ul li a:hover,
.new-services-section .our_service_section ul li a.active {
background: #0d3279;
color: #fff;
transition: 0.25s all linear;
}
.new-services-section .common-div .lazyloaded {
width: 100%;
display: block;
}
.new-services-section .main-lsider-div {
position: relative;
padding: 0;
}
.new-services-section .main-lsider-div .custom-pre-control {
left: 44px;
}
.new-services-section .main-lsider-div .custom-next-control {
right: 44px;
}
.blog-dtls .new-blog-formate-set .main-box {
padding: 30px;
background: #31519c;
color: #fff;
}
.blog-dtls .new-blog-formate-set .main-box {
margin-bottom: 20px;
}
.blog-dtls .new-blog-formate-set .main-box h3, .blog-dtls .new-blog-formate-set .main-box p {
color: #fff;
}
.blog-dtls .new-blog-formate-set .main-box p {
font-style: italic;
}
.blog-dtls .new-blog-formate-set .main-box p:last-child {
padding-bottom: 0;
}
.blog-dtls .new-blog-formate-set ul.list.bullet li {
background: none;
position: relative;
}
.blog-dtls .new-blog-formate-set ul.list.bullet li:before {
content: " ";
width: 8px;
height: 8px;
background: #204386;
border-radius: 50%;
position: absolute;
top: 10px;
left: 0;
}
.blog-dtls .new-blog-formate-set ul.list.bullet li strong {
color: #204386;
}
.blog-dtls .new-blog-formate-set ul.list.bullet.bullet-new{
padding:0;
}
.blog-dtls .new-blog-formate-set ul.list.bullet.bullet-new li{
padding:0;
margin-bottom: 0;
padding: 20px;
border-bottom: 1px solid #ddd;
margin-bottom: 0;
background: #ecf0fb;
font-weight: 600;
position: relative;
padding-left: 40px;
}
.blog-dtls .new-blog-formate-set ul.list.bullet.bullet-new li:last-child{
border-bottom:0;
}
.blog-dtls .new-blog-formate-set ul.list.bullet.bullet-new li:before{
content: none;
}
.blog-dtls .new-blog-formate-set ul.list.bullet.bullet-new li:after{
content: " ";
width: 12px;
height: 1px;
background: #000;
position: absolute;
top: 33px;
left: 16px;
}
/*.blog-dtls .new-blog-formate-set .conclusion-format {*/
/* padding: 30px;*/
/* background: rgb(49 81 156 / 60%);*/
/*}*/
.blog-dtls .new-blog-formate-set .conclusion-format h3 {
color: #000;
}
.blog-dtls .new-blog-formate-set .conclusion-format p {
color: #000;
}
.blog-dtls .new-blog-formate-set .conclusion-format p a {
color: #204386;
font-weight: 600;
}
.blog-dtls .new-blog-formate-set .pointer-list-box .row {
display: flex;
flex-wrap: wrap;
}
.blog-dtls .new-blog-formate-set .pointer-list-box .row .col-lg-6 {
flex: 0 0 auto;
width: 50%;
padding: 0 15px;
margin-bottom: 30px;
}
.blog-dtls .new-blog-formate-set .pointer-list-box .common-point-box {
border-radius: 15px;
border: 1px solid #c0c0c0;
background: #fff;
height: 100%;
}
.blog-dtls .new-blog-formate-set .pointer-list-box .common-point-box .center-part {
padding: 24px;
}
.blog-dtls .new-blog-formate-set .pointer-list-box .common-point-box .icon {
width: 60px;
height: 60px;
border-radius: 50%;
background: #31519c;
display: flex;
align-items: center;
justify-content: center;
}
.blog-dtls .new-blog-formate-set .pointer-list-box .common-point-box .content-part {
margin-top: 20px;
}
.blog-dtls .new-blog-formate-set .pointer-list-box .common-point-box .content-part h5 {
font-size: 18px;
font-weight: 600;
color: #304f8f;
line-height: 24px;
}
.blog-dtls .new-blog-formate-set .pointer-list-box .common-point-box .content-part h5 a{
color: #304f8f;
text-decoration: underline;
}
.blog-dtls .new-blog-formate-set .pointer-list-box .common-point-box .content-part p {
text-align: left !important;
padding-bottom: 0;
font-size: 17px;
line-height: 22px;
}
.blog-dtls .new-blog-formate-set .pointer-list-box {
margin-bottom: 20px;
}
.blog-dtls .new-blog-formate-set .user-part-set {
margin-bottom: 30px;
}
.blog-dtls .new-blog-formate-set .user-part-set:last-child {
margin-bottom: 0;
}
.blog-dtls .new-blog-formate-set .user-part-set .row {
display: flex;
flex-wrap: wrap;
}
.blog-dtls .new-blog-formate-set .user-part-set .row .col-lg-3 {
flex: 0 0 auto;
width: 30%;
}
.blog-dtls .new-blog-formate-set .user-part-set.user-part-set-logo .row .col-lg-3 {
width: 22%;
}
.blog-dtls .new-blog-formate-set .user-part-set.user-part-set-logo .row .col-lg-9 {
flex: 0 0 auto;
width: 78%;
}
.blog-dtls .new-blog-formate-set .user-part-set .row .col-lg-9 {
flex: 0 0 auto;
width: 70%;
}
.blog-dtls .new-blog-formate-set .user-part-set .left-side-part {
height: 100%;
display: block;
}
.blog-dtls .new-blog-formate-set .user-part-set .left-side-part img {
width: 100%; /* height: 100%; */
border-radius: 10px;
display: block;
object-position: center;
object-fit: cover;
}
.blog-dtls .new-blog-formate-set .user-part-set .right-side-part {
padding-left: 40px;
}
.blog-dtls .new-blog-formate-set .user-part-set .right-side-part p {
margin-bottom: 0;
padding-bottom: 0;
}
/*sanket services css changes*/
/* table changes css */
.company-information-table tr th {
font-size: 16px;
line-height: 22px;
font-weight: 600;
border: 1px solid #ccc;
padding: 7px;
vertical-align: middle;
background: #ddd;
}
.company-information-table tr th:first-child {
width: 100px;
}
.company-information-table tr td {
font-size: 16px !important;
line-height: 22px !important;
}
.appointment-resignation-section .company-information-table tr td {
text-align: center;
}
.appointment-resignation-section {
margin-top: 20px;
}
.appointment-resignation-section .table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.appointment-resignation-section h3 {
font-size: 18px;
line-height: 28px;
font-weight: 300;
font-weight: 600;
margin-bottom: 10px;
}
.appointment-resignation-section .heading-of-part td {
background: #0d3279 !important;
}
.appointment-resignation-section h4 {
padding-bottom: 0;
font-size: 16px;
font-weight: 500;
color: #fff;
}
.appointment-resignation-section .company-information-table {
margin-top: 0;
}
.appointment-resignation-section .company-information-table tr:nth-child(odd) td {
background: #f7f7f7;
}
/*sanket services css changes*/
@media only screen and (min-width:1300px) and (max-width:1440px) {
.three-text-show .slider-Large-txt .s-Big-txt.wid-100 {
padding: 17px;
min-height: 313px;
width: 18%;
}
ul.map-info.home-map-info.nelito-systems-sec-info li {
margin: 0 4.2%;
}
header nav .ul-right {
width: 27% !important;
}
.new-slider .slider-Large-txt .s-Big-txt {
color: #000;
font-size: 37px;
}
.ul-right .header-img span.nelito-heading {
padding: 24px 0 7px;
display: inline-block;
}
.ul-right .header-img .nelito-heading p {
font-size: 10px;
line-height: 18px;
font-weight: 600;
}
.ul-right .header-img .nelito-heading h4 {
font-size: 16px;
line-height: 21px;
}
.ul-right {
width: 30% !important;
}
.nav .container>ul.menuR>li>a {
padding: 36.5px 25px 31.5px 0;
}
.ul-right .header-img a {
padding: 27px 17px !important;
}
.three-text-show .slider-Large-txt .s-Big-txt span {
margin-top: 10px;
}
.three-text-show .know-more-btn {
margin-left: 20px;
}
.footer .footer-wrapper .grid-3 {
width: 34%;
}
#enquiryform1 .overlay-box {
width: 1199px;
}
.landing-page-list h3 {
font: 16px/26px Archivo, sans-serif;
}
}
@media(max-width:1366px) {
.new-navigation-bar .menuL .has-sub-menu:nth-child(2) .sub-navigation-bar.left-100 {
width: 1165px;
}
.services-image-info {
top: 100px;
}
.ul-right {
float: right;
width: 30%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
ul.map-info.home-map-info.nelito-systems-sec-info li {
margin: 0 3.5%;
}
.copywrite p {
padding: 0 30px 0 0;
font-size: 14px;
}
.three-text-show .slider-Large-txt .s-Big-txt.wid-100 {
padding: 17px;
min-height: 289px;
}
.three-text-show .slider-Large-txt .s-Big-txt span {
margin-top: 10px;
}
.three-text-show .know-more-btn {
margin-left: 20px;
}
}
@media(max-width:1280px) {
.footer-links {
margin: 0;
}
.footer .footer-wrapper .grid-3 {
width: 34%;
}
.block .container, .case-study-list .container {
max-width: 1280px;
width: 96%;
}
.more-blog ul li a span {
font: 14px / 20px Archivo, sans-serif;
color: #212121;
float: left;
width: 63%;
padding-left: 14px;
}
}
@media(min-width:1200px) {
.container {
max-width: 1280px;
width: 100%
}
.media-cntr .container {
max-width: 1280px !important;
}
}
@media screen and (min-width:1000px) and (max-width:1024px) {
.media-cntr .container {
max-width: 100% !important;
}
.footer .footer-wrapper .grid-3 {
width: 40%;
}
.key-features-new ul li {
width: 29%;
}
ul.menuL {
margin-left: -20px !important;
}
.ul-right {
width: 22% !important;
}
.three-text-show .slider-Large-txt .s-Big-txt.wid-100 {
padding: 8px;
min-height: 240px;
font-size: 24px;
line-height: 28px;
}
.ul-right .header-img .nelito-heading h4 {
font-size: 8px;
color: #0d3279;
padding: 0;
border-bottom: 1px solid #b61247;
word-spacing: 2px;
font-weight: 700;
text-align: justify;
line-height: 18px;
}
.ul-right .header-img .nelito-heading p {
font-size: 9px;
letter-spacing: 1px;
color: #b61247;
font-weight: 600;
text-align: center;
line-height: 12px;
}
.more-blog ul li a span {
width: 60%;
padding-left: 10px;
}
.more-blog ul li img {
width: 100px;
}
.client-speak .main-client-slider .client-content .client-desc p {
min-height: 383px;
}
.client-speak .main-client-slider .client-content .client-details .client-designation {
width: 59%;
}
.client-image {
width: 109px;
}
.slider.single-item{
height: auto;
}
.s-Big-txt img.client-logo.synnex-website-desktop {
width: 500px !important;
}
.slider-Large-txt .s-Big-txt{
font-size:32px;
}
.three-text-show .slider-Large-txt .s-Big-txt.wid-100{
width:auto;
}
.enquiry-form .form-fields ul li {
width: 47%;
}
.enquiry-form .form-fields ul li:nth-child(6){
width:100%;
}
table.grid-table.type3 td a.apply-now{
margin-top:10px;
}
.overlay-box {
width: 55% !important;
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.highlights-list li {
width: 30%;
background: #fff;
margin-right: 46px;
margin-bottom: 48px;
}
.events-list li {
width: 30%;
margin-right: 41px;
margin-bottom: 40px;
}
.landing-page-list li {
margin-right: 24px;
margin-bottom: 25px;
width: 31%;
}
.landing-page-list li .blog-wraper {
height: 124px;
}
.send-enquiery-btn a.box-btn {
bottom: -76%;
}
}
@media all and (max-width:1024px),(max-height: 600px){
.send-enquiery-btn a.box-btn {
bottom: -35%;
}
}
@media only screen and (min-width:768px) and (max-width:830px) {
.client-speak .main-client-slider .client-content .client-desc p {
min-height: 345px !important;
}
.key-features-new ul li {
width: 43%;
}
.slick-slide img{
height: 100%;
object-fit: cover;
object-position: center;
}
.services-image-info {
top: auto;
bottom: 49px;
}
.footer dl{
padding: 0 5px;
}
.footer dl dd {
display: block !important;
}
.footer dl dt:after{
content:none !important;
}
.copywrite .grid-3 p{
text-align: center !important;
}
.home-banner-cntr .common-slider .container {
height: 68vh;
}
.inner-bannertxt h1{
line-height: 52px;
}
.home-banner-cntr .core-banking-solution-slider {
background-position: center;
}
.about-cntr{
padding-left: 30px !important;
padding-right: 30px !important;
}
.about-info h2{
font-size: 40px;
line-height: 51px;
}
.mid-banner-cntr .container {
width: auto;
}
.mid-banner-cntr.core-banking-solution-mid-banner .grid-4{
width: 43% !important;
word-wrap: break-word;
}
.mid-banner-cntr.core-banking-solution-mid-banner .grid-4:last-child{
margin-bottom:60px !important;
}
.main-key-feature .content-part p{
padding-left:20px;
}
.mid-banner-cntr {
height: 119vh !important;
}
.benefits-mid-cntr .grid-6{
height: 65vh;
align-items: center;
display: flex;
}
.benefits-mid-cntr .grid-6 img{
object-fit:cover;
object-position:center;
}
.benefits-mid-cntr .grid-6 i{
height:100%;
display:block;
}
.benefits-mid-cntr .grid-6 i img{
height:100%;
}
.core-banking-solution-journey{
width:100%;
}
.core-banking-transformation-strategy {
width: 100%;
}
.core-banking-transformation-strategy-text1 {
top: 75px;
left: 19px;
}
.core-banking-transformation-strategy-text2 {
top: 87px;
left: 287px;
}
.core-banking-transformation-strategy-text3 {
top: 78px;
left: 546px;
}
.core-banking-transformation-strategy-text1-ul {
top: 282px;
left: 54px;
}
.core-banking-transformation-strategy-text2-ul {\
top: 282px;
left: 319px;
}
.core-banking-transformation-strategy-text3-ul {
position: absolute;
top: 282px;
left: 566px;
}
.core-banking-solution-journey-desktop-img {
display: none;
}
.core-banking-solution-journey-mob-img {
display: block;
}
.core-banking-solution-journey {
transform: scale(1);
height: 2650px;
}
.core-banking-solution-journey-text1 {
top: 160px;
left: 160px;
}
.core-banking-solution-journey-text2 {
top: 488px;
left: 160px;
}
.core-banking-solution-journey-text3 {
top: 730px;
left: 160px;
}
.core-banking-solution-journey-text4 {
top: 1044px;
left: 160px;
}
.core-banking-solution-journey-text5 {
top: 1317px;
left: 160px;
}
.core-banking-solution-journey-text6 {
top: 1780px;
left: 160px;
}
.core-banking-solution-journey-text7 {
top: 2198px;
left: 160px;
}
.core-banking-solution-journey-text8 {
top: 2443px;
left: 160px;
}
.mid-banner-cntr.core-banking-solution-mid-banner .grid-4{
float: left;
padding: 0 2%;
width:50%;
}
.core-banking-solution-journey {
height: 2536px;
}
.benefits-cntr .container {
max-width: 91%;
}
.benefits-cntr ul li{
margin-top:89px;
}
ul.bottomSlider .slick-dots {
bottom: -79px;
}
.happy-clients-cntr ul li p{
width:100px;
height:100px;
border:10px solid rgba(214, 214, 214, .76);
}
.happy-clients-cntr ul li img{
width:100px;
height:100px;
border:10px solid rgba(214, 214, 214, .76);
}
ul.bottomSlider{
min-height:auto;
}
.boxcolbv{
width:100%;
}
.bloghmcell{
width:50%;
}
.bloghmcell.awards{
width:100%;
}
ul.sliderbv1.bottomSlider .slick-dots {
bottom: -83px !important;
}
.news-cntr .container {
width: auto;
}
ul.news li{
min-height: 225px !important;
}
ul.news li.lvl {
min-height:auto !important;
}
.line-business-cntr ul li {
width: 50%;
}
.findart-text-2 {
left: 533px;
width: 185px;
}
.findart-text-2 ul{
width:auto;
}
.findart-area,.inforgaphic-detail-cntr2{
overflow:hidden;
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul li {
width: 47%;
margin-right: 33px;
}
.inforgaphic-detail-cntr2{
display:none;
}
.adf-guidelines{
display:none;
}
.mobile-scroll{
width: 100% !important;
}
.mid-banner-info ul{
display: flex !important;
flex-wrap: wrap !important;
width:100% !important;
padding-left:15px !important;
padding-right:15px !important;
}
ul li:nth-child(2), .mid-banner-info ul li:nth-child(5) {
margin: 0 !important;
margin-bottom: 0;
}
.mid-banner-info ul li{
float:none;
width:50% !important;
flex: 0 0 auto;
margin:0;
margin-bottom:50px !important;
}
.mid-banner-info {
padding-left:15px;
padding-right:15px;
}
}
.table-format {
margin-bottom: 30px;
}
.table-format table tr th {
padding: 15px;
text-align: center;
font-size: 18px;
color: #fff;
font-weight: 600;
border: 1px solid #c0c0c0;
background: #31519c;
}
.table-format table tr td {
padding: 15px;
text-align: center;
font-size: 18px;
color: #000;
font-weight: 400;
border: 1px solid #c0c0c0;
}
.table-format table tr td a{
color:#f04a76;
text-decoration:underline;
}
.table-format.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width:1200px) and (max-width:1280px) {
ul.menuR {
float: left;
}
header nav .ul-right {
width: 31% !important;
}
header .container {
padding: 0 20px !important;
max-width: 100%;
}
.new-slider .slider-Large-txt .s-Big-txt {
color: #000;
font-size: 37px !important;
}
.nav .container>ul.menuR>li>a {
padding: 36.5px 25px 31.5px 0;
}
}
@media screen and (min-width:0px) and (max-width:1023px) {
.highlights-dtls .highlights-img>video{
width: 100%;
}
.commentFormcntr ul li:last-child {
margin-bottom: 0;
margin-top: 20px;
width: 100%;
float: left;
}
.main-client-slider {
padding: 0 0px;
}
.new-services-section .our_service_section {
position: relative;
}
#map img {
height: 400px;
object-position: 80% 0;
object-fit: cover;
}
.client-download-brochure {
position: absolute;
right: unset;
bottom: -60px;
left: 5px;
}
.client-download-brochure a {
font-size: 12px;
}
.faq-cntr {
padding: 60px 0;
}
.faq-cntr .benefits-accordion .wrapper .toggle {
font-size: 18px;
line-height: 24px;
}
.faq-cntr .benefits-accordion .content p {
font-size: 14px;
line-height: 20px;
}
.nws-table table thead tr th {
font-size: 15px;
font-family: Archivo, sans-serif;
padding: 9px;
text-align: center;
line-height: 20px;
}
.nws-table table tbody tr td {
padding: 11px;
font-size: 14px;
font-family: Archivo, sans-serif;
}
.projectslist .plistbox ul li .mb {
margin-bottom: 25px;
}
.inner-bannertxt h1.fs-small {
font-size: 39px;
line-height: 45px;
}
.home-banner-cntr .finacle-cbs-implementation-slider {
background-position: right;
}
.home-banner-cntr .home-banner-slider .home-banner .banner-img-resize {
background-position: right;
background-position-x: 570px;
}
.mob-banner-link {
display: block;
font: 14px Archivo, sans-serif;
font-weight: 700;
padding: 8px 15px;
background-color: #f04a76;
border-radius: 0;
border: 2px solid #f04a76;
color: #fff;
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, 0%);
}
.mob-banner-link:hover {
background-color: #fff;
color: #f04a76;
text-decoration: none
}
.mobile-nelito-system {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
right: 0;
z-index: 99;
margin: 0 auto;
background: #fff;
border-top: 1px solid #ddd;
display: block;
text-align: center;
}
.mobile-nelito-system .bottom-fixed {
/*padding: 9px 10px;*/
padding: 3px 7px 0;
text-align: justify;
}
.bottom-fixed .nelito-heading h4 {
font-size: 20px;
color: #0d3279;
padding: 0;
border-bottom: 1px solid #b61247;
word-spacing: 0px;
font-weight: 600;
line-height: 25px;
text-align: center;
}
.bottom-fixed .nelito-heading p {
font-size: 12px;
letter-spacing: 1px;
color: #b61247;
font-weight: 600;
text-align: center;
line-height: 20px;
}
.new-slider .homebannerimage .home-banner-desktop {
display: none;
}
.new-slider .home-banner-slider-text {
display: none;
}
.new-slider .homebannerimage .home-banner-mobile {
display: block;
}
.ul-right .header-img .nelito-heading h4 {
font-size: 19px;
}
.ul-right .header-img .nelito-heading p {
font-size: 12px;
}
.nav .container>ul>li,
.nav li,
.nav li:last-child {
border-bottom: none;
}
.ul-right .header-img {
border-bottom: none !important;
}
.ul-right {
width: 100% !important;
margin: 0 auto;
display: block;
text-align: center;
}
/*.new-slider .homebannerimage .bgfull1{*/
/*position: absolute;*/
/*width: 100%;*/
/*height: 100%;*/
/*bottom: 0;*/
/*left: 0;*/
/*background-color: rgba(0, 0, 0, .5);*/
/*} */
.client-speak .main-client-slider .client-content .client-desc p {
min-height: 360px;
}
.client-image {
width: 115px;
}
/* .client-details .client-image .lazyload {
margin: 0px 0px !important;
background: red;
border: 1px solid red;
} */
.client-speak .main-client-slider .client-content {
padding: 49px 40px 49px 0;
}
.client-speak .main-client-slider .slick-dots {
position: absolute;
bottom: 32px;
left: 0;
right: 0;
}
.client-speak .main-client-slider .client-content .client-details {
margin-bottom: 40px;
}
.client-speak .main-client-slider .client-content .client-details .client-designation {
width: 59%;
}
.new-services-section .our_service_section ul {
display: block !important;
}
.new-services-section .our_service_section ul li {
width: 47%;
margin-bottom: 5px;
}
.new-services-section .our_service_section ul li a {
min-height: 65px;
padding: 6px 10px;
}
.new-services-section .dis-tablecell h2 {
font-size: 22px;
line-height: 36px;
margin-bottom: 5px;
}
.main-key-feature .content-part{
padding-left: 0 !important;
}
.main-key-feature .content-part p{
margin: 0 auto !important;
font-size: 18px !important;
line-height: 26px !important;
}
.blog-dtls .new-blog-formate-set .pointer-list-box .row .col-lg-6 {
width: 100%;
padding: 0;
}
}
@media(min-width:769px) {
.grid-1,
.grid-10,
.grid-11,
.grid-12,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9 {
float: left;
padding: 0 2%
}
.grid-layout {
margin: 0 -2%
}
.grid-12 {
width: 100%;
float: none
}
.grid-11 {
width: 91.66666666666666%
}
.grid-10 {
width: 83.33333333333334%
}
.grid-9 {
width: 75%
}
.grid-8 {
width: 66.66666666666666%
}
.grid-7 {
width: 58.333333333333336%
}
.grid-6 {
width: 50%
}
.grid-5 {
width: 41.66666666666667%
}
.grid-4 {
width: 33.33333333333333%
}
.grid-3 {
width: 25%
}
.grid-2 {
width: 16.666666666666664%
}
.grid-1 {
width: 8.333333333333332%
}
.scrollTop {
position: fixed;
right: 20px;
bottom: 23px;
width: 30px;
height: 35px;
text-align: center;
z-index: 9999;
display: none;
border: 2px solid #f83871;
background-color: #fff;
border-radius: 0
}
.scrollTop a {
display: block;
color: #fff
}
.scrollTop a:before {
font: 20px/32px FontAwesome;
content: '\f102';
color: #f83871
}
.tabResult .tabBx .content {
display: block !important
}
}
@media screen and (min-width:1500px) and (max-width:1566px) {
.ul-right .header-img a {
padding: 24px 17px 0 !important;
}
.header .container {
padding: 0px 32px;
max-width: 100%;
}
header nav .ul-right {
width: 25% !important;
}
.nav .container>ul.menuR>li>a {
padding: 36.5px 25px 31.5px 0;
}
.ul-right {
float: right;
width: 33% !important;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.ul-right .header-img .nelito-heading p {
font-size: 11px;
}
.ul-right .header-img .nelito-heading h4 {
font-size: 18px;
line-height: 24px;
}
.new-slider .slider-Large-txt .s-Big-txt {
color: #000;
font-size: 45px;
}
}
@media screen and (min-width:1570px) and (max-width:1600px) {
.menu-wraper ul.menuL {
float: left;
margin-left: 15px;
}
.ul-right {
width: 33% !important;
}
.ul-right .header-img .nelito-heading h4 {
font-size: 21px;
}
.ul-right .header-img .nelito-heading p {
font-size: 13px;
}
.send-enquiery-btn a.box-btn{
bottom: -82%;
}
}
@media screen and (min-width:1600px) and (max-width:1920px) {
.home-banner-cntr .container {
max-width: 50%
}
.client-speak .main-client-slider .client-content .client-details .client-designation {
width: 63%;
}
.container {
max-width: 80%
}
header .container {
max-width: 98%
}
.container.menu-wraper {
max-width: 100%
}
ul.menuL {
float: left;
margin-left: 50px
}
.about-cntr .container {
max-width: 50%
}
.form-fields ul li:nth-child(odd) {
margin-right: 22.3px
}
.anq-qust {
width: 50%;
min-height: 700px
}
.enquiry-form {
width: 55%;
height: 650px
}
.mid-banner-cntr {
position: relative
}
.mid-banner-cntr img {
width: 100%
}
.about-info h2,
.benefits-cntr h2,
.benefits-mid-cntr h2,
.digital-banking-solutions-cntr h2,
.inner-bannertxt h1,
.inner-bannertxt h2,
.map-cntr h2,
.media-cntr h2,
.mid-banner-info h2,
.news-cntr h2,
.our-clients-cntr h2,
.our-services-cntr .grid-5 h2,
.slider-Large-txt .s-Big-txt {
font-size: 45px;
line-height: 52px;
font-weight: 700
}
.about-info h1 {
font-size: 38px;
line-height: 52px;
font-weight: 700
}
.inner-bannertxt h2 span.product {
display: block;
font-size: 30px;
line-height: 36px
}
.inner-bannertxt p {
font-size: 16px;
line-height: 22px;
font-family: Archivo, sans-serif;
color: #fff
}
.media-cntr h1 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
font-family: 'Playfair Display', serif;
margin-bottom: 30px
}
.media-cntr h2 {
font-size: 32px
}
.services-head {
text-align: center;
padding: 150px 0 80px;
position: relative
}
.awards .bloghmslider {
padding: 20px;
background: 0 0
}
.awards .bloghmslider .outer-div {
min-height: 651px
}
.awards .bloghmslider .middle-div {
padding: 0 0px
}
ul.sliderbv2 li {
padding: 180px;
}
.awards .bloghmslider ul li p strong {
display: block;
font-weight: 700;
margin-bottom: 0;
font-family: 'Playfair Display', serif;
font-weight: 700;
font-size: 24px
}
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=text],
select,
textarea {
padding: 20px
}
.captcha_image img {
height: 38px
}
.overlay input,
.overlay select {
padding: 10px 20px;
line-height: 22px;
font-size: 17px
}
.inner-bannertxt {
padding: 76px 0px;
width: 65%;
}
.benefits-cntr .bx-viewport {
min-height: 320px
}
.benefits-cntr ul li p {
width: 30%
}
.nav .container>ul.menuR>li>a {
padding: 36.5px 25px 31.5px 10px
}
.solution-cntr {
width: 50%
}
.slider.single-item {
height: 800px;
display: -webkit-inline-box
}
.banner .slick-initialized .slick-slide {
height: 88vh;
}
.homepage .banner .slick-initialized .slick-slide {
height: 100% !important
}
.inforgaphic-grid {
width: 83%;
margin: 0 auto
}
ul.portfolioContainer li img {
max-width: 250px;
}
ul.portfolioContainer li p {
bottom: -5px;
font-size: 16px;
}
.send-enquiery-btn a.box-btn{
bottom: -99%;
right: 15px;
}
}
@media screen and (max-width: 1600px) {
.send-enquiery-btn a.box-btn{
bottom: -81%;
}
}
@media only screen and (min-width:1300px) and (max-width:1440px) {
.send-enquiery-btn a.box-btn{
bottom: -58%;
}
}
@media screen and (min-width:1024px) and (max-width:1700px) {
ul.sliderbv2 li {
padding: 100px;
}
.send-enquiery-btn a.box-btn {
bottom: -40%;
}
}
@media screen and (min-width:0) and (max-width:1199px) {
.overlay-box {
width: 96%;
min-width: 0
}
.logo {
width: 160px
}
.nav-menu ul li a {
font-size: 12px
}
.nav-menu ul li {
margin-right: 25px
}
}
@media screen and (min-width:0) and (max-width:979px) {
body {
padding-bottom: 135px
}
.nav-menu {
float: none;
clear: both;
text-align: center;
padding: 0;
margin: 0;
padding-top: 20px
}
.nav-menu ul li {
display: inline-block;
vertical-align: middle;
float: none
}
}
@media screen and (min-width:0) and (max-width:768px) {
.form-row .form-field {
margin: 0
}
ul.map-info.home-map-info.nelito-systems-sec-info li {
margin: 0 10% 30px;
}
.footer .footer-wrapper .grid-3 {
width: 100%;
text-align: center !important;
}
.copywrite .grid-3 p {
text-align: center !important;
}
}
@media screen and (min-width:0) and (max-width:767px) {
.news-blog-slider-cont {
flex-direction: column;
}
.news-blog-img {
width: 100%;
}
.news-blog-slider .slide-arrow {
bottom: -4px;
}
.news-blog-img img {
min-height: auto !important;
height: auto !important;
}
.news-blog-slider .slide-arrow.prev-arrow {
left: 30%;
}
.news-blog-slider .slide-arrow.next-arrow {
right: 30%;
}
.news-blog-text {
width: 100%;
position: relative;
min-height: 250px;
box-sizing: border-box;
}
.footer-links {
display: block;
}
.mob-disp {
display: block
}
.dsk-disp {
display: none
}
.closeNavBar {
width: 100%
}
.header .container {
padding: 0 5px
}
.logo {
padding-top: 15px;
width: 60px
}
.header-social {
display: none
}
.navRytbar {
width: auto;
padding-top: 0;
margin-left: 0
}
.navmenu-icon {
width: 45px;
height: 45px;
padding-top: 10px
}
.hamburger--outer {
height: 4px
}
.hamburger--outer:nth-child(3),
.hamburger--outer:nth-child(5),
.hamburger--outer:nth-child(7) {
top: 18px
}
.hamburger--outer:nth-child(2) {
top: 9px
}
.circle-nav {
display: none
}
.teddyballon {
display: none
}
.navigation-links {
right: auto;
left: 20px;
top: 100px
}
.navigation-links ul li {
margin-bottom: 10px
}
.sliding-u-l-r-l {
font-size: 20px
}
.sliding-u-l-r-l:before {
height: 5px;
bottom: 11px
}
.sliding-u-l-r-l:after {
height: 5px;
bottom: 11px
}
.mobdisp {
display: block !important
}
.desdisp {
display: none !important
}
body,
html {
overflow-x: hidden
}
body {
padding-bottom: 40px
}
.logo {
float: left;
margin: 0 auto;
padding-top: 0;
width: 80%
}
.login-iconlink {
float: left
}
.login-mblmenu {
float: right;
display: none
}
.nav-menu.open-navigation {
right: 0
}
.nav-menu {
padding: 0;
right: 0;
position: absolute;
max-height: 70px;
width: 100%;
top: 0;
width: 60%;
float: right;
display: none
}
.nav-menu ul li.call a .call-icon {
width: 25px;
height: 25px;
top: -2px
}
.nav-menu ul li.email a .mail-icon {
width: 25px;
height: 25px;
top: -4px
}
.nav-menu ul li:nth-child(1),
.nav-menu ul li:nth-child(2) {
border-bottom: 0;
border-right: 0
}
.nav-menu ul li {
display: block;
text-align: left;
padding: 0;
border-bottom: gray solid 1px;
margin: 0 !important;
height: 35px
}
.nav-menu ul li.call a {
padding: 6px 10px;
background-color: transparent;
line-height: 24px
}
.nav-menu ul li.email a {
padding: 6px 10px;
background-color: transparent
}
.nav-menu ul li:last-child {
padding: 0
}
.nav-menu ul li.enquiry {
padding: 0;
position: fixed;
bottom: 0;
width: 100%;
left: 0;
height: auto;
bottom: 0
}
.nav-menu ul li.enquiry a {
min-width: 50%;
padding: 10.5px 20px;
font-size: 14px
}
.navigation {
padding: 10px 0
}
.mobile-nav-icon {
display: block
}
.menu-icon {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 31px;
height: 31px;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
-webkit-transition: background .3s;
transition: background .3s
}
.menu-icon:focus {
outline: 0
}
.menu-icon span {
display: block;
position: absolute;
top: 13px;
left: 0;
right: 0;
height: 3px;
background: #f83871
}
.menu-icon span::after,
.menu-icon span::before {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 3px;
background-color: #f83871;
content: ""
}
.menu-icon span::before {
top: -8px
}
.menu-icon span::after {
bottom: -8px
}
.mobil-icon-toggle {
background-color: transparent
}
.mobil-icon-toggle span {
-webkit-transition: background 0s .3s;
transition: background 0s .3s
}
.mobil-icon-toggle span::after,
.mobil-icon-toggle span::before {
-webkit-transition-duration: .3s, .3s;
transition-duration: .3s, .3s;
-webkit-transition-delay: .3s, 0s;
transition-delay: .3s, 0s
}
.mobil-icon-toggle span::before {
-webkit-transition-property: top, -webkit-transform;
transition-property: top, transform
}
.mobil-icon-toggle span::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, transform
}
.mobil-icon-toggle.active {
background-color: transparent
}
.mobil-icon-toggle.active span {
background: 0 0
}
.mobil-icon-toggle.active span::before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.mobil-icon-toggle.active span::after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.mobil-icon-toggle.active span::after,
.mobil-icon-toggle.active span::before {
-webkit-transition-delay: 0s, .3s;
transition-delay: 0s, .3s;
background: #000
}
.mobile-nav-icon {
float: right;
margin-top: 13px
}
.nav-menu.open-navigation {
right: 0
}
.overlay-box .overlay-content {
padding: 10px 5px;
max-height: 400px;
overflow: auto;
border-bottom: 10px solid #fff
}
.overlay-box .overlay-header {
padding: 10px 40px 10px 16px;
font-size: 20px;
min-height: 74px
}
.overlay#viraf-sirvala .overlay-box .overlay-header {
line-height: 50px
}
.overlay-box .closeBtn {
height: 25px;
width: 25px;
font-size: 18px;
padding-top: 1px;
top: 24px;
right: 10px
}
.overlay-box .overlay-footer {
background: #fff none repeat scroll 0 0;
padding: 0 20px 25px;
text-align: center
}
.home-banner-cntr {
padding-top: 67px
}
.animate-label .input-group label {
font-size: 16px
}
.animate-label label {
font-size: 16px;
top: 15px
}
.animate-label label.active {
font-size: 14px
}
a.box-btn,
button.box-btn,
input[type=button],
input[type=reset],
input[type=submit] {
/* margin-right: 0; */
/* background-color: #f15f86; */
/* padding: 10px 20px; */
/* font-size: 14px; */
/* color: #fff; */
/* min-width: 50%; */
/* text-align: center; */
/* border-radius: 0; */
/* text-transform: uppercase; */
border: 2px solid #f15f86
}
.send-enquiery-btn {
/* padding: 0 0 0; */
/* text-align: center; */
/* position: fixed; */
/* right: 0; */
/* bottom: 0; */
/* display: none; */
/* text-transform: uppercase; */
/* z-index: 99999999; */
}
.horizontal-div {
/* right: 0px !important; */
/* position: fixed !important; */
/* top: 0; */
/* z-index: 9999 !important; */
}
.horizontal-div .box-btn {
/* position: relative; */
/* width: 160px; */
/* height: 35px; */
/* top: 40%; */
/* right: 60px; */
/* transform: translate(0px, -60%) rotate(-90deg); */
}
.send-enquiery-social-icon {
position: relative;
right: -52px;
left: 0;
top: 50%;
transform: translate(0px, -50%);
}
.home-banner-cntr .slider1:before {
display: none
}
.mid-banner-cntr:before {
display: none
}
.mid-banner-info .dis-tablecell {
width: 90%;
margin: 0 auto;
font-size: 18px;
line-height: 26px
}
.services-cntr:before {
display: none
}
.inforgaphic-detail-cntr .inforgaphic-cntr {
padding: 0 0 0
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul li {
width: 100%;
float: left;
padding: 10px;
margin-right: 0
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul {
max-width: 100% !important
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul li {
width: 100% !important
}
.inforgaphic-cntr ul li:nth-last-child(1) {
margin-bottom: 0
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul li:nth-child(even) {
border: 4px solid #e23a59
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul li:nth-child(odd) {
border: 4px solid #0f5e8c
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul li:nth-child(even) p {
color: #e23a59
}
.inforgaphic-detail-cntr .inforgaphic-cntr ul li:nth-child(odd) p {
color: #0f5e8c
}
.services-cntr .inforgaphic-cntr {
padding: 100px 0 50px
}
.services-cntr .inforgaphic-cntr ul li {
width: 100%;
float: left;
padding: 0
}
.services-cntr .inforgaphic-cntr ul li h3 {
font-size: 18px;
padding: 10px 10px 10px 70px
}
.line-business-cntr ul li {
width: 100%;
float: left;
text-align: center;
margin-bottom: 80px
}
.happy-clients-cntr .container {
width: 100%
}
.happy-clients-cntr ul {
margin: 130px 0 80px;
display: inline-block;
width: 100%;
min-height: auto !important;
}
ul.bottomSlider .slick-dots {
bottom: -40px !important;
position: unset !important;
}
.happy-clients-cntr ul li {
width: 47.2%;
float: left;
text-align: center;
margin: 5px;
min-width: 360px
}
.happy-clients-cntr ul li.desk-block {
display: none
}
.inner-bannertxt {
width: 90%;
margin: 0 auto
}
.inner-bannertxt h2 span.product {
font-size: 24px
}
.inner-bannertxt h2 {
font-size: 44px;
line-height: 42px
}
.home-banner-cntr .slider1 {
background-position: 58% center
}
.home-banner-cntr .slider1 .container {
background-color: rgba(48, 81, 152, .8);
width: 100%
}
.about-cntr {
padding: 20px 0 50px
}
.about-info h1,
.about-info h2 {
font-size: 32px;
line-height: 44px
}
.about-info h3 {
font-size: 20px;
line-height: 28px;
margin-top: 30px
}
.team-cnt .container p {
font-size: 18px;
padding: 10px 0 20px
}
.team-cnt .container p a.active {
font-size: 18px;
padding: 10px 0 20px
}
.team-cnt .container p a {
font-size: 16px;
padding: 10px 0 20px
}
ul.news li p {
text-align: left
}
.about-info p {
font-size: 16px;
line-height: 26px;
width: 100%;
margin: 10px auto 10px
}
.about-info p br {
display: none
}
.mid-banner-cntr .container {
width: 100%
}
.mid-banner-info {
background-color: #21232f;
width: 100%;
height: 100%;
border-radius: 0;
position: relative;
top: 0;
right: 0;
padding: 60px 30px
}
.services-cntr h2 {
font-size: 34px;
line-height: 42px;
padding: 0 0 0 10px
}
.line-business-cntr h2 {
font-size: 34px;
line-height: 42px;
padding: 0 0 0 10px
}
.benefits-cntr h2 {
font-size: 34px;
line-height: 42px;
padding-bottom: 30px
}
.mid-banner-info h2 {
font-size: 26px;
margin-bottom: 20px
}
.mid-banner-info ul li {
font-size: 20px;
color: #fff;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 60px;
width: 90%;
float: none;
line-height: 30px;
margin: 0 auto;
min-height: 44px;
background-repeat: no-repeat;
background-position: 0 0 !important;
background-size: 42px;
margin-bottom: 20px
}
.mid-banner-cntr.core-banking-solution-mid-banner ul li:nth-child(8) {
min-height: 44px;
}
.mid-banner-cntr.core-banking-solution-mid-banner ul li:nth-child(7) {
width: 90%
}
.mid-banner-cntr {
min-height: 815px
}
.w33 {
width: 100%
}
ul.list.bullet {
padding-bottom: 0
}
.mid-banner-info p {
font-size: 18px;
line-height: 36px;
background-position: 0 center;
padding-left: 20px;
margin-bottom: 10px
}
.services-cntr {
padding: 50px 0
}
.our-services-cntr .custom-pre-control {
position: absolute;
bottom: 0;
top: 150px;
margin-top: 0;
right: 20px;
text-align: center;
font-weight: 700;
width: 20px
}
.our-services-cntr .custom-next-control {
position: absolute;
bottom: 0;
top: 150px;
margin-top: 0;
right: 20px;
text-align: center;
font-weight: 700;
width: 20px
}
.services-cntr p {
width: 100%;
margin: 0 auto
}
ul.services-banner li {
margin-right: 30px;
margin-left: 30px
}
.services-head {
text-align: center;
padding: 20px 0 40px;
position: relative
}
.benefits-cntr ul {
padding-top: 40px;
display: grid;
}
.happy-clients-cntr ul li img {
width: 150px;
height: 150px;
}
.benefits-cntr ul li {
padding-bottom: 30px;
width: 100%;
float: left;
font-size: 18px;
line-height: 26px;
color: #fff;
border-bottom: 1px solid #fff;
margin-bottom: 30px;
}
.benefits-cntr ul li:nth-child(odd) {
margin-right: 0;
margin-top: 0
}
.benefits-cntr ul li:nth-child(even) {
margin-left: 0;
margin-top: 0
}
.benefits-cntr .container {
padding: 80px 0;
max-width: 90%
}
.benefits-cntr {
min-height: 600px;
background-image: none
}
.contact-cntr {
padding: 0 0 20px
}
.contact-cntr .container {
width: 100%
}
.anq-qust {
float: none;
width: 100%;
padding: 50px 30px 50px 30px;
margin: 0 auto;
background-color: #f83871;
min-height: auto
}
.half {
width: 100%
}
.enquiry-form {
width: 100%;
height: auto;
position: unset;
right: 0;
top: 0;
background-color: #fff;
padding: 50px 30px;
border: 0
}
.form-fields ul li {
width: 100%;
float: left;
margin-bottom: 25px
}
.form-fields ul li:nth-child(odd) {
margin-right: 0
}
.captcha_image {
position: relative;
bottom: 0;
right: 0;
width: 100%;
border: 1px solid #ddd;
text-align: center
}
.captcha_image img {
height: 40px
}
.clients-speak {
width: 100%;
margin: 0 auto 0;
font-size: 16px
}
.benefits-cntr .bx-viewport {
min-height: 300px
}
.benefits-cntr ul li p {
font-size: 14px;
width: 100%;
margin: 20px auto 0
}
.boxcolbv {
width: 100%;
display: block
}
.bloghmcell {
width: 100%;
display: block
}
.awards .bloghmslider ul li p {
font-family: Archivo, sans-serif;
font-size: 30px;
line-height: 38px;
margin-bottom: 30px;
padding-left: 0
}
.awards .bloghmslider .middle-div {
padding: 0 0
}
.awards .bloghmslider {
padding: 20px
}
.awards .bloghmslider ul li p strong {
color: #fff
}
.awards .bloghmslider ul li p a {
font-size: 21px
}
.news-cntr .container {
width: 96%;
margin: 0 auto
}
.news-cntr {
padding: 50px 0 0
}
ul.news li {
margin-bottom: 50px;
width: 100%;
float: left;
text-align: center;
border: 1px solid #eee;
padding: 20px;
margin: 0 0 50px 0
}
.news-cntr h2 {
margin-bottom: 30px
}
ul.news li i img {
margin-bottom: 10px
}
.line-business-cntr {
padding: 100px 0 50px
}
.captcha-field input[type=text] {
float: left;
width: 50%;
margin-left: 0;
padding: 10px 20px
}
.captcha-field .captcha_image {
float: left;
width: 50%;
float: left;
height: 42px
}
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=text],
select,
textarea {
border: 1px solid #cdcdcd;
border-radius: 0;
color: #2a2a2a;
font: 14px/20px Archivo, sans-serif;
margin: 0;
outline: medium none;
padding: 8px 10px;
width: 100%
}
.overlay-box textarea {
height: 80px
}
.inforgaphic-cntr ul li h3 {
font-size: 18px;
padding: 10px 10px 10px 70px
}
.happy-clients-cntr .bx-viewport {
min-height: 500px
}
.happy-clients-cntr .bx-wrapper .bx-pager {
bottom: 80px
}
.customer-value-list {
padding: 0
}
.customer-value-list li {
margin: 0;
padding: 0 0 20px 40px;
width: 100%
}
.accordion dl dt {
padding-left: 30px
}
.accordion dl dd {
padding: 10px 0
}
.client-logo-list li {
float: none;
margin: 0 0 10px
}
.client-logo-list {
text-align: center
}
.media .grid-6.news {
border-left: 0 solid #efeeee
}
.media .grid-6.highlights {
border-left: 0 solid #efeeee
}
.client-speak .client-list .grid-layout,
.footer-links,
.information ul,
.media .grid-layout {
margin: 0
}
.send-enquiery-btn {
/* width: 50%; */
}
.send-enquiery-btn.blogpage {
/* width: 35px; */
}
.more-blog h3 .subscribe-btn {
padding: 0;
text-align: center;
position: fixed;
left: 0;
right: auto;
top: auto;
bottom: 0;
text-transform: uppercase;
z-index: 99999999;
width: 50%;
}
.more-blog h3 .subscribe-btn a {
margin-right: 0;
padding: 12px 20px;
font-size: 14px;
min-width: 100%;
text-align: center;
border-radius: 0;
text-transform: uppercase;
}
a.box-btn,
button.box-btn,
input[type=button],
input[type=reset],
input[type=submit] {
/* min-width: 100%; */
}
.header {
z-index: 99999999
}
.micro-finance-list-cntr .blog-list li:nth-child(4),
.micro-finance-list-cntr .blog-list li:nth-child(5),
.micro-finance-list-cntr .blog-list li:nth-child(6) {
min-height: 100%
}
.service-img img {
display: none
}
.service-txt {
position: unset;
width: 100%;
bottom: 0;
padding: 0 10px 10px;
background-color: #fff;
margin-left: 0;
margin-bottom: 10px;
font-size: 18px;
box-shadow: none;
padding-left: 0
}
.mid-banner-cntr {
min-height: auto
}
.mid-banner-cntr {
height: auto !important
}
.mid-banner-bg-colo {
position: unset
}
ul.services-banner li {
margin-right: 0;
margin-left: 0;
max-width: 96%;
margin: 0 auto;
background: url(../images/bullet.png) no-repeat scroll left 5px;
padding: 0 0 0 15px;
font-family: Archivo, sans-serif;
color: #444;
font-size: 18px;
font-weight: 100
}
.benefits-cntr .bx-viewport {
min-height: 640px
}
.benefits-bg-colo {
position: unset;
background-color: #305199
}
.inforgaphic-cntr.core-banking-transformation-strategy img {
width: 100%
}
.inner-bannertxt {
position: unset;
padding: 0;
background-color: transparent;
height: auto
}
.benefits-bg-colo .bx-wrapper {
border: 0 solid #ededed;
padding: 0
}
.benefits-bg-colo .bx-wrapper .bx-pager {
bottom: 100px
}
.benefits-mid-cntr .grid-6 .dis-table {
display: table;
width: 94%;
padding: 0;
margin: 50px auto 0
}
.benefits-mid-cntr h2 {
padding-bottom: 30px
}
.benefits-cntr .container:before {
top: 140px;
width: 33px;
height: 22px;
margin-left: -16px;
background-size: 33px 22px
}
.solution-cntr {
width: 100%;
margin-bottom: 80px
}
.benefits-mid-cntr .grid-6 li {
font-size: 18px;
line-height: 26px;
margin-bottom: 10px
}
.inforgaphic-cntr.core-banking-solution-journey {
background: #fafafa;
padding: 50px 0
}
.happy-clients-cntr:before {
z-index: -1
}
.nav .container ul li.search-btn {
display: none
}
.inforgaphic-detail-cntr,
.inforgaphic-detail-cntr2 {
padding: 60px 0
}
.forrester-ibs-intelligense-gartner-cntr .grid-4 {
margin-right: 0;
width: 100%;
margin-bottom: 50px;
display: inline-block
}
.forrester-ibs-intelligense-gartner-cntr .grid-4 .hexa {
border-radius: 15px 15px 0 0
}
.forrester-ibs-intelligense-gartner-cntr .grid-4 .comm-hight {
background: #ededed;
width: 100%;
float: left
}
.forrester-ibs-intelligense-gartner-cntr ul {
width: 100%;
float: left
}
.slick-next,
.slick-prev {
top: 44%
}
.slick-next {
right: 0;
background-size: 15px;
background-repeat: no-repeat
}
.slick-prev {
left: 0;
background-size: 15px;
background-repeat: no-repeat
}
.slider.single-item {
height: 500px;
overflow: hidden;
}
.slider-Large-txt .s-Big-txt span {
font-size: 14px
}
.slider-Large-txt .s-Big-txt span sup {
font-size: 8px
}
.slider-Large-txt .s-Big-txt {
font-size: 30px;
line-height: 34px;
width: 90%;
float: left;
}
.slider-Large-txt .s-Big-txt p {
font-size: 16px;
line-height: 20px
}
.slider-Large-txt .s-Big-txt a {
margin-top: 20px;
display: inline-block;
font: 12px Archivo, sans-serif;
padding: 6px 12px
}
.slider-1 .homebannerimage {
display: block
}
.homebannerimage {
position: relative;
overflow: hidden;
height: 500px;
display: block;
}
.slider-row .container {
left: 10%;
top: 5%;
width: 80%;
position: relative;
}
.media-cntr .grid-4 {
margin-bottom: 40px;
padding: 0
}
.grid-4.highlights-slider-cntr+.grid-4.news-slider-cntr {
padding: 0
}
.media-cntr {
padding: 50px 0 20px
}
.digital-banking-solutions-cntr {
padding: 50px 0 0
}
.media-cntr h1 {
font-size: 28px;
line-height: 36px;
font-weight: 700;
font-family: 'Playfair Display', serif;
margin-bottom: 30px
}
.media-cntr h2 {
font-size: 22px;
margin-bottom: 30px
}
.digital-banking-solutions-cntr h2 {
font-size: 28px;
margin-bottom: 30px
}
.digital-banking-solutions-cntr h2 p {
font: 16px/20px questrialregular, sans-serif;
margin-top: 8px
}
.digital-banking-solutions-cntr ul li:nth-child(2),
.digital-banking-solutions-cntr ul li:nth-child(5) {
margin: 0 0 0
}
.digital-banking-solutions-cntr ul li {
width: 50%;
margin-bottom: 0
}
.digital-banking-solutions-cntr ul li:nth-child(1),
.digital-banking-solutions-cntr ul li:nth-child(3),
.digital-banking-solutions-cntr ul li:nth-child(5) {
margin-right: 0
}
.digital-banking-solutions-cntr ul li:nth-child(2),
.digital-banking-solutions-cntr ul li:nth-child(4),
.digital-banking-solutions-cntr ul li:nth-child(6) {
margin-left: 0
}
.digital-banking-solutions-cntr ul li p {
font-size: 15px;
padding: 10px
}
.excellence-through-agility-cntr p {
color: #fff;
padding-bottom: 15px;
text-align: center;
width: 100%;
margin: 0 auto
}
.our-clients-slider-cntr {
border: 0 solid #f9f9f9;
padding: 0px;
width: 100%
}
.our-clients-slider-cntr ul li {
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
padding: 20px;
}
.infographics-cntr ul li:nth-child(1) {
padding-bottom: 20px
}
.infographics-cntr ul li {
width: 100%;
float: left;
margin: 0;
padding-top: 0;
background-image: url(../images/circle-fff.png);
background-repeat: no-repeat;
position: relative;
padding-left: 60px;
background-position: 10px 0;
min-height: 135px
}
.infographics-cntr ul li:before {
background-image: url(../images/dot-line-mob.png);
content: " ";
height: 70%;
display: inline-block;
position: absolute;
top: 38px;
left: 27px;
width: 3px
}
.excellence-through-agility-cntr {
height: 1300px;
background-position: 24% center
}
.infographics-cntr {
padding: 80px 0 0
}
.our-services-cntr {
padding: 30px 0 0;
background-color: #fff;
margin-bottom: 50px
}
.our-services-cntr .grid-5 {
padding: 0;
width: 100%;
min-height: 100%;
height: 100% !important
}
.our-services-cntr .grid-5 h2 {
font-size: 24px;
padding-bottom: 20px;
line-height: 36px;
font-family: Poppins-Medium;
padding: 5px 10px;
border: 1px solid #ddd;
position: relative
}
.our-services-cntr .grid-5 h2:before {
content: ' ';
width: 0;
height: 0;
border-top: 8px solid #000;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
float: right;
position: absolute;
bottom: 40%;
right: 10px;
z-index: 99
}
.our-services-cntr .grid-5 ul {
display: none;
position: absolute;
z-index: 100;
background: #fff;
padding-bottom: 10px;
width: 100%;
top: 58px
}
.our-services-cntr .grid-5 p {
font: 14px/20px questrialregular, sans-serif;
padding-bottom: 0;
border-bottom: 1px solid #ccc
}
.our-services-cntr .grid-5 p a.active {
color: #615e5c
}
.our-services-cntr .grid-5 p a {
padding: 7px 2%;
background-color: #efeeee;
width: 100%;
display: block;
text-align: center;
color: #615e5c;
font: 18px/22px Archivo, sans-serif
}
.our-services-cntr .grid-7 {
padding: 0;
width: 100%;
position: relative;
margin-top: 30px
}
.services-image-info {
padding: 20px;
bottom: 0;
position: unset;
background-color: #4474b7;
margin-top: 0;
width: 100%;
height: auto
}
ul.map-info li,
ul.map-info li:last-child {
margin: 0
}
ul.map-info {
padding-bottom: 20px;
padding-top: 20px;
padding: 20px;
margin-top: 40px
}
.services-image-info h2 {
font-size: 22px;
line-height: 36px;
font-family: 'Playfair Display', serif;
padding-bottom: 5px
}
.services-image-info p {
padding-bottom: 10px;
font: 16px/24px questrialregular, sans-serif
}
.map-img {
float: right;
width: 100%
}
.map-cntr h2 {
padding-bottom: 30px
}
.map-info-cntr .container {
width: 100%
}
.map-cntr {
padding: 55px 0 0;
min-height: 100%;
height: auto;
}
ul.map-info.home-map-info.nelito-systems-sec-info li {
width: 130px;
height: 130px;
display: inline-block;
margin: 0 5px 12px;
text-align: center;
}
.map-info-cntr {
padding: 80px 0 0;
position: unset;
width: auto
}
ul.map-info li {
width: 50%;
height: auto;
float: left;
margin-bottom: 0px
}
ul.map-info li ul li {
margin-bottom: 0
}
ul.map-info li p {
font-size: 26px
}
ul.map-info li p span {
font-size: 14px;
margin-top: 10px;
}
.our-services-cntr .grid-7 i img {
height: auto
}
.banner .slick-initialized .slick-slide {
min-width: 100vw;
height: 480px;
background-color: #31529a;
background-position: center;
position: relative;
}
.slider-row.slider-2 {
background: url(../images/home-banner/home-banner1.jpg)
}
.slider-row.slider-3 {
background: url(../images/home-banner/home-banner7.jpg)
}
.slider-row.slider-4 {
background: url(../images/home-banner/home-banner3.jpg)
}
.slider-row.slider-5 {
background: url(../images/home-banner/home-banner4.jpg)
}
.slider-row.slider-6 {
background: url(../images/home-banner/home-banner5.jpg)
}
.slider-row.slider-7 {
background: url(../images/home-banner/home-banner6.jpg)
}
.banner .slick-initialized .slick-slide:before {
content: " ";
background: rgba(0, 0, 0, .4);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.slider-Large-txt {
margin-top: 100px;
}
.slider-Large-txt.slider-foue-row {
margin-top: 0px;
left: -46px;
}
.three-text-show .slider-Large-txt.slider-foue-row .s-Big-txt.wid-100 {
padding: 7px 0;
}
ul.our-clients-slider li {
height: 450px;
padding: 0px;
}
ul.our-clients-slider li .dis-table {
height: 450px;
display: block;
margin-top: 20px
}
.our-services-cntr .grid-5 ul li {
margin-right: 0;
width: 100%
}
.our-services-cntr .grid-5 ul li a br {
display: none
}
.our-services-cntr .grid-5 ul li:nth-child(2) a {
padding: 5px 12px
}
.our-services-cntr .grid-5 ul li a {
padding: 5px 12px
}
.recognitions-cntr {
padding: 50px 0 60px !important
}
.recognitions-cntr h2 {
line-height: 36px !important;
padding: 0 0 20px !important
}
.recognitions-block {
margin-bottom: 0 !important
}
ul.our-clients-slider li span.designation {
font-size: 15px;
font-weight: 700
}
.custom-application-maintenance-cntr>.container {
max-width: 100%
}
.custom-application-maintenance-cntr .benefits-mid-cntr {
width: 100%;
margin-right: 0
}
.custom-application-maintenance-cntr .benefits-mid-cntr .grid-6 .dis-table {
padding: 30px;
margin: 0
}
.custom-application-maintenance-cntr .benefits-mid-cntr h2 {
font-size: 28px
}
.custom-application-maintenance-cntr {
padding: 80px 0
}
.inforgaphic-grid {
width: 96%
}
.inforgaphic-cntr h3 {
padding-bottom: 0
}
.inforgaphic-cntr .grid-12 {
width: 100%
}
.inforgaphic-cntr .grid-12>div {
width: 100%;
margin-right: 0;
margin-top: 20px
}
.inforgaphic-cntr .grid-12:nth-child(1)>div,
.inforgaphic-cntr .grid-12:nth-child(2)>div,
.inforgaphic-cntr .grid-12:nth-child(3)>div {
-webkit-clip-path: none;
clip-path: none;
text-align: center
}
.aboutdts-info {
width: 100%;
float: left
}
.aboutdts-image {
width: 100%;
float: left;
text-align: center
}
.line-business-cntr ul li .lofdetails {
min-height: auto;
}
.line-business-cntr ul li {
margin-bottom: 30px;
}
.speakers {
padding: 50px 0;
}
.speakers ul li {
max-width: 360px;
margin: 20px 10px 50px;
min-width: 100%;
width: 100%;
}
.speakers h2 span {
display: none;
}
.speakers ul li span {
font-size: 20px;
line-height: 18px;
font-weight: bold;
margin-top: 20px;
padding: 0;
position: absolute;
top: -28px;
left: 0;
margin: 0;
width: 100%;
display: block;
}
.speakers .w75+.w25 {
display: none
}
.speakers .w75 .w25 {
display: block;
width: 100%;
padding-top: 30px;
margin-top: 30px;
}
.speakers .w75 {
width: 100%;
float: left;
}
.speakers ul li img {
height: 150px;
}
.key-features-new ul li {
width: 90%;
}
.key-features-new-top-img img {
width: auto;
object-fit: cover;
height: 400px;
}
}
@media screen and (min-width:0) and (max-width:350px) {
ul.map-info.home-map-info.nelito-systems-sec-info li {
width: 123px;
height: 123px;
}
}
@media screen and (min-width:0) and (max-width:320px) {
ul.services-banner li {
margin-right: 15px;
margin-left: 15px
}
.nav-menu ul li a {
font-size: 12px
}
.our-services-cntr .custom-pre-control {
position: absolute;
bottom: 0;
top: 60px;
margin-top: 0;
right: 20px;
text-align: center;
font-weight: 700;
width: 20px
}
.our-services-cntr .custom-next-control {
position: absolute;
bottom: 0;
top: 60px;
margin-top: 0;
right: 20px;
text-align: center;
font-weight: 700;
width: 20px
}
.nav-menu {
width: 55%
}
.nav-menu ul li.enquiry a {
min-width: 43.5%;
padding: 10.5px 20px;
font-size: 14px
}
.happy-clients-cntr ul li {
min-width: 320px
}
}
@media screen and (min-width:0) and (max-width:1023px) {
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar .col {
width: 45% !important;
display: inline-block;
vertical-align: top;
}
.send-enquiery-btn a.box-btn {
bottom: -71%;
right: 12px;
}
.dflex .img-div-header {
width: 100%;
margin-bottom: 50px;
}
.new-dtls .flex {
display: block;
}
.new-dtls .flex img {
width: 32%;
}
.dflex .shift-img-2,
.dflex .shift-img-1 {
margin: 0;
}
.new-dtls .mr-tp {
margin: 0;
}
.homebannerimage .mobile-video {
display: block;
}
.homebannerimage .desktop-video {
display: none;
}
header nav .ul-right {
width: auto !important;
}
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar .row {
display: block;
}
.nav li.has-sub-menu.small:hover .sub-menu {
display: inline-block;
}
.tab-mobile {
display: block
}
.test {
color: #090
}
.logo {
float: none
}
.common-top {
margin-top: 74px
}
.banner {
height: auto !important;
}
.search-container {
margin-right: 52px;
padding: 4px 0
}
.nav {
float: none;
width: 100%
}
.form-row .form-field {
margin: 0
}
.nav li.has-sub-menu.small.sub-menu-list.opened {
padding: 0;
}
.nav li.has-sub-menu.small.sub-menu-list.opened a.main-sublink {
background: #f04a76;
color: #fff;
}
.client-speak .client-list .grid-4,
.client-speak .client-list .grid-8 {
padding: 0;
width: 100%
}
.toggle-btn {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 solid #325198;
border-radius: 5px;
cursor: pointer;
display: block;
height: 40px;
padding: 10px 0;
position: absolute;
right: 2%;
top: 9px;
width: 40px
}
.banner .slider-navigation {
bottom: auto;
right: 10px;
top: 25%
}
.toggle-btn span {
background: #325198;
display: block;
height: 2px;
margin: 0 auto 5px;
width: 62%
}
.opened .toggle-btn span {
display: none
}
.opened .toggle-btn span:first-child,
.opened .toggle-btn span:last-child {
display: block;
position: absolute;
transform: rotate(45deg)
}
.opened .toggle-btn span:last-child {
left: 7px;
top: 17px;
transform: rotate(-45deg)
}
.opened .toggle-btn span:first-child {
left: 7px;
margin-top: 5px;
top: 12px
}
.nav {
overflow: auto;
position: absolute;
right: -320px;
top: 68px;
transition: all .3s ease 0s;
width: 100%;
z-index: 100;
left: -100% !important
}
.nav .container>ul>li,
.nav li,
.nav li:last-child {
float: none;
border-bottom: 1px solid #fff
}
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar:before,
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar:after {
content: none;
}
.nav li.has-sub-menu {
position: relative
}
.nav li.has-sub-menu:after {
color: #fff;
content: "+";
position: absolute;
right: 10px;
top: 8px;
background: #0031a2;
width: 21px;
height: 22px;
line-height: 17px;
padding: 0 0 0 4px;
border-radius: 4px;
border: 1px solid #fff
}
/*.nav li.has-sub-menu:hover:after {color:#fff;content:"-";width:20px;height:20px;background:#ff215c;line-height:17px;padding:0 0 0 6px;border-radius:4px}*/
.nav li.has-sub-menu.opened::after {
color: #fff;
content: "-";
width: 20px;
height: 20px;
background: #ff215c;
line-height: 17px;
padding: 0 0 0 6px;
border-radius: 4px
}
.header .nav .container.menu-wraper {
width: 100%;
height: 92vh;
padding-bottom: 50px
}
.header .nav .container {
width: 100%
}
.sub-menu:before {
display: none
}
.nav .sub-menu {
position: static;
padding: 0;
width: 100%;
max-height: 0;
transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-webkit-transition: all 1.5s ease
}
.nav li.has-sub-menu .sub-menu {
width: 100%;
padding: 0 12px
}
.nav li.has-sub-menu.opened .sub-menu,
.nav li.has-sub-menu.opened:hover .sub-menu {
background: #fff none repeat scroll 0 0;
height: auto;
max-height: 3000px;
padding: 0;
transition: all 0s ease;
-moz-transition: all 0s ease;
-webkit-transition: all 0s ease
}
.sub-menu ul li a {
padding: 6px 10px
}
.nav li.has-sub-menu .sub-menu {
height: 0;
padding: 0
}
.nav li.has-sub-menu:hover .sub-menu {
height: 0;
padding: 0
}
.sub-menu .grid-2,
.sub-menu .grid-3 {
padding: 10px 0
}
.nav li:hover .sub-menu {
padding: 0;
height: 0
}
.sub-menu li {
border: none
}
.sub-menu li:last-child {
border: none
}
.wrapper {
width: 100%
}
.sub-menu {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none
}
.nav ul.menuR li.has-sub-menu:after {
top: 7px
}
.news-section-about-us .news li {
width: auto;
}
.menu-wraper {
overflow: auto
}
.wrapper.opened .nav {
left: 0 !important
}
.social-media {
float: none;
padding: 20px;
text-align: center;
width: 100%
}
.social-media li,
.social-media li:last-child {
border: medium none;
display: inline-block;
float: none;
margin: 0 2%
}
.information {
padding: 80px 0 0;
text-align: center
}
.information li {
margin: 0 0 40px;
width: 49%;
display: inline-block;
float: none
}
.services .custom-pager h2 {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
margin: 0;
padding: 20px 0 0;
text-align: center;
width: 100%
}
.custom-pager ul {
width: 100%
}
.custom-pager ul li a {
min-height: 99px
}
.services-slider-cnt li {
background: 0 0
}
.services-slider-cnt .services-info {
background: #696564 none repeat scroll 0 0;
padding: 59px 40px
}
.media .grid-4 {
padding: 0 3%;
margin-bottom: 40px;
border: none
}
.video img {
max-width: 100%
}
.client-speak {
background: #f8f8f8 url(../images/client-bg.jpg) no-repeat scroll center bottom;
padding: 22px 0
}
.media .grid-4:nth-child(3) {
margin: 0
}
.client-speak .client-list .grid-4 {
text-align: center
}
.client-comments {
padding: 20px 0
}
.client-speak .grid-layout .grid-4 {
text-align: center
}
.client-speak .client-logo {
display: inline-block
}
body {
padding: 0;
overflow-x: hidden
}
.footer {
position: static
}
.footer dl {
border-bottom: 1px solid rgba(255, 255, 255, .4);
float: none;
padding: 0;
width: 100% !important
}
.footer dl dt {
padding: 12px 40px 12px 0;
position: relative;
cursor: pointer
}
.footer dl dt:after {
content: "+";
font: 600 30px/37px Archivo, sans-serif;
position: absolute;
right: 11px;
top: 0;
color: rgba(255, 255, 255, .8)
}
.footer dl.active dt:after {
content: '-'
}
.footer dl dd {
padding: 0 0 13px
}
.footer .container {
padding: 20px 0 15px
}
.footer dl dd {
display: none
}
.banner .banner-caption h3 {
float: none;
border-bottom: 1px solid #fff;
border-right: none;
min-height: 0;
padding: 12px 0;
margin: 0 0 12px
}
.banner .banner-caption p {
max-width: 100%;
float: none
}
.client-speak .bx-controls {
padding: 0 0 40px
}
.content-area h1.big {
padding: 20px 0
}
.share-info ul {
right: 10px
}
.media .grid-4 {
padding: 0;
border-right: 0 solid #efeeee !important;
border-left: 0 solid #efeeee !important
}
.blog-list li {
width: 50%
}
.header .container {
padding: 5px 0
}
.header .top-nav {
margin: 55px -2% 0;
padding: 0;
width: 104%
}
.header .top-nav li:nth-child(1) {
width: 17%
}
.header .top-nav li:nth-child(2) {
width: 17%
}
.header .top-nav li {
padding: 0;
text-align: center;
width: 22%
}
.header .top-nav li a {
font: 14px Archivo, sans-serif;
color: #2d2c2c
}
.header .top-nav li a {
background: #31519c none repeat scroll 0 0;
color: #fff;
display: block;
padding: 14px 0
}
.header .top-nav li a:hover {
background: #f04a76 none repeat scroll 0 0;
color: #fff
}
.nav .container>ul>li>a.active {
background: #f04a76 none repeat scroll 0 0;
color: #fff
}
.nav .container>ul>li>a {
background: #f04a76 none repeat scroll 0 0;
color: #fff
}
.nav .container>ul>li.opened>a {
background: #f04a76 none repeat scroll 0 0;
color: #fff !important;
}
.sub-menu .grid-layout {
margin: 0
}
ul.menuL,
ul.menuR {
float: left;
width: 100%
}
.nav .container>ul>li>a {
padding: 10px 20px;
background: #fff;
width: 86%;
color: #000 !important;
}
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar {
border-top: 0px solid #e02057;
}
.header .nav .container {
background: #fff
}
.nav .container>ul>li,
.nav li,
.nav li:last-child {
border-bottom: 1px solid #d0d0d0
}
.nav .container>ul>li:last-child {
border-bottom: 1px solid #d0d0d0
}
.nav .container>ul.menuL>li:first-child {
border-top: 1px solid #d0d0d0
}
.nav li.has-sub-menu.small.opened .sub-navigation-bar {
position: static !important;
width: 100% !important;
display: block;
}
.new-navigation-bar .menuL .has-sub-menu:hover .sub-navigation-bar {
display: none;
}
.nav li.has-sub-menu.small:hover .sub-menu {
display: none;
}
.nav li.has-sub-menu.opened .sub-menu,
.nav li.has-sub-menu.opened:hover .sub-menu {
display: block;
}
/*.nav .container>ul>li.has-sub-menu:hover>a, .nav .container>ul>li:hover>a, .nav .container>ul>li>a.active {
color: #31519c;
background: #fff;
}*/
.nav li.has-sub-menu.small:hover .sub-navigation-bar {
position: static !important;
width: 100% !important;
/*display: block;*/
}
.nav li.has-sub-menu.small.opened .sub-navigation-bar .row {
display: block;
}
.nav li.has-sub-menu.small.opened .sub-navigation-bar .row .col {
width: 49% !important;
display: inline-block;
vertical-align: top;
}
.new-navigation-bar .menuL .has-sub-menu .sub-navigation-bar .col .link-list {
margin-bottom: 20px;
}
.nav .container ul li>a:before {
display: none
}
.header .logo {
padding: 0
}
.home-banner-cntr {
padding-top: 57px
}
div.search-btn {
width: 100%;
position: fixed;
top: 0;
left: 0
}
.search-container {
position: unset;
width: 100%;
margin-right: 0;
padding: 10px;
background: #fff;
margin-top: 57px;
box-shadow: 0 3px 8px 1px rgba(0, 0, 0, .25)
}
.search-btn.active .search-container {
display: block;
padding-right: 40px
}
.nav .container>ul.menuR>li>a {
padding: 10px 20px
}
ul.menuL {
float: left;
margin-left: 0
}
.gsc-results-wrapper-overlay.gsc-results-wrapper-visible {
width: 98%;
left: 1%;
top: 54px
}
div.search-btn>a:before {
content: '\f002';
font-family: FontAwesome;
font-size: 18px;
line-height: 15px;
width: 15px;
height: 15px;
color: #2a2a2a;
float: right;
position: absolute;
bottom: 0;
right: 60px;
top: 20px
}
div.search-btn.active>a:before {
content: '\f00d';
font-family: FontAwesome;
font-size: 18px;
line-height: 15px;
width: 15px;
height: 15px;
color: #2a2a2a;
float: right;
position: absolute;
bottom: 0;
right: 13px;
top: 84px
}
.benefits-cntr ul li p {
width: 100%;
border-right: 0 solid #fff;
border-left: 0 solid #fff
}
.news-list {
padding: 0 0 0
}
.news-list li {
width: 100%;
margin-right: 0;
margin-bottom: 50px;
height: 100% !important
}
.news-list .cta {
margin-top: 15px
}
.news-list .cta a {
min-width: auto
}
.inner-banner h1 {
text-align: center;
font-size: 32px;
line-height: 42px
}
.breadcrumb {
padding: 0 0 30px;
text-align: center
}
.home-banner-cntr .about-slider {
height: 29vh;
background-attachment: unset;
}
.footer .footer-wrapper .grid-3 {
width: 100%;
text-align: center !important;
}
.news-inner-pages {
padding: 20px 0 50px
}
.new-dtls .grid-8 {
width: 100%;
padding: 0
}
.new-dtls .grid-4 {
float: left;
padding: 0;
width: 100%;
margin-top: 5px
}
.news_block {
margin-bottom: 20px;
margin-top: 0
}
.more-news ul.list.disc li a,
.new-dtls p {
font-size: 16px;
line-height: 26px;
width: 100%
}
.new-dtls h2 {
font: 22px/32px'Playfair Display', serif;
}
.new-dtls h2.new-open {
font-weight: 600;
}
.new-dtls p {
margin: 0 auto 0;
padding-bottom: 20px
}
.more-news h3 a {
min-width: auto
}
.grid-table .col-1 {
width: 100%
}
.grid-table .col-2 {
width: 100%
}
.grid-table.type2 .grid-table-content .col-2 {
border-top: 1px solid #dbdbe9;
border-left: 0 solid #dbdbe9;
min-height: auto
}
.new-dtls video {
height: 100% !important
}
.corporate-office {
width: 100%
}
.contact-form-cntr .contect-details {
width: 100%;
padding: 30px
}
.contact-form-cntr .enquiry-form {
width: 100%;
height: auto;
position: unset;
padding: 10px
}
.enquiry-form .form-fields ul li:nth-child(odd) {
margin-right: 0
}
.enquiry-form .form-fields ul li {
width: 100%
}
.content-area .container.contact-cnt-address {
max-width: 100%;
display: inline-block
}
.contact-cnt-address .grid-4.address-cnt {
width: 100%;
padding: 50px 0 20px
}
.sale-titel {
display: none
}
.contact-cnt-address .grid-8.address-cnt {
border-left: 1px solid #e4e2e2;
width: 100%;
padding: 60px 0 60px 3%
}
.contact-sale-cntr {
min-height: 100%
}
.contact-cnt-address .grid-8.address-cnt ul li {
width: 100%;
display: inline-block;
float: left;
margin-right: 20px;
margin-bottom: 30px
}
.contact-cnt-address .grid-8.address-cnt ul li.mob-disp {
display: none
}
.contact-cnt-address .grid-8.address-cnt {
border-left: 0 solid #e4e2e2;
display: inline-block;
width: 100%;
padding: 0 0 60px
}
.enquiry-cntr {
padding: 20px 0;
background-color: #2985ba
}
.contact-address-cntr .enquiry-cntr {
padding: 0px 0;
background-color: #fff
}
.contact-address-cntr .enquiry-cntr .mapBox iframe {
height: 270px !important;
}
.contact-cnt-address .grid-12.contact-address-cntr {
padding: 80px 0 30px;
}
.sales-office-address {
margin-top: 0px;
padding: 0px;
margin-bottom: 50px;
display: inline-block;
}
.contact-cnt-address .grid-12.address-cnt ul li {
width: 100%;
display: inline-block;
float: left;
padding-right: 0px;
}
.contact-cnt-address .grid-12.address-cnt ul li.mob-none {
display: none;
}
.enquiry-cntr .form-fields ul li {
width: 100%
}
.enquiry-cntr .form-fields ul li:nth-child(2) {
margin: 0 0 25px
}
.enquiry-cntr .form-fields ul li:nth-child(4) {
margin: 0 0 25px
}
.enquiry-cntr .form-fields ul li.contact-sub {
margin-left: 0;
width: 100%;
margin-bottom: 0
}
.social-media li:last-child,
.social-media#social-media li {
float: left;
margin: 11px 5px
}
.overlay {
z-index: 990000009
}
.form-row .form-field {
padding-bottom: 10px
}
.overlay input,
.overlay select {
padding: 8px 20px;
line-height: 20px;
font-size: 14px
}
.overlay select {
margin-top: 10px
}
.customfile-wrap {
position: relative
}
.customfile-upload {
position: absolute;
top: 0;
right: 0
}
.customfile-upload {
padding: 10px 10px 8px
}
.careers-cnt .container h2 {
font: 26px/32px'Playfair Display', serif;
padding: 80px 0 10px
}
.landing-page-banner .breadcrumb {
position: relative;
top: -10px
}
.landing-page-list li {
min-width: 100%;
margin-bottom: 50px
}
.landing-page-list-full {
width: 100%;
}
.landing-page-list-50 {
min-width: 100%;
margin-bottom: 50px
}
.landing-page-list li .blog-wraper {
height: 92px;
position: unset
}
.landing-page-list li:hover p {
display: none
}
.mobility-section .mobility-content h2 {
display: inline-block;
float: left;
padding: 0;
margin: 0 0 30px;
font: 22px/32px'Playfair Display', serif;
font-weight: 700
}
.mobility-list li {
float: left;
padding: 0;
width: 100%;
margin-bottom: 25px
}
.mobility-section .mobility-content {
margin: 0 auto;
max-width: 100%;
padding: 10px 0;
width: 100%
}
.mobility-list {
margin: 0
}
.mobility-list span.title {
min-height: 60px
}
.mobility-list span.title p {
padding: 20px 0
}
.landing-page-list h1,
.landing-page-list h2 {
font-size: 28px;
line-height: 36px
}
.mobility-section {
padding: 50px 0 30px
}
ul.list.bullet li {
font-size: 16px;
margin-bottom: 5px
}
.goverment h3 {
font-size: 18px;
line-height: 24px;
margin: 0 auto 0;
padding-bottom: 10px
}
.banking .grid-6.right-border {
border-right: 0;
padding-right: 0;
padding-left: 0
}
.banking .grid-6 {
padding-bottom: 80px;
padding-left: 0
}
.goverment .grid-6 .tab-content-wrapper {
min-height: auto;
padding-bottom: 0
}
.container.banking.goverment .row:nth-child(2) .grid-6:nth-child(1) {
padding-bottom: 50px !important
}
.container.banking.goverment .row {
border-bottom: 0
}
.container.banking.goverment .row:nth-child(2) .grid-6:nth-child(2) {
padding-bottom: 50px !important
}
.block.banking-solutions.our-customers {
padding: 50px 0
}
.block.banking-solutions.our-customers h2,
.case-studies-cntr h2,
.container.banking.goverment h2 {
font-size: 26px;
line-height: 28px;
font-weight: 700;
font-family: 'Playfair Display', serif;
padding-bottom: 20px
}
.case-studies-cntr li {
width: 100%;
margin-right: 0;
float: left
}
.case-studies-cntr li .cta a.box-btn {
min-width: auto
}
.case-studies-cntr li .cta a {
margin-left: 14%
}
.case-studies-cntr {
padding: 50px 0
}
.clientscntr ul.slidergallery li {
width: 50%;
margin-right: 0 !important
}
.clientscntr ul.slidergallery li:nth-child(2n) {
margin-right: 0 !important
}
.banking-solutions .testimonial>dl:nth-child(even)>dt {
border-radius: 15px 15px 10px 10px
}
.banking-solutions .testimonial>dl>dt {
border-radius: 10px 10px 15px 15px;
display: inline-block;
width: 100%
}
.client-name {
width: 100%
}
.client-speech-r {
width: 100%
}
.client-speech-l {
width: 100%
}
.arrow-left {
width: 0;
height: 0;
float: right;
position: relative;
top: 1px;
left: -45%;
right: 47%;
z-index: 1;
border-bottom: 15px solid #fff;
border-top: 15px solid transparent;
border-left: 15px solid transparent;
border-right: 15px solid transparent
}
.arrow-right {
width: 0;
height: 0;
float: right;
position: relative;
top: -1px;
left: -45%;
right: 47%;
z-index: 1;
border-top: 15px solid #fff;
border-bottom: 15px solid transparent;
border-left: 15px solid transparent;
border-right: 15px solid transparent
}
.clients-testimonial ul li {
width: 100%;
padding: 20px;
margin-bottom: 30px
}
.clients-testimonial ul li br {
display: none
}
dl .inherit .grid-layout .grid-6.rht-side {
padding: 0
}
dl .inherit .grid-layout .grid-6.lft-side {
padding: 0;
border-right: 0
}
.grid-4.grid-about {
width: 50%;
margin: 0 0;
float: left;
min-height: 255px
}
.team-cnt .container .grid-4 .team-img img {
width: 130px;
height: 130px
}
.person-detals {
width: 100%;
float: left;
margin: 0
}
.quality-policy-img-cntr .grid-6+.grid-6 {
margin-top: 30px
}
.about-cntr {
padding: 10px;
min-height: auto !important;
padding-bottom: 30px
}
.why-nelito-cntr {
background-image: url(../images/why-nelito.jpg);
background-size: cover;
background-attachment: fixed;
position: relative;
padding: 80px 0
}
.overlay-box .overlay-header .overlay-img img {
top: 0
}
.inforgaphic-detail-cntr h2,
.inforgaphic-detail-cntr2 h2 {
margin-bottom: 20px
}
.about-cntr.case-studies {
padding: 20px !important
}
.why-nelito-cntr ul li {
float: left;
width: 100%;
text-align: left;
margin-bottom: 20px
}
.why-nelito-cntr ul li p {
font-size: 21px;
color: #fff;
line-height: 28px;
margin-top: 15px;
display: flow-root;
margin-left: 15px;
float: left;
width: 70%
}
.why-nelito-cntr ul li:nth-child(3) p,
.why-nelito-cntr ul li:nth-child(4) p {
margin-top: 5px
}
.why-nelito-cntr h2 {
margin-bottom: 30px
}
.why-nelito-cntr ul li img {
width: 25%;
float: left
}
.why-nelito-cntr ul li p br {
display: none
}
.about-cntr.commitment {
padding: 50px 0;
background: #fafafa
}
.quality-systems-cntr {
padding: 50px 0
}
.quality-systems-cntr h2 {
padding-bottom: 30px
}
.quality-systems-cntr ul {
width: 100%;
margin: 0 auto
}
.quality-systems-cntr ul li {
width: 100%;
float: left;
text-align: center
}
.quality-systems-cntr ul li:nth-child(2) {
width: 100%;
padding: 30px 0
}
.key-share-holders-cntr {
background-image: url(../images/key-share-holders.jpg);
background-size: cover;
background-attachment: fixed;
position: relative;
padding: 80px 0
}
.key-share-holders-cntr p {
margin-bottom: 30px
}
.clients-common-tab.common-top.clients-common-menu {
display: block;
margin-top: 20px;
margin-bottom: 20px
}
.project-tab-cntr {
display: none
}
.clients-common-menu h2 {
font-size: 16px;
line-height: 24px;
font-family: 'Playfair Display', serif;
padding: 5px 10px;
position: relative;
color: #fff;
background: #334f9b;
border: #334f9b solid 1px
}
.clients-common-menu h2:before {
content: ' ';
width: 0;
height: 0;
border-top: 8px solid #fff;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
float: right;
position: absolute;
bottom: 40%;
right: 10px;
z-index: 1
}
.blogs-list li {
width: 100%;
margin-right: 0;
margin-bottom: 50px
}
.offerings-wraper.offerings-big-wraper {
min-height: auto
}
.offerings-wraper {
min-height: auto
}
.clients-common-menu ul {
display: none;
border: 1px solid #ddd;
position: absolute
}
.clients-common-menu ul li {
width: 100%;
float: left;
position: relative
}
.clients-common-menu ul li::after {
content: "";
width: 0%;
height: 2px;
position: absolute;
transition: all .2s linear;
background: #28246e;
bottom: -2px;
left: 0
}
.clients-common-menu ul li a {
font: 15px/20px Archivo, sans-serif;
color: #555;
background-color: #fff;
border: #ddd solid 1px;
padding: 10px 12px;
margin-right: 3px;
display: inline-block;
min-width: 110px;
vertical-align: middle;
font-weight: 500;
width: 100%
}
.clients-common-menu ul li.active a,
.clients-common-menu ul li:hover a {
color: #334f9b;
font-weight: 700
}
.clientscntr ul li {
width: 33.33%
}
ul.portfolioContainer li span {
max-width: 80px;
height: 80px;
font-size: 10px;
line-height: 13px;
padding: 24px 5px;
}
.clientscntr ul li img {
max-width: 62% !important;
}
ul.portfolioContainer li p {
bottom: -2px;
padding: 0px 4px;
border: 0px solid #31519a;
font-size: 9px;
line-height: normal;
min-width: 96%;
}
.clients-list h2 {
padding-bottom: 20px
}
.portfolioFilter {
position: relative;
top: 0;
width: 100%;
height: 100%;
background: 0 0;
padding: 0;
z-index: 999999
}
.portfolioFilter h2 {
position: relative;
color: #000;
font-size: 24px;
font-weight: 700;
padding-bottom: 20px;
line-height: 36px;
font-family: Poppins-Medium;
padding: 5px 10px;
border: 1px solid #ddd;
width: 100%;
margin: 10px auto;
background: #fff;
margin-bottom: 30px
}
.portfolioFilter ul li {
width: 100%;
margin: 0;
padding: 0;
border: 0;
font: 18px/28px Archivo, sans-serif;
font-weight: 600;
margin-bottom: 0;
border-bottom: 1px solid #ccc;
padding-bottom: 0;
display: inline-block
}
.portfolioFilter a {
width: 100%
}
.portfolioFilter h2:before {
content: ' ';
width: 0;
height: 0;
border-top: 8px solid #000;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
float: right;
position: absolute;
bottom: 40%;
right: 10px;
z-index: 99
}
.portfolioFilter ul {
display: none;
position: absolute;
z-index: 100;
background: #fff;
padding-bottom: 10px;
width: 100%;
top: 50px
}
.portfolioFilter a {
padding: 0 10px;
border: 0
}
.portfolioFilter a.current {
background: #fff;
border: 1px solid #fff;
color: #31519a
}
.portfolioFilter {
position: fixed;
top: 72px;
height: 50px;
left: 0
}
.portfolioFilter h2 {
margin: 0
}
.our-services-cntr .grid-7 .grid-5 {
position: unset;
top: 0;
width: 100%;
height: 100%;
background: 0 0;
padding: 0;
z-index: 999999
}
.our-services-cntr .grid-7 .custom-pre-control {
left: 20px
}
.our-services-cntr .grid-7 .grid-5 h2 {
text-align: left;
position: relative;
margin-bottom: 30px;
color: #000;
top: 0;
bottom: 0;
font-size: 24px;
line-height: 32px;
font-family: 'Playfair Display', serif;
font-weight: 700
}
.blog-dtls .grid-8 {
width: 100%;
padding: 0
}
.blog-dtls .grid-4 {
width: 100%;
margin-top: 50px
}
.more-blog ul li a span {
font: 14px/20px Archivo, sans-serif;
color: #212121;
float: left;
width: 60%;
padding-left: 14px
}
.case-study-list li,
.events-list li,
.highlights-list li {
width: 100%;
margin-right: 0;
max-height: 100%;
margin-bottom: 40px
}
.error-cntr {
margin: 100px 0
}
ul.news li {
margin: 0 0 5px !important;
padding: 10px !important;
border: 0 !important;
border-bottom: 1px solid #eee !important;
min-height: auto !important;
padding-bottom: 20px !important;
padding-top: 0 !important
}
.block .landing-page-list li .blog-wraper {
background: #f7f7f7 !important;
margin-bottom: 0
}
.block .landing-page-list h3,
.block .landing-page-list li p {
color: #444
}
.landing-page-list li:hover .blog-wraper {
height: auto;
bottom: 0;
background: #f7f7f7;
padding: 30px 20px;
margin-bottom: 0
}
.landing-page-list li:hover p {
display: block
}
.landing-page-list li a:hover h3,
.landing-page-list li a:hover p,
.landing-page-list li a:hover span {
color: #444
}
.landing-page-list li a:hover .cta {
color: #f04a76
}
h2 {
font-size: 28px
}
p {
font-size: 16px;
line-height: 20px
}
.forrester-ibs-intelligense-gartner-cntr i,
.forrester-ibs-intelligense-gartner-cntr p {
width: 100%;
height: auto
}
.copywrite .grid-3 {
text-align: center;
width: 100%
}
.cmmi-logo img {
height: 56px
}
.copywrite .grid-3 p {
margin: 14px 0;
text-align: center
}
.cmmi-logo {
text-align: center
}
.benefits-mid-cntr .container {
display: block;
}
.our-clients-slider-cntr .clients-icon {
position: unset;
}
.our-clients-slider-cntr p {
font-size: 14px;
margin-bottom: 10px;
color: #444;
}
.our-clients-slider-cntr .client-details {
margin: 0;
width: 100%;
display: flex !important;
}
.our-clients-slider-cntr .client-image {
float: left !important;
margin: 0;
width: 33%;
}
.our-clients-slider-cntr .client-image img {
height: 60px;
object-fit: contain;
width: 100px;
}
.our-clients-slider-cntr .client-designation {
padding: 18px 0 0px 10px !important;
float: left !important;
text-align: left;
width: 66%;
}
.our-clients-slider-cntr .client-designation .designation {
font-weight: bold;
}
.our-clients-slider-cntr .client-designation .bank-name {
display: block;
}
.benefits-cntr ul li {
font-size: 14px !important;
text-align: left;
}
.benefits-cntr ul li .clients-speak {
font-size: 14px;
line-height: 24px;
}
.benefits-cntr ul li p {
margin: 0px auto 0;
}
ul.bottomSlider .slick-dots {
padding-bottom: 20px !important;
}
ul.sliderbv1.bottomSlider .blog-details {
min-height: auto !important;
}
.our-clients-slider-cntr p {
text-align: left !important;
}
.sub-menu ul li {
padding-left: 25px;
position: relative;
}
.sub-menu ul li:before {
content: '';
display: block;
border-top: 1px solid #9E9E9E;
border-right: 1px solid #9E9E9E;
height: 6px;
width: 6px;
transform: rotate(45deg);
top: 10px;
left: 20px;
position: absolute;
}
.highlights-dtls h2 {
font: 24px/32px'Playfair Display', serif;
font-weight: 700;
}
.overlay.Send-Enquiry .overlay-box .overlay-footer {
padding: 0;
}
.overlay.Send-Enquiry .overlay-box .clientsbox-slider {
width: 93vw;
}
.subscribeoverlaycntr h2 {
font-size: 22px;
font-weight: 600;
}
#subscribe .overlay-box .overlay-header {
min-height: 0;
}
#subscribe .overlay-box .closeBtn {
top: 10px;
}
.blog-dtls .new-blog-formate-set .user-part-set.user-part-set-logo .row .col-lg-3, .blog-dtls .new-blog-formate-set .user-part-set.user-part-set-logo .row .col-lg-9 {
width: 100%;
}
.case-study-list h1,
.news-list h1,
.events-list h1,
.blogs-list h1,
.highlights-list h1 {
font-size: 36px;
line-height: 42px;
padding-right: 100px;
}
.analyst-recognitions-cntr .container {}
.analyst-recognitions-detail {
width: 100%;
float: left
}
.blog-slider-area {
width: 100% !important;
margin-right: 0% !important;
}
.news-slider-area {
width: 100% !important;
margin-left: 0% !important;
}
.twittercntr {
padding: 50px 0 0px;
text-align: center;
width: 100%;
float: right
}
.twittercntr iframe#twitter-widget-0 {
border: 1px solid #eee !important;
}
.twittercntr .twitter-timeline {}
.three-text-show .slider-Large-txt .s-Big-txt.wid-100 {
padding: 17px 0;
width: 100%;
border-right: 0;
border-bottom: 1px solid #fff;
font-size: 22px;
line-height: 28px;
min-height: auto;
}
.three-text-show .slider-Large-txt .s-Big-txt span {
margin-top: 0;
}
.three-text-show .know-more-btn {
margin-left: 0;
}
#enquiryform1 .overlay-box {
width: auto;
}
}
@font-face {
font-family: entypo;
font-style: normal;
font-weight: 400;
src: url(fonts/entypo.eot);
src: url(fonts/entypo.eot?) format('eot'), url(fonts/entypo.woff) format('woff'), url(fonts/entypo.ttf) format('truetype'), url(fonts/entypo.svg) format('svg')
}
.entypo-note:before {
content: "\266a"
}
.entypo-note-beamed:before {
content: "\266b"
}
.entypo-music:before {
content: "\1f3b5"
}
.entypo-search:before {
content: "\1f50d"
}
.entypo-flashlight:before {
content: "\1f526"
}
.entypo-mail:before {
content: "\2709"
}
.entypo-heart:before {
content: "\2665"
}
.entypo-heart-empty:before {
content: "\2661"
}
.entypo-star:before {
content: "\2605"
}
.entypo-star-empty:before {
content: "\2606"
}
.entypo-user:before {
content: "\1f464"
}
.entypo-users:before {
content: "\1f465"
}
.entypo-user-add:before {
content: "\e700"
}
.entypo-video:before {
content: "\1f3ac"
}
.entypo-picture:before {
content: "\1f304"
}
.entypo-camera:before {
content: "\1f4f7"
}
.entypo-layout:before {
content: "\268f"
}
.entypo-menu:before {
content: "\2630"
}
.entypo-check:before {
content: "\2713"
}
.entypo-cancel:before {
content: "\2715"
}
.entypo-cancel-circled:before {
content: "\2716"
}
.entypo-cancel-squared:before {
content: "\274e"
}
.entypo-plus:before {
content: "\2b"
}
.entypo-plus-circled:before {
content: "\2795"
}
.entypo-plus-squared:before {
content: "\229e"
}
.entypo-minus:before {
content: "\2d"
}
.entypo-minus-circled:before {
content: "\2796"
}
.entypo-minus-squared:before {
content: "\229f"
}
.entypo-help:before {
content: "\2753"
}
.entypo-help-circled:before {
content: "\e704"
}
.entypo-info:before {
content: "\2139"
}
.entypo-info-circled:before {
content: "\e705"
}
.entypo-back:before {
content: "\1f519"
}
.entypo-home:before {
content: "\2302"
}
.entypo-link:before {
content: "\1f517"
}
.entypo-attach:before {
content: "\1f4ce"
}
.entypo-lock:before {
content: "\1f512"
}
.entypo-lock-open:before {
content: "\1f513"
}
.entypo-eye:before {
content: "\e70a"
}
.entypo-tag:before {
content: "\e70c"
}
.entypo-bookmark:before {
content: "\1f516"
}
.entypo-bookmarks:before {
content: "\1f4d1"
}
.entypo-flag:before {
content: "\2691"
}
.entypo-thumbs-up:before {
content: "\1f44d"
}
.entypo-thumbs-down:before {
content: "\1f44e"
}
.entypo-download:before {
content: "\1f4e5"
}
.entypo-upload:before {
content: "\1f4e4"
}
.entypo-upload-cloud:before {
content: "\e711"
}
.entypo-reply:before {
content: "\e712"
}
.entypo-reply-all:before {
content: "\e713"
}
.entypo-forward:before {
content: "\27a6"
}
.entypo-quote:before {
content: "\275e"
}
.entypo-code:before {
content: "\e714"
}
.entypo-export:before {
content: "\e715"
}
.entypo-pencil:before {
content: "\270e"
}
.entypo-feather:before {
content: "\2712"
}
.entypo-print:before {
content: "\e716"
}
.entypo-retweet:before {
content: "\e717"
}
.entypo-keyboard:before {
content: "\2328"
}
.entypo-comment:before {
content: "\e718"
}
.entypo-chat:before {
content: "\e720"
}
.entypo-bell:before {
content: "\1f514"
}
.entypo-attention:before {
content: "\26a0"
}
.entypo-alert:before {
content: "\1f4a5'"
}
.entypo-vcard:before {
content: "\e722"
}
.entypo-address:before {
content: "\e723"
}
.entypo-location:before {
content: "\e724"
}
.entypo-map:before {
content: "\e727"
}
.entypo-direction:before {
content: "\27a2"
}
.entypo-compass:before {
content: "\e728"
}
.entypo-cup:before {
content: "\2615"
}
.entypo-trash:before {
content: "\e729"
}
.entypo-doc:before {
content: "\e730"
}
.entypo-docs:before {
content: "\e736"
}
.entypo-doc-landscape:before {
content: "\e737"
}
.entypo-doc-text:before {
content: "\1f4c4"
}
.entypo-doc-text-inv:before {
content: "\e731"
}
.entypo-newspaper:before {
content: "\1f4f0"
}
.entypo-book-open:before {
content: "\1f4d6"
}
.entypo-book:before {
content: "\1f4d5"
}
.entypo-folder:before {
content: "\1f4c1"
}
.entypo-archive:before {
content: "\e738"
}
.entypo-box:before {
content: "\1f4e6"
}
.entypo-rss:before {
content: "\e73a"
}
.entypo-phone:before {
content: "\1f4dE"
}
.entypo-cog:before {
content: "\2699"
}
.entypo-tools:before {
content: "\2692"
}
.entypo-share:before {
content: "\e73c"
}
.entypo-shareable:before {
content: "\e73e"
}
.entypo-basket:before {
content: "\e73d"
}
.entypo-bag:before {
content: "\1f45c'"
}
.entypo-calendar:before {
content: "\1f4c5"
}
.entypo-login:before {
content: "\e740"
}
.entypo-logout:before {
content: "\e741"
}
.entypo-mic:before {
content: "\1f3a4"
}
.entypo-mute:before {
content: "\1f507"
}
.entypo-sound:before {
content: "\1f50a"
}
.entypo-volume:before {
content: "\e742"
}
.entypo-clock:before {
content: "\1f554"
}
.entypo-hourglass:before {
content: "\23f3"
}
.entypo-lamp:before {
content: "\1f4a1"
}
.entypo-light-down:before {
content: "\1f505"
}
.entypo-light-up:before {
content: "\1f506"
}
.entypo-adjust:before {
content: "\25d1"
}
.entypo-block:before {
content: "\1f6ab"
}
.entypo-resize-full:before {
content: "\e744"
}
.entypo-resize-small:before {
content: "\e746"
}
.entypo-popup:before {
content: "\e74c"
}
.entypo-publish:before {
content: "\e74d"
}
.entypo-window:before {
content: "\e74e"
}
.entypo-arrow-combo:before {
content: "\e74f"
}
.entypo-down-circled:before {
content: "\e758"
}
.entypo-left-circled:before {
content: "\e759"
}
.entypo-right-circled:before {
content: "\e75a"
}
.entypo-up-circled:before {
content: "\e75b"
}
.entypo-down-open:before {
content: "\e75c"
}
.entypo-left-open:before {
content: "\e75d"
}
.entypo-right-open:before {
content: "\e75e"
}
.entypo-up-open:before {
content: "\e75f"
}
.entypo-down-open-mini:before {
content: "\e760"
}
.entypo-left-open-mini:before {
content: "\e761"
}
.entypo-right-open-mini:before {
content: "\e762"
}
.entypo-up-open-mini:before {
content: "\e763"
}
.entypo-down-open-big:before {
content: "\e764"
}
.entypo-left-open-big:before {
content: "\e765"
}
.entypo-right-open-big:before {
content: "\e766"
}
.entypo-up-open-big:before {
content: "\e767"
}
.entypo-down:before {
content: "\2b07"
}
.entypo-left:before {
content: "\2b05"
}
.entypo-right:before {
content: "\27a1"
}
.entypo-up:before {
content: "\2b06"
}
.entypo-down-dir:before {
content: "\25be"
}
.entypo-left-dir:before {
content: "\25c2"
}
.entypo-right-dir:before {
content: "\25b8"
}
.entypo-up-dir:before {
content: "\25b4"
}
.entypo-down-bold:before {
content: "\e4b0"
}
.entypo-left-bold:before {
content: "\e4ad"
}
.entypo-right-bold:before {
content: "\e4ae"
}
.entypo-up-bold:before {
content: "\e4af"
}
.entypo-down-thin:before {
content: "\2193"
}
.entypo-left-thin:before {
content: "\2190"
}
.entypo-right-thin:before {
content: "\2192"
}
.entypo-up-thin:before {
content: "\2191"
}
.entypo-ccw:before {
content: "\27f2"
}
.entypo-cw:before {
content: "\27f3"
}
.entypo-arrows-ccw:before {
content: "\1f504"
}
.entypo-level-down:before {
content: "\21b3"
}
.entypo-level-up:before {
content: "\21b0"
}
.entypo-shuffle:before {
content: "\1f500"
}
.entypo-loop:before {
content: "\1f501"
}
.entypo-switch:before {
content: "\21c6"
}
.entypo-play:before {
content: "\25b6"
}
.entypo-stop:before {
content: "\25a0"
}
.entypo-pause:before {
content: "\2389"
}
.entypo-record:before {
content: "\26ab"
}
.entypo-to-end:before {
content: "\23ed"
}
.entypo-to-start:before {
content: "\23ee"
}
.entypo-fast-forward:before {
content: "\23e9"
}
.entypo-fast-backward:before {
content: "\23ea"
}
.entypo-progress-0:before {
content: "\e768"
}
.entypo-progress-1:before {
content: "\e769"
}
.entypo-progress-2:before {
content: "\e76a"
}
.entypo-progress-3:before {
content: "\e76b"
}
.entypo-target:before {
content: "\1f3af"
}
.entypo-palette:before {
content: "\1f3a8"
}
.entypo-list:before {
content: "\e005"
}
.entypo-list-add:before {
content: "\e003"
}
.entypo-signal:before {
content: "\1f4f6"
}
.entypo-trophy:before {
content: "\1f3c6"
}
.entypo-battery:before {
content: "\1f50b"
}
.entypo-back-in-time:before {
content: "\e771"
}
.entypo-monitor:before {
content: "\1f4bb"
}
.entypo-mobile:before {
content: "\1f4f1"
}
.entypo-network:before {
content: "\e776"
}
.entypo-cd:before {
content: "\1f4bf"
}
.entypo-inbox:before {
content: "\e777"
}
.entypo-install:before {
content: "\e778"
}
.entypo-globe:before {
content: "\1f30e"
}
.entypo-cloud:before {
content: "\2601"
}
.entypo-cloud-thunder:before {
content: "\26c8"
}
.entypo-flash:before {
content: "\26a1"
}
.entypo-moon:before {
content: "\263d"
}
.entypo-flight:before {
content: "\2708"
}
.entypo-paper-plane:before {
content: "\e79b"
}
.entypo-leaf:before {
content: "\1f342"
}
.entypo-lifebuoy:before {
content: "\e788"
}
.entypo-mouse:before {
content: "\e789"
}
.entypo-briefcase:before {
content: "\1f4bc"
}
.entypo-suitcase:before {
content: "\e78e"
}
.entypo-dot:before {
content: "\e78b"
}
.entypo-dot-2:before {
content: "\e78c"
}
.entypo-dot-3:before {
content: "\e78d"
}
.entypo-brush:before {
content: "\e79a"
}
.entypo-magnet:before {
content: "\e7a1"
}
.entypo-infinity:before {
content: "\221e"
}
.entypo-erase:before {
content: "\232b"
}
.entypo-chart-pie:before {
content: "\e751"
}
.entypo-chart-line:before {
content: "\1f4c8"
}
.entypo-chart-bar:before {
content: "\1f4ca"
}
.entypo-chart-area:before {
content: "\1f53e"
}
.entypo-tape:before {
content: "\2707"
}
.entypo-graduation-cap:before {
content: "\1f393"
}
.entypo-language:before {
content: "\e752"
}
.entypo-ticket:before {
content: "\1f3ab"
}
.entypo-water:before {
content: "\1f4a6"
}
.entypo-droplet:before {
content: "\1f4a7"
}
.entypo-air:before {
content: "\e753"
}
.entypo-credit-card:before {
content: "\1f4b3"
}
.entypo-floppy:before {
content: "\1f4be"
}
.entypo-clipboard:before {
content: "\1f4cb"
}
.entypo-megaphone:before {
content: "\1f4e3"
}
.entypo-database:before {
content: "\e754"
}
.entypo-drive:before {
content: "\e755"
}
.entypo-bucket:before {
content: "\e756"
}
.entypo-thermometer:before {
content: "\e757"
}
.entypo-key:before {
content: "\1f511"
}
.entypo-flow-cascade:before {
content: "\e790"
}
.entypo-flow-branch:before {
content: "\e791"
}
.entypo-flow-tree:before {
content: "\e792"
}
.entypo-flow-line:before {
content: "\e793"
}
.entypo-flow-parallel:before {
content: "\e794"
}
.entypo-rocket:before {
content: "\1f680"
}
.entypo-gauge:before {
content: "\e7a2"
}
.entypo-traffic-cone:before {
content: "\e7a3"
}
.entypo-cc:before {
content: "\e7a5"
}
.entypo-cc-by:before {
content: "\e7a6"
}
.entypo-cc-nc:before {
content: "\e7a7"
}
.entypo-cc-nc-eu:before {
content: "\e7a8"
}
.entypo-cc-nc-jp:before {
content: "\e7a9"
}
.entypo-cc-sa:before {
content: "\e7aa"
}
.entypo-cc-nd:before {
content: "\e7ab"
}
.entypo-cc-pd:before {
content: "\e7ac"
}
.entypo-cc-zero:before {
content: "\e7ad"
}
.entypo-cc-share:before {
content: "\e7ae"
}
.entypo-cc-remix:before {
content: "\e7af"
}
.entypo-github:before {
content: "\f300"
}
.entypo-github-circled:before {
content: "\f301"
}
.entypo-flickr:before {
content: "\f303"
}
.entypo-flickr-circled:before {
content: "\f304"
}
.entypo-vimeo:before {
content: "\f306"
}
.entypo-vimeo-circled:before {
content: "\f307"
}
.entypo-twitter:before {
/*content: "\f309"*/
content: "\ð•"
}
.entypo-twitter-circled:before {
content: "\f30a"
}
.entypo-facebook:before {
content: "\f30c"
}
.entypo-facebook-circled:before {
content: "\f30d"
}
.entypo-facebook-squared:before {
content: "\f30e"
}
.entypo-gplus:before {
content: "\f30f"
}
.entypo-gplus-circled:before {
content: "\f310"
}
.entypo-pinterest:before {
content: "\f312"
}
.entypo-pinterest-circled:before {
content: "\f313"
}
.entypo-tumblr:before {
content: "\f315"
}
.entypo-tumblr-circled:before {
content: "\f316"
}
.entypo-linkedin:before {
content: "\f318"
}
.entypo-linkedin-circled:before {
content: "\f319"
}
.entypo-dribbble:before {
content: "\f31b"
}
.entypo-dribbble-circled:before {
content: "\f31c"
}
.entypo-stumbleupon:before {
content: "\f31e"
}
.entypo-stumbleupon-circled:before {
content: "\f31f"
}
.entypo-lastfm:before {
content: "\f321"
}
.entypo-lastfm-circled:before {
content: "\f322"
}
.entypo-rdio:before {
content: "\f324"
}
.entypo-rdio-circled:before {
content: "\f325"
}
.entypo-spotify:before {
content: "\f327"
}
.entypo-spotify-circled:before {
content: "\f328"
}
.entypo-qq:before {
content: "\f32a"
}
.entypo-instagrem:before {
content: "\f32d"
}
.entypo-dropbox:before {
content: "\f330"
}
.entypo-evernote:before {
content: "\f333"
}
.entypo-flattr:before {
content: "\f336"
}
.entypo-skype:before {
content: "\f339"
}
.entypo-skype-circled:before {
content: "\f33a"
}
.entypo-renren:before {
content: "\f33c"
}
.entypo-sina-weibo:before {
content: "\f33f"
}
.entypo-paypal:before {
content: "\f342"
}
.entypo-picasa:before {
content: "\f345"
}
.entypo-soundcloud:before {
content: "\f348"
}
.entypo-mixi:before {
content: "\f34b"
}
.entypo-behance:before {
content: "\f34e"
}
.entypo-google-circles:before {
content: "\f351"
}
.entypo-vkontakte:before {
content: "\f354"
}
.entypo-smashing:before {
content: "\f357"
}
.entypo-sweden:before {
content: "\f601"
}
.entypo-db-shape:before {
content: "\f600"
}
.entypo-logo-db:before {
content: "\f603"
}
@media only screen and (min-device-width:380px) and (max-device-width:384px) {
.mobile-nelito-system .bottom-fixed {
padding: 3px 8px 0;
}
.ul-right {
width: 100% !important;
text-align: center;
margin: 0 auto;
display: block;
}
}
@media only screen and (min-device-width:360px) and (max-device-width:361px) {
.mobile-nelito-system .bottom-fixed {
padding: 3px 8px 0;
}
}
@media only screen and (max-width:320px) {
.mobile-nelito-system .bottom-fixed {
padding: 3px 13px 0;
text-align: justify;
}
.bottom-fixed .nelito-heading p {
font-size: 10px;
}
.bottom-fixed .nelito-heading h4 {
font-size: 17px;
}
}
/*****************/
.main-key-feature{
display: flex;
align-items: center;
justify-content: center;
padding: 12px 0;
/*min-width: 455px;*/
min-height: 110px;
}
/*.mid-banner-cntr .grid-4{*/
/* padding: 0 16px;*/
/*}*/
.main-key-feature .icon-part{
display: flex;
align-items: center;
justify-content: center;
}
.main-key-feature .content-part{
width: calc(100% - 62px);
padding-left: 1.5rem;
}
.main-key-feature .content-part p{
font-size: 17px;
color: #fff;
min-width: 322px;
}
.company-information-table {
display: inline-block;
width: 100%;
margin-bottom: 22px;
}
.company-information-table tr td{
font-size: 18px;
line-height: 28px;
font-weight: 300;
border: 1px solid #ccc;
padding: 10px;
vertical-align: middle;
}
.company-information-table tr td a {
color: #f04a76;
}
.company-information-table tr td a:hover {
text-decoration: underline;
}
.td-hig {
height: 258px;
}
@media screen and (min-width:320px) and (max-width:767px) {
.company-information-table {
width: 100%;
margin-right: 0px;
}
.company-information-table tr td {
font-size: 16px;
line-height: 20px;
padding: 6px;
}
@media(max-width:769px) {
.client-speak .main-client-slider .client-content .client-details .client-designation {
width: 59%;
}
.client-image {
width: 115px;
}
.highlights-dtls .highlights-img>video{
width: 100%;
}
.commentFormcntr ul li:last-child {
margin-bottom: 0;
margin-top: 20px;
width: 100%;
float: left;
}
.blogs-inner-pages {
padding: 20px 0 20px;
}
.more-blog ul li a span {
font: 14px / 20px Archivo, sans-serif;
color: #212121;
float: left;
width: 56%;
padding-left: 14px;
}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
.enquiry-form .form-fields ul li {
width: 47%;
}
.enquiry-form .form-fields ul li:nth-child(6){
width:100%;
}
}
@media only screen and (min-device-width:800px) and (max-device-width:820px) {
.slick-slide img{
height: 100%;
object-fit: cover;
object-position: center;
}
}
@media only screen and (min-device-width:768px) and (max-device-width:991px) {
.slick-slide img{
height: 100%;
object-fit: cover;
object-position: center;
}
}