@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;
}

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 video {
	width: 100%;
	height: 100%;	/* object-fit: cover;
						object-position: center; */
}

.homebannerimage .mobile-video {
	display: none;
}

.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: '002';
    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: 1347px;
}

.new-navigation-bar .menuL .has-sub-menu:nth-child(2) .sub-navigation-bar.left-100 .row .col:nth-child(4) {
	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
}

.blog-dtls .new-blog-formate-set .main-box {
	padding: 30px;
	background: #31519c;
	color: #fff;
}

.blog-dtls .new-blog-formate-set .main-box p a {
	color: #fff;
	text-decoration: underline;
}

.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 .table-format {
	margin-bottom: 30px;
}

.blog-dtls .new-blog-formate-set .table-format table tr th {
	padding: 15px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	border: 1px solid #c0c0c0;
	background: #31519c;
}

.blog-dtls .new-blog-formate-set .table-format table tr td {
	padding: 15px;
	text-align: center;
	font-size: 18px;
	color: #000;
	font-weight: 400;
	border: 1px solid #c0c0c0;
}

.blog-dtls .new-blog-formate-set .table-format table tr td a {
	color: #f04a76;
	text-decoration: underline;
}

.blog-dtls .new-blog-formate-set .table-format.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.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 .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;
}

.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%;
}

/*
.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 .list li {
	background: none;
	position: relative;
	text-align: justify;
	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;
}

.highlights-dtls .list li strong {
	color: #204386;
}

.highlights-dtls .list li:before {
	content: " ";
	width: 8px;
	height: 8px;
	background: #204386;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 0;
}

.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: 40px;
}

.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
}

.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.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;
	border-radius: 13px;
}

.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;
}

/* 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;
	}

}

@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%;
	}

}

@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;
	}

}

@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;
	}

}

@media screen and (min-width:1024px) and (max-width:1700px) {
	ul.sliderbv2 li {
		padding: 100px;
	}

}

@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;
	}

	.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;
	}

	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
	}

	.homebannerimage .mobile-video {
		display: block;
	}

	.homebannerimage .desktop-video {
		display: none;
	}

	.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;
	}

	.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;
	}

	.blog-dtls .new-blog-formate-set .user-part-set .row {
		display: block;
	}

	.blog-dtls .new-blog-formate-set .user-part-set .row .col-lg-3 {
		width: 100%;
		margin-bottom: 20px;
	}

	.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%;
	}

	.blog-dtls .new-blog-formate-set .user-part-set .row .col-lg-9 {
		width: 100%;
	}

	.blog-dtls .new-blog-formate-set .user-part-set .right-side-part {
		padding-left: 0;
	}

}

@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: "309"*/
	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;
	}

}