
/* myabe global */ 

.fintech .br {
	display: block;
}

@media (max-width: 768px) {
	.fintech .br {
		display: inline;
	}
	.fintech .br:after {
		content: ' ';
	}
}

/* end maybe global */

/* first block  */

.fintech .icon-services-2,
.fintech .icon-services-1,
.fintech .icon-services-3,
.fintech .icon-services-4 {
	max-width: 100%;
	background-size: 100%;
	background-image: url('/wp-content/uploads/2018/05/fintech-icons.png');
}

.fintech .icon-services-4 {
	background-position: 0 0%;
	background-size: 100%;
}

.fintech .icon-services-1 {
	background-position: 0 33.333333%;
	background-size: 133%;
}

.fintech .icon-services-2 {
	background-position: 0 66.666667%;
	background-size: 133%;
}

.fintech .icon-services-3 {
	background-position: 0 100%;
	background-size: 133%;
}

.fintech .first-things {
	flex-flow: row nowrap;
	justify-content: space-between;
	margin-bottom: 3%;
}

.fintech .first-things .block {
	text-align: center;
	width: 33%;
}

.fintech .first-things .block .icon-container {
	height: 100px;
	min-height: 100px;
}

@media (max-width: 767px) {
	.fintech .first-things {
		display: block;
	}
	.fintech .first-things .block {
		width: auto;
	}
	.fintech .first-things-container {
		background-image: none !important;
	}
	.fintech .first-things .block .icon-container {
		display: flex;
		justify-content: center;
		align-items: start;
	}
	.fintech .first-things.owl-carousel .owl-item img {
		width: auto;
	}
}

.fintech .first-things-container .owl-prev,
.fintech .first-things-container .owl-next {
	position: absolute;
	top: 50%;
	margin-top: -10px;
}

.fintech .first-things-container .owl-prev {
	left: 10px;
	color: #D1D1D1;
	font-size: 2em;
}

.fintech .first-things-container .owl-prev:before {
	font-family: FontAwesome;
	content: "\f053";
}

.fintech .first-things-container .owl-next:before {
	font-family: FontAwesome;
	content: "\f054";
}

.fintech .first-things-container .owl-next {
	right: 10px;
	color: #D1D1D1;
	font-size: 2em;
}

.fintech .first-things-container .owl-dots {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.fintech .first-things-container .owl-dot {
	margin-left: 10px;
	margin-right: 10px;
}

.fintech .first-things-container .owl-dot span {
	background-color: #EDEDEE;
	border-radius: 50%;
	display: block;
	font-size: 0;
	height: 18px;
	width: 18px;
}

.fintech .first-things-container .owl-dot span:hover,
.fintech .first-things-container .owl-dot.active span {
	background-color: #009E85;
}


}
.fintech .second-things {
	flex-flow: row nowrap;
	align-items: center;
	margin: 3% 0;
}
.fintech .second-things .first {
	font-size: 46px;
	width: 25%;
	color: #244796;
	font-weight: 300;
	line-height: 1;
	padding-right: 3%;
}
.fintech .second-things .second {
	width: 75%;
	padding-left: 3%;
	border-left: 1px solid #244796;
}
.fintech .second-things .second p:first-child {
	margin-top: 0;
}
.fintech .second-things .second p:last-child {
	margin-bottom: 0;
}
@media (max-width: 768px) {
	.fintech .second-things .first {
		display: none;
	}
	
	.fintech .second-things .second {
		width: 100%;
		padding-left: 0;
		border-left: none;
	}
}
/* end first block */ 


/* event container */

.event-container {
	box-shadow: 2.677px 2.973px 35px 0px rgba(0, 0, 0, 0.2);
	margin: 3% auto;
	width: 1320px;
	padding: 3%;
}

@media (max-width: 1340px) {
	.event-container {
		width: 100%;
	}
}

.event-container .event-row {
	flex-flow: row nowrap;
	align-items: center;
}

.event-container .event-row .event-banner {
	width: 50%;
}

.event-container .event-row .event-description {
	width: 50%;
	padding-left: 3%;
}

.event-container .event-row .event-description .name {
	margin-bottom: 6%;
}

.event-container .event-row .event-description .date {
	padding-left: 25px;
	position: relative;
}

.event-container .event-row .event-description .date:before {
	content: "\f133";
	font-family: FontAwesome;
	width: 25px;
	left: 0;
	position: absolute;
	text-align: center;
}

.event-container .event-row .event-description .location {
	padding-left: 25px;
	position: relative;
}

.event-container .event-row .event-description .location:before {
	content: "\f041";
	font-family: FontAwesome;
	width: 25px;
	left: 0;
	position: absolute;
	text-align: center;
}

.post-content .event-container {
	width: 100%;
}

.event-container .event-row .event-description .action {
	margin-top: 6%;
}

@media (min-width: 711px) {
	.event-container h3 {
		margin-top: 0;
	}
}

@media (max-width: 710px) {
	.event-container .event-row .event-banner {
		width: 100%;
	}
	.event-container .event-row .event-description {
		width: 100%;
		padding-left: 0;
	}
	.event-container .event-row {
		flex-flow: column wrap;
	}
	.event-container .event-row .name {
		text-align: center;
		margin-top: 20px;
	}
	.event-container {
		padding: 30px 20px;
	}
	.event-container .event-row .action-row {
		width: 100%;
		text-align: center;
	}
	.event-container .event-row .action-row a {
		width: 100%;
	}
}

/* end event container */


/* why block */

.fintech .why-block .detail {
	width: 60%;
	padding-right: 40px;
	padding-top: 64px;
}

.fintech .why-block .short {
	width: 40%;
	box-shadow: 2.677px 2.973px 35px 0px rgba(0, 0, 0, 0.15);
	padding: 40px;
}

.fintech .why-block ul.circle {
	list-style: disc;
	color: #5D9CD5;	
}

.fintech .why-block ul.circle li span {
	color: #666;
}

.fintech .why-block ul li:before {
	content: '';
}

.fintech .why-block .short ul {
	margin-bottom: 40px;
	padding-left: 40px;
	
}

@media (max-width: 1366px) {
	.fintech .why-block {
		justify-content: center;
	}

	.fintech .why-block .detail {
		width: 50%;
	}

	.fintech .why-block .short {
		width: 50%;
	}
}

@media (max-width: 768px) {
	.fintech .why-block {
		justify-content: center;
	}

	.fintech .why-block .detail {
		padding-top: 0;
		width: 100%;
		padding-right: 0;
	}

	.fintech .why-block .short {
		width: 60vw;
		box-shadow: 2.677px 2.973px 35px 0px rgba(0, 0, 0, 0.15);
		padding: 30px 20px;
	}
}

@media (max-width: 600px) {

	.fintech .why-block .short {
		width: 70vw;
	}
}

@media (max-width: 480px) {
	.fintech .why-block .short {
		width: 100%;
	}

}

/* end why block */

/* offers-block */

.fintech .offers-block {
	flex-flow: row wrap;
	justify-content: space-between;
}

.fintech .offer-block {
	box-shadow: 2.509px 6.535px 6px 0px rgba(0, 0, 0, 0.04);
	border: 1px solid rgb(220, 220, 220);
	width: 30%;
	padding: 20px;
	margin: 1.5% auto;
	transition: box-shadow 0.3s ease-in-out;
}

.fintech .offer-block .h4 {
	min-height: 100px;
}

.fintech .offer-block:hover {
	box-shadow: 2.509px 6.535px 13px 0px rgba(0, 0, 0, 0.24);	
}

.fintech .offer-block .outer-container {
	padding-left: 1em;
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	min-height: 285px;
	position: relative;
	height: 100%;
}

.fintech .offer-block .outer-container:before {
	content: '>';
	position: absolute;
	top: 0;
	left: 0;
	bottom:0;
	color: #244796;
	font-size: 24px;
	font-weight: bold;
	font-family: "GothamProNarrowBold";
}


@media (max-width: 768px) {

	.fintech .offers-block {
		background-color: #eee;
	}

	.fintech .offer-block {
		box-shadow: none;
		width: 100%;
		padding: 10px;
		margin: 0 auto;
	}

	.fintech .offer-block:hover {
		box-shadow: none;	
	}

	.fintech .offer-block .outer-container {
		padding-left: 0;
		justify-content: center;
		min-height: 1px;
		height: auto;
	}
	
	.fintech .offer-block .outer-container .h4 {
		color: #5d9cd5;
		min-height: 1px;
	}

  .fintech .offer-block .outer-container:before {
	display: none;
  }
  
	.fintech .offer-block .outer-container:after {
		content: '\f0da';
	position: absolute;
	top: 0;
	right: 0;
	bottom:0;
	color: #5d9cd5;
	font-size: 26px;
	font-weight: bold;
	font-family: "FontAwesome";
  }

	.fintech .offer-block .responsive-hide-box {	
		display: none;
		transition: opacity 1s ease-out;
    	opacity: 0; 
	}

	.fintech .offer-block.active .responsive-hide-box {	
		display: inline;
		opacity: 1;
		transition: opacity 1s ease-out;
		margin-top: 3%;
	}

	.fintech .offer-block.active .outer-container:after {
		content: "\f0d7";
	}

}

@media (max-width: 480px) {
 	.fintech .offer-block .outer-container .h4,
	.fintech .offer-block .outer-container:after {
	font-size: 20px;
  }

}

@media (max-width: 340px) {
 	.fintech .offer-block .outer-container .h4,
	.fintech .offer-block .outer-container:after {
	font-size: 18px;
  }
}


/* end offers-block */

/* solution block */

.fintech .solutions-block {
	flex-flow: row wrap;
	justify-content: space-between;
}

.fintech .solutions-block .slick-dots li.slick-active button {
	background-color: #fdc101;
}

.fintech .solution-block {
	width: 30%;
	padding: 20px;
	margin: 1.5% auto;
	text-align: center;
	height: auto;
}

.fintech .solutions-block.slick-initialized .solution-block {
	margin: 0;
}

.fintech .solutions-block .slick-slide img {
	display: inline-block;
}

/* end solution block */


/* our expertise */ 

.fintech .approach-block {
	background-image: url('/images/bpm-online-crm/bpm-online-approach.jpg');
}

.fintech .approach-block h3 {
	margin-top: 0;
	margin-bottom: 15px;
}

.fintech .approach-block p {
	margin-bottom: 0;

}

.fintech .blocks .block {
	padding: 3%;
	position: relative;
}

@media (max-width: 768px) {

.fintech .approach-block .container-s {
	padding-top: 0;
}

.fintech .approach-block.text-white {
	background-image: none;
	color: #666;
}

.fintech .approach-block.text-white h2 {
	color: #244796;
}

.fintech .approach-block.text-white .blocks .block h3 {
	color: #5d9cd5;
}


.fintech .blocks {
	margin-bottom: 6%;
}

.fintech .blocks .block p {
	margin-top: 6%;
}


.fintech .blocks .block {
	border: 1px solid rgb(220, 220, 220);
}

.fintech .approach-block h3 {
	margin-bottom: 0;
}

	.fintech .blocks .block {
		background-color: #eee;
	}

	.fintech .blocks .block  {
		box-shadow: none;
		width: 100%;
		padding: 10px;
		margin: 0 auto;
	}

	.fintech .blocks .block:hover {
		box-shadow: none;	
	}

	.fintech .blocks .block .outer-container {
		padding-left: 0;
		justify-content: center;
		min-height: 1px;
	}
	
	.fintech .blocks .block .outer-container .h4 {
		color: #5d9cd5;
		min-height: 1px;
	}


	.fintech .blocks .block:after {
		content: '\f0da';
	position: absolute;
	top: 10px;
	right: 10px;
	bottom:0;
	color: #5d9cd5;
	font-size: 26px;
	font-weight: bold;
	font-family: "FontAwesome";
  }

	.fintech .blocks .block .responsive-hide-box {	
		display: none;
		transition: opacity 1s ease-out;
    	opacity: 0; 
	}

	.fintech .blocks .block.active .responsive-hide-box {	
		display: block;
		opacity: 1;
		transition: opacity 1s ease-out;
		margin-top: 3%;
	}

	.fintech .blocks .block.active:after {
		content: "\f0d7";
	}

}


@media (max-width: 480px) {
 	.fintech .blocks .block h3,
	.fintech .blocks .block:after {
	font-size: 20px;
  }

}

@media (max-width: 340px) {
 	.fintech .blocks .block h3,
	.fintech .blocks .block:after {
	font-size: 18px;
  }

}

/* end our expertise */ 