.js-scroll {
	opacity: 0;
	-webkit-transition: opacity 500ms;
	transition: opacity 500ms
}

.js-scroll.scrolled {
	opacity: 1
}

.scrolled.fade-in {
	-webkit-animation: fade-in 1s ease-in-out both;
	animation: fade-in 1s ease-in-out both
}

.scrolled.fade-in-bottom {
	-webkit-animation: fade-in-bottom 1s ease-in-out both;
	animation: fade-in-bottom 1s ease-in-out both
}

.scrolled.fade-in-top {
	-webkit-animation: fade-in-top 1s ease-in-out both;
	animation: fade-in-top 1s ease-in-out both
}

.scrolled.slide-left {
	-webkit-animation: slide-in-left 1s ease-in-out both;
	animation: slide-in-left 1s ease-in-out both
}

.scrolled.slide-right {
	-webkit-animation: slide-in-right 1s ease-in-out both;
	animation: slide-in-right 1s ease-in-out both
}

.scrolled.slide-top {
	-webkit-animation: slide-top 0.5s cubic-bezier(.25, .46, .45, .94) both;
	animation: slide-top 0.5s cubic-bezier(.25, .46, .45, .94) both
}

.slide-top {
	-webkit-animation: slide-up 1s ease-in-out alternate both;
	animation: slide-up 1s ease-in-out alternate both
}

.scrolled.scale-up-ver-bottom {
	-webkit-animation: scale-up-ver-bottom 0.4s ease both;
	animation: scale-up-ver-bottom 0.4s ease both
}

.scrolled.zoom-in-right {
	-webkit-animation: zoom-in-right 1s ease both;
	animation: zoom-in-right 1s ease both
}

.scrolled.zoom-in-left {
	-webkit-animation: zoom-in-left 1s ease both;
	animation: zoom-in-left 1s ease both
}

.scrolled.zoom-in {
	-webkit-animation: zoom-in 1s ease both;
	animation: zoom-in 1s ease both
}

.scrolled.zoom-out {
	-webkit-animation: zoom-out 1s ease both;
	animation: zoom-out 1s ease both
}

.scrolled.fade-up {
	-webkit-animation: fade-up 1s ease both;
	animation: fade-up 1s ease both
}

.scrolled.slide-delay50 {
	animation-delay: 50ms
}

.scrolled.slide-delay500 {
	animation-delay: 0.5s
}

.scrolled.slide-delay150 {
	animation-delay: .15s
}

.scrolled.slide-delay250 {
	animation-delay: .25s
}

.scrolled.slide-delay350 {
	animation-delay: .35s
}

.scrolled.slide-delay450 {
	animation-delay: .45s
}

.scrolled.slide-delay550 {
	animation-delay: .55s
}

.scrolled.slide-delay650 {
	animation-delay: .65s
}

@media (max-width:999px) {
	.js-scroll {
		opacity: 1 !important;
		animation: none !important
	}
}

.home-client-speak .clientName h3 {
	font-style: italic
}

.home-client-speak .btn-readmore.btn_testimonial {
	background: #136494;
	width: 300px;
	margin: 10px auto 0;
	display: inline-block;
	clear: both;
	padding: 15px 50px;
	font-size: 16px;
	border: 1px solid #fff;
	color: #fff;
	text-decoration: none
}

.contact-us-container {
	float: left;
	padding: 45px 0;
	width: 100%
}

.contact-page-heading {
	margin-bottom: 40px;
	font-size: 45px
}

.career-inner-content {
	position: relative;
	float: left;
	width: 100%
}

.career-inner-content .career-serial {
	left: 0;
	right: 0;
	text-align: center
}

.career-inner-content .career-serial,
.career-inner-content .career-serial2 {
	font-size: 106px;
	position: absolute;
	top: 0;
	line-height: 80px;
	opacity: .1;
	color: #3d3d3d;
	font-family: raleway, sans-serif
}

.position-container2 .career-text-content2 {
	margin: 0
}

career-text-content2 {
	margin: 0 0 0 45px
}

.career-text-content2 h3 {
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
}

.career-text-content2 span {
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	margin-top: 0
}

.updates-block .update-btns a {
	min-width: auto;
	border: solid #3bbcc6;
	background: #3bbcc6;
	color: #fff;
	text-align: center;
	padding: 13px 0;
	font-size: 16px;
	margin-right: 10px;
	display: inline-block;
	text-decoration: none
}

.updates-block .updateDetails .update-btns {
	margin-top: 62px
}

.updateDetails .col-12 {
	padding: 8px 0;
	font-size: 17px
}

.view-button,
.view-button b {
	font-weight: 600;
	text-decoration: none
}

.content-container {
	background: url(../images/patten-r.png) left bottom no-repeat #2b313c;
	float: left;
	width: 100%;
	padding: 80px 0
}

.footer-container .col-4 ul li a {
	text-decoration: none
}

.footer-pages a {
	text-decoration: none
}

.footer-container .sociallinks a {
	margin: 13px 15px 0 0
}

.slick-prev.slick-arrow {
	background: url(../images/controls.png) 0 -32px no-repeat;
	left: 0;
	font-size: 0;
	width: 32px;
	height: 32px;
}

.slick-arrow.slick-prev {
	left: -24px
}

.slick-next.slick-arrow {
	background: url(../images/controls.png) -50px -32px no-repeat;
	left: auto;
	right: -30px; 
	font-size: 0;
	width: 32px;
	height: 32px;
}
.slick-arrow{
	border:0;
	position:absolute;
	top: 35%;
}
.slick-arrow:hover, .slick-arrow:focus, .slick-arrow:focus:hover, .slick-arrow:active:focus{
	border: 0 !important;
	box-shadow:none !important;
	outline:none !important;
}
.revalViewBlock .channelsIcon {
	width: 97px !important
}

.revalViewBlock {
	opacity: 1;
	width: 100%
}

.client-logoblock.slick-slide {
	text-align: center;
	padding: 10px;
	border: 1px solid #cccccc26;
	height: 100%;
	margin: 0 10px;
	box-shadow: 0 0 5px 0 rgb(50 50 50 / 15%)
}

.scrollarrow {
	animation-name: scroll;
	animation-duration: 1.4s;
	animation-timing-function: cubic-bezier(.15, .41, .69, .94);
	animation-iteration-count: infinite
}

@keyframes scroll {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	100% {
		transform: translateY(15px);
		opacity: 0
	}
}

.js-scroll.scrolled {
	opacity: 1
}

.scrolled.fade-in {
	-webkit-animation: fade-in 1s ease-in-out both;
	animation: fade-in 1s ease-in-out both
}

.scrolled.fade-in-bottom {
	-webkit-animation: fade-in-bottom 1s ease-in-out both;
	animation: fade-in-bottom 1s ease-in-out both
}

.scrolled.slide-left {
	-webkit-animation: slide-in-left 1s ease-in-out both;
	animation: slide-in-left 1s ease-in-out both
}

.scrolled.slide-right {
	-webkit-animation: slide-in-right 1s ease-in-out both;
	animation: slide-in-right 1s ease-in-out both
}

.scrolled.slide-top {
	-webkit-animation: slide-top 0.5s cubic-bezier(.25, .46, .45, .94) both;
	animation: slide-top 0.5s cubic-bezier(.25, .46, .45, .94) both
}

.slide-top {
	-webkit-animation: slide-up 1s ease-in-out alternate both;
	animation: slide-up 1s ease-in-out alternate both
}

.scrolled.scale-up-ver-bottom {
	-webkit-animation: scale-up-ver-bottom 0.4s ease both;
	animation: scale-up-ver-bottom 0.4s ease both
}

.scrolled.zoom-in-right {
	-webkit-animation: zoom-in-right 1s ease both;
	animation: zoom-in-right 1s ease both
}

.scrolled.zoom-in-left {
	-webkit-animation: zoom-in-left 1s ease both;
	animation: zoom-in-left 1s ease both
}

.scrolled.zoom-in {
	-webkit-animation: zoom-in 1s ease both;
	animation: zoom-in 1s ease both
}

.scrolled.fade-up {
	-webkit-animation: fade-up 1s ease both;
	animation: fade-up 1s ease both
}

.scrolled.slide-delay50 {
	animation-delay: 50ms
}

.scrolled.slide-delay500 {
	animation-delay: 0.5s
}

.scrolled.slide-delay150 {
	animation-delay: .15s
}

.scrolled.slide-delay250 {
	animation-delay: .25s
}

.scrolled.slide-delay350 {
	animation-delay: .35s
}

.scrolled.slide-delay450 {
	animation-delay: .45s
}

.scrolled.slide-delay550 {
	animation-delay: .55s
}

.scrolled.slide-delay650 {
	animation-delay: .65s
}

@-webkit-keyframes slide-in-left {
	0% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes slide-in-left {
	0% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes slide-in-right {
	0% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes slide-in-right {
	0% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes fade-in-bottom {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes fade-in-bottom {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes fade-in-top {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes fade-in-top {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fade-in {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes slide-top {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	100% {
		-webkit-transform: translateZ(-100px);
		transform: translateZ(-100px)
	}
}

@keyframes slide-top {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	100% {
		-webkit-transform: translateZ(-100px);
		transform: translateZ(-100px)
	}
}

@-webkit-keyframes zoom-in-right {
	0% {
		opacity: 0;
		transform: translate3d(-100px, 0, 0) scale(.6)
	}

	100% {
		opacity: 1;
		transform: translateZ(0) scale(1)
	}
}

@keyframes zoom-in-right {
	0% {
		opacity: 0;
		transform: translate3d(-100px, 0, 0) scale(.6)
	}

	100% {
		opacity: 1;
		transform: translateZ(0) scale(1)
	}
}

@-webkit-keyframes zoom-in-left {
	0% {
		opacity: 0;
		transform: translate3d(100px, 0, 0) scale(.6)
	}

	100% {
		opacity: 1;
		transform: translateZ(0) scale(1)
	}
}

@keyframes zoom-in-left {
	0% {
		opacity: 0;
		transform: translate3d(100px, 0, 0) scale(.6)
	}

	100% {
		opacity: 1;
		transform: translateZ(0) scale(1)
	}
}

@-webkit-keyframes zoom-in {
	0% {
		opacity: 0;
		transform: scale(.6)
	}

	100% {
		opacity: 1;
		transform: translateZ(0) scale(1)
	}
}

@keyframes zoom-in {
	0% {
		opacity: 0;
		transform: scale(.6)
	}

	100% {
		opacity: 1;
		transform: translateZ(0) scale(1)
	}
}

@-webkit-keyframes zoom-out {
	0% {
		opacity: 0;
		transform: scale(1.3)
	}

	100% {
		opacity: 1;
		transform: translateZ(0) scale(1)
	}
}

@keyframes zoom-out {
	0% {
		opacity: 0;
		transform: scale(1.3)
	}

	100% {
		opacity: 1;
		transform: translateZ(0) scale(1)
	}
}

@-webkit-keyframes fade-up {
	0% {
		opacity: 0;
		transform: translate3d(0, 100px, 0)
	}

	100% {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes fade-up {
	0% {
		opacity: 0;
		transform: translate3d(0, 100px, 0)
	}

	100% {
		opacity: 1;
		transform: translateZ(0)
	}
}

@-webkit-keyframes slide-up {
	0% {
		opacity: 0;
		transform: translate3d(0, 100px, 0)
	}

	100% {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes slide-up {
	0% {
		opacity: 0;
		transform: translate3d(0, 100px, 0)
	}

	100% {
		opacity: 1;
		transform: translateZ(0)
	}
}

.divCreatingPossibilities .view-button {
	background-color: #2b313c;
	border: solid 2px #3aa3e1;
	color: #fff;
	text-align: center;
	font-size: 17px;
	padding: -24px;
	width: 274px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 27px
}

.divCreatingPossibilities .view-button {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s
}

.divCreatingPossibilities .view-button:after {
	content: '';
	position: absolute;
	opacity: 0;
	top: 14px;
	right: -20px;
	transition: 0.5s
}

.divCreatingPossibilities .view-button:hover:after {
	opacity: 1;
	right: 10px
}

.home-client-speak .btn-readmore {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s
}

.home-client-speak .btn-readmore {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s
}

.home-client-speak .btn-readmore:hover {
	padding-right: 24px;
	padding-left: 8px;
	opacity: 1
}

.home-client-speak .btn-readmore:after {
	right: 10px
}

.home-client-speak .btn-readmore:after {
	content: '';
	position: absolute;
	top: 14px;
	transition: 0.5s
}

.bodyContentInner .content-left p {
	font-size: 16px
}

.presentation h2 span {
	display: inline-block;
	width: inherit;
	margin: 0 !important;
	color: #46bde8;
	font-size: 30px;
	font-weight: 600
}

.presentation .about-heading {
	text-align: center
}

items {
	display: none
}

@media screen and (max-width:1024px) {
	.updates-block .update-btns a {
		padding: 8px 57px
	}

	.revalViewBlock .channelsIcon {
		width: 98px !important
	}
}

@media screen and (min-width:768px) {
	.updates-block .update-btns a {
		padding: 15px 12%
	}

	.revalViewBlock .channelsIcon {
		width: 75px !important
	}

	.revalViewRight {
		padding: 9px 10px
	}

	.updates-block .updateDetails .update-btns {
		margin-top: 15px
	}
}

@media only screen and (max-width:480px) {
	.updates-block .update-btns a {
		padding: 3px 15px
	}
}

.faq .revalViewRight {
	display: none;
	border-top: solid 2px #8b89897a;
	-webkit-border-top: solid 2px #b5b4b4 !important
}

.faq .revalViewLeft a {
	display: block;
	cursor: pointer;
	position: relative;
	color: #fff;
	font-size: 18px
}

.faq .revalViewLeft a:after {
	top: 50%;
	right: 30px;
	content: '+';
	font-weight: 600;
	position: absolute;
	color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-size: 20px
}

.faq .revalView.faqcont .revalViewLeft a:after {
	content: '-'
}

@media only screen and (max-width:992px) {
	.faq .revalView {
		margin-bottom: 0
	}

	.faq .revalViewLeft {
		display: block;
		width: 100%;
		padding: 14px 10px;
		border-radius: 12px 12px 0 0;
		margin-top: -5px
	}

	.faq .revalViewRight .revalviewtype {
		width: 20%;
		margin-bottom: 30px
	}

	.faq .revalViewBlock .channelsIcon {
		width: 25% !important;
		margin: 0 0;
		border-right: solid 1px #c9c9c9;
		padding: 6px;
		border-bottom: solid 1px #c9c9c9
	}

	.faq .revalViewBlock .revalViewRight .channelsIcon:nth-child(4),
	.faq .revalViewBlock .revalViewRight .channelsIcon:nth-child(8) {
		border-right: none
	}

	.faq .revalViewBlock .revalViewRight .channelsIcon:nth-child(9) {
		border-bottom: none
	}

	.faq .revalViewBlock .channelsIcon .channel_box {
		background-color: #eb8a8a;
		padding: 17px 5px
	}

	.revalView.faqcont .revalViewRight {
		display: block !important;
		padding-bottom: 15px !important;
		padding-top: 15px !important;
		height: auto;
	}

	.faq .revalViewBlock .userExperience .revalViewRight a {
		padding: 23px 14px;
		margin: 10px 12px;
		background: #90c6ab;
		text-align: center;
		min-height: 84px
	}

	.faq .revalViewBlock .userExperience .revalViewRight .revalviewtype:after {
		content: '';
		width: 1px;
		height: 88px;
		background: #e1cdcd;
		position: absolute;
		right: -15px;
		top: 2px
	}

	.faq .revalViewBlock .businessApplications .revalViewRight a {
		padding: 33px 0;
		background: #9ea8b547;
		text-align: center
	}

	.faq .revalViewBlock .businessApplications .revalViewRight .revalviewtype.bappl {
		margin: 0 0;
		border-right: solid 1px #c9c9c9;
		padding: 6px;
		border-bottom: solid 1px #c9c9c9;
		background: transparent;
		width: 33%
	}

	.faq .revalViewBlock .businessApplications .revalViewRight .revalviewtype.bappl .bitem {
		padding: 32px 5px;
		background: #626f7e;
		min-height: 104px
	}

	.faq .revalViewBlock .businessApplications .revalViewRight .revalviewtype:after {
		display: none
	}

	.faq .revalViewBlock .businessApplications .revalViewRight .revalviewtype.bappl:nth-child(3),
	.faq .revalViewBlock .businessApplications .revalViewRight .revalviewtype.bappl:nth-child(6),
	.faq .revalViewBlock .businessApplications .revalViewRight .revalviewtype.bappl:nth-child(9),
	.faq .revalViewBlock .businessApplications .revalViewRight .revalviewtype.bappl:nth-child(12),
	.faq .revalViewBlock .businessApplications .revalViewRight .revalviewtype.bappl:nth-child(15) {
		border-right: none
	}

	.faq .revalViewBlock .businessApplications .revalViewRight .revalviewtype.bappl:nth-child(16) {
		border-bottom: none
	}

	.faq .revalViewBlock .database .revalViewRight .revalviewtype:after {
		display: none
	}

	.faq .revalViewBlock .database .revalViewRight .databasesub.revalviewtype.bappl {
		margin: 0 0;
		border-right: solid 1px #c9c9c9;
		padding: 6px;
		border-bottom: solid 1px #c9c9c9;
		width: 33%;
		text-align: center;
		background: transparent
	}

	.faq .revalViewBlock .database .revalViewRight .databasesub.revalviewtype.bappl .bitem {
		padding: 40px 5px 18px 5px;
		background: url(images/icon-database.svg) no-repeat;
		background-size: 20px auto;
		background-position: center 20px;
		background-color: #8e8f8f
	}

	.faq .revalViewBlock .database .revalViewRight .databasesub.revalviewtype.bappl:nth-child(3) {
		border-right: none
	}

	.faq .revalViewBlock .database .revalViewRight .databasesub.revalviewtype.bappl:nth-child(4),
	.faq .revalViewBlock .database .revalViewRight .databasesub.revalviewtype.bappl:nth-child(5) {
		border-bottom: none
	}

	.faq .revalViewBlock .plugPlay .revalViewRight .revalviewtype:after {
		display: none
	}

	.faq .revalViewBlock .plugPlay .revalViewRight .revalviewtype.bappl {
		margin: 0 0;
		border-right: solid 1px #c9c9c9;
		padding: 6px;
		border-bottom: solid 1px #c9c9c9;
		background: transparent;
		width: 33%;
		text-align: center
	}

	.faq .revalViewBlock .plugPlay .revalViewRight .revalviewtype.bappl .bitem {
		padding: 29px 5px;
		background: #60beca;
		min-height: 138px
	}

	.faq .revalViewBlock .revalPlatform .revalViewRight .revalviewtype:after {
		display: none
	}

	.faq .revalViewBlock .revalPlatform .revalViewRight .revalviewtype.bappl {
		margin: 0 0;
		border-right: solid 1px #e5a87f;
		padding: 6px;
		border-bottom: solid 1px #e5a87f;
		background: transparent;
		width: 33%;
		text-align: center
	}

	.faq .revalViewBlock .revalPlatform .revalViewRight .revalviewtype.bappl .bitem {
		padding: 32px 5px;
		background: #cc8b5f
	}

	.faq .revalViewBlock .revalPlatform .revalViewRight .revalviewtype.bappl:nth-child(3),
	.faq .revalViewBlock .revalPlatform .revalViewRight .revalviewtype.bappl:nth-child(6) {
		border-right: none
	}

	.faq .revalViewBlock .revalPlatform .revalViewRight .revalviewtype.bappl:nth-child(7),
	.faq .revalViewBlock .revalPlatform .revalViewRight .revalviewtype.bappl:nth-child(8) {
		border-bottom: none
	}
}

@media only screen and (max-width:768px) {
	.faq .revalViewRight .revalviewtype {
		width: 25%
	}
}

.career-positionsBlockInner .card-deck .card {
	margin: 0
}

.career-text-content2 h3 {
	line-height: normal;
	color: #fff;
}

.sticky {
	position: sticky;
	top: 90px;
}

.sticky_scroll::-webkit-scrollbar {
	display: none;
}

.sticky_scroll {
	height: 100vh;
	overflow-y: scroll;
}

.year a:hover,
.year-active a,
.year-active a:focus,
.year-active a:focus-within {
	background: #efefef;
	color: #3bbcc6;
}

.year a:hover,
.year a:focus,
.year a:focus-within {
	background: #efefef;
	color: #3bbcc6;
}

.career-text-content2 span {
	color: #fff;
}

/*Slick Slider related CSS*/
.slick-slide img {
	display: inline-block;
	text-align: center;
}

.slick-track {
	padding: 10px 0;
}

/*Slick Slider related CSS*/
@media (max-width:999.98px) {

	.gsc-input-box {
		padding-top: 3px !important;
		padding-bottom: 3px !important;
	}

	table.gsc-search-box td.gsc-input {
		padding: 6px 0 6px 6px !important;
	}
}

@media (max-width:320px) {
	.faq .revalViewBlock .userExperience .revalViewRight a {
		margin: 0 11px;
	}

	.faq .revalViewBlock .plugPlay .revalViewRight .revalviewtype.bappl {
		padding: 3px;
	}
}