.cards,
.cards-item {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: relative
}

.cards,
.cards-item,
.cards-text {
	position: relative
}

.cards--page-net-2 .cards-name,
.cards--page-net-2 .cards-name h4,
.cards--with-bgimage .cards-name h4,
.cards--with-bgimage .cards-text,
.cards--zoom .cards-name h4,
.cards--zoom .cards-text {
	color: #fff
}



.cards {
	padding-top: 86px;
	padding-bottom: 50px
}

.cards-name.text-left h4 {
	text-align: left
}

.cards-item {
	text-align: center;
	margin: 0 0 50px;
	background-size: cover
}

.container-fluid .cards-wrapper {
	width: 75%;
	margin: auto
}

.cards--with-borders .container-fluid .cards-wrapper {
	width: auto
}

.cards-icon {
	margin-bottom: 12px;
	line-height: 130px
}

.cards-icon .icon,
.cards-icon svg {
	height: 100px;
	vertical-align: middle
}

.cards-name h4 {
	margin-top: 0;
	margin-bottom: 13px;
	font-weight: 300;
	text-transform: uppercase
}

.cards-text {
	font-size: 17px;
	line-height: 30px
}

.cards.width--full .cards-text {
	padding-left: 25px;
	padding-right: 25px
}

.cards .heading-title {
	margin-bottom: 0
}

.cards .heading-description {
	margin-top: 32px;
	margin-bottom: 0!important
}

.cards .heading~.cards-row,
.cards .heading~.container .cards-row,
.cards .heading~.container-fluid .cards-row,
.cards .heading~.row {
	margin-top: 74px
}

@media (max-width:1440px) {
	.cards.width--full .cards-text {
		padding-left: 0;
		padding-right: 0
	}
}

.cards-text p {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 300
}

.cards-text p+ul {
	margin-top: 1em
}

.cards-object {
	line-height: 0;
	text-align: center
}

.cards--with-rounded-icons .cards-icon,
.cards--with-rounded-icons--aqua .cards-icon,
.cards--with-rounded-icons--blue .cards-icon,
.cards--with-rounded-icons--dark-blue .cards-icon,
.cards--with-rounded-icons--green .cards-icon,
.cards--with-rounded-icons--orange .cards-icon,
.cards--with-rounded-icons--purple .cards-icon,
.cards--with-rounded-icons--red .cards-icon,
.cards--with-rounded-icons--white .cards-icon {
	background: rgba(0, 0, 0, .4);
	display: inline-block;
	width: 180px;
	height: 180px;
	line-height: 180px;
	border-radius: 90px;
	margin-top: 0
}

.cards--with-rounded-icons--white .cards-icon {
	background-color: #fff
}

.cards--with-rounded-icons--green .cards-icon {
	background-color: #32c5d2
}

.cards--with-rounded-icons--blue .cards-icon {
	background-color: #0cf
}

.cards--with-rounded-icons--red .cards-icon {
	background-color: #f96057
}

.cards--with-rounded-icons--dark-blue .cards-icon {
	background-color: #255ccc
}

.cards--with-rounded-icons--orange .cards-icon {
	background-color: #ff9700
}

.cards--with-rounded-icons--aqua .cards-icon {
	background-color: #00ddce
}

.cards--with-rounded-icons--purple .cards-icon {
	background-color: #9d26d5
}

.cards--with-bgimage .cards-item .cards-wrapper {
	width: 92%
}

.cards--with-bgimage .cards-item {
	background: 50% 50% no-repeat #666;
	background-size: cover;
	margin: 0 -15px;
	padding: 50px 15px;
	width: auto;
	text-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.cards--with-bgimage .cards-icon {
	background: rgba(0, 0, 0, .4);
	display: inline-block;
	width: 200px;
	height: 200px;
	line-height: 200px;
	border-radius: 100px;
	margin-top: 0
}

.cards--with-bgimage .cards-icon .icon,
.cards--with-bgimage .cards-icon svg {
	vertical-align: middle;
	height: 80px
}

@media (min-width:1030px) {
	.cards--with-bgimage .cards-item {
		padding: 208px 15px 30px;
		transition: transform .2s ease
	}
	.cards--with-bgimage .cards-text {
		position: relative;
		opacity: 0;
		top: 50px;
		transition: top .5s ease, opacity .5s ease
	}
	.cards--with-bgimage .cards-icon {
		transition: margin .5s ease
	}
	.cards--with-bgimage.cards--with-zoom .cards-item:hover {
		z-index: 100;
		transform: scale(1.05);
		box-shadow: 0 0 20px rgba(0, 0, 0, .4)
	}
	.cards--with-bgimage.cards--with-zoom .cards-item:hover .cards-text {
		top: 30px;
		opacity: 1
	}
	.cards--with-bgimage.cards--with-zoom .cards-item:hover .cards-icon {
		margin-top: -50px;
		background: rgba(255, 255, 255, 1)
	}
	.cards--with-bgimage.cards--with-zoom .cards-item:hover .cards-icon .icon {
		transform: scale(.952)
	}
	.cards--with-bgimage.cards--with-zoom .cards-item:hover .cards-icon .icon path {
		fill: #52c337!important
	}
	.cards--with-bgimage.cards--with-zoom .cards-row {
		padding-top: 0
	}
}

.cards--page-main-2 .cards-item .cards-icon svg path,
.cards--python-3.cards--with-zoom .cards-item:hover .cards-icon .icon path {
	fill: #FFF!important
}

.cards--accordion .cards-row .column .cards-item {
	padding: 100px 15px;
	margin: 0
}

.cards.cards--accordion {
	padding: 0
}

@media (min-width:1030px) {
	.cards.cards--accordion {
		padding: 0;
		max-height: 700px
	}
	.cards--accordion .cards-row:after,
	.cards--accordion .cards-row:before {
		content: none
	}
	.cards--accordion .cards-row {
		float: none;
		display: table;
		table-layout: fixed
	}
	.cards--accordion .column {
		transition: width .5s ease;
		display: table-cell;
		float: none
	}
	.cards--accordion.columns--2 .cards-row:hover .column {
		width: 30%
	}
	.cards--accordion.columns--2 .cards-row .column:hover {
		width: 70%
	}
	.cards--accordion.columns--3 .cards-row:hover .column {
		width: 25%
	}
	.cards--accordion.columns--3 .cards-row .column:hover {
		width: 50%
	}
	.cards--accordion.columns--4 .cards-row:hover .column {
		width: 20%
	}
	.cards--accordion.columns--4 .cards-row .column:hover {
		width: 40%
	}
	.cards--accordion.columns--5 .cards-row:hover .column {
		width: 17%
	}
	.cards--accordion.columns--5 .cards-row .column:hover {
		width: 32%
	}
	.cards--accordion .column .cards-item:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #000;
		opacity: 0;
		transition: opacity .5s ease
	}
	.cards--accordion .column .cards-item[class*=bgcolor--hover]:before {
		content: none
	}
	.cards--accordion .cards-row .column .cards-item {
		padding-top: 100px;
		margin: 0
	}
	.cards--accordion .cards-row .column .cards-text {
		position: relative;
		line-height: 40px;
		opacity: 0;
		top: 200px;
		transition: opacity .1s ease, top .1s ease;
		width: 80%;
		margin: 0 auto
	}
	.cards--accordion .cards-row .column:hover .cards-item:before {
		opacity: .4
	}
	.cards--accordion .cards-row .column:hover .cards-text {
		opacity: 1;
		top: 0;
		transition-delay: .4s;
		transition-duration: .3s
	}
	.cards--accordion .cards-row .column .cards-icon,
	.cards--accordion .cards-row .column .cards-name {
		position: relative;
		top: 100px;
		transition: top .1s ease
	}
	.cards--accordion .cards-row .column:hover .cards-icon,
	.cards--accordion .cards-row .column:hover .cards-name {
		transition-delay: .1s;
		transition-duration: 1s;
		top: -50px
	}
}

.cards.cards--zoom {
	padding: 0
}

.cards--zoom .cards-item .cards-wrapper {
	width: auto
}

.cards--zoom .cards-item {
	padding: 50px 15px;
	margin: 0;
	width: auto;
	text-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

@media (min-width:1030px) {
	.cards--zoom .cards-item {
		padding: 150px 15px 30px;
		transition: transform .2s ease
	}
	.cards--zoom .cards-text {
		position: relative;
		opacity: 0;
		top: 50px;
		transition: top .5s ease, opacity .5s ease
	}
	.cards--zoom .cards-icon {
		transition: margin .5s ease
	}
	.cards--zoom .cards-item:hover {
		z-index: 100;
		transform: scale(1.05);
		box-shadow: 0 0 20px rgba(0, 0, 0, .4)
	}
	.cards--zoom .cards-item:hover .cards-text {
		top: 30px;
		opacity: 1
	}
	.cards--zoom .cards-item:hover .cards-icon {
		margin-top: -50px
	}
	.cards--zoom .cards-item:hover .cards-icon .icon {
		transform: scale(.952)
	}
}

@media (max-width:1029px) {
	.cards-row+.cards-row {
		margin-top: 0
	}
	.cards--with-borders .container-fluid .cards-item {
		width: 100%;
		margin-left: auto;
		margin-right: auto
	}
	.cards-icon {
		line-height: 80px
	}
}

@media (max-width:767px) {
	.cards {
		padding: 50px 0
	}
	.cards--with-borders .container-fluid .cards-item {
		width: 100%;
		margin-left: auto;
		margin-right: auto
	}
	.cards-item {
		height: auto!important;
		margin-bottom: 30px
	}
	.cards-row+.cards-row {
		margin-top: 30px
	}
	.cards [class*=col]:last-child .cards-item,
	.column:last-child .cards-item {
		margin-bottom: 0
	}
	.container-fluid .cards-wrapper {
		width: 100%
	}
	.cards-name h4 {
		font-size: 26px;
		line-height: 30px
	}
	.cards-text p {
		font-size: 16px;
		line-height: 25px
	}
}

.cards--with-zoom .zIndex {
	z-index: 100!important
}

.cards--media-content-distribution .heading~.cards-row,
.cards--media-content-distribution .heading~.row {
	margin-top: 66px
}

.cards--page-net-1 .cards-name h4 {
	margin-bottom: 26px;
	font-size: 30px;
	line-height: 35px
}

.cards--page-net-1 .cards-text p {
	font-size: 17px;
	line-height: 25px
}

.cards--page-net-2 {
	padding-bottom: 88px;
	background: url(/sites/all/themes/iflexion/images/bg-cards-page-net-1-left.png) 0 50% no-repeat, url(/sites/all/themes/iflexion/images/bg-cards-page-net-1-right.png) 100% 50% no-repeat #fff
}

.cards--page-net-2 .heading+.cards-row {
	margin-top: 40px
}

.cards--page-net-2 .cards-item {
	background: #fff
}

.cards--page-net-2 .cards-name {
	margin: -37px -32px 40px;
	padding: 37px 41px 12px
}

.cards--page-net-2 .cards-text ul {
	font-size: 1.1em
}

.cards--page-net-2 .cards-item--1 .cards-name {
	background: #32c5d2
}

.cards--page-net-2 .cards-item--2 .cards-name {
	background: #0cf
}

.cards--page-net-2.cards .cards-text p {
	line-height: 30px
}

.cards--page-net-2 .cards-wrapper {
	padding-bottom: 24px!important
}

.cards--page-net-2 ul li {
	margin-bottom: 14px
}

.cards--page-net-2 ul li:before {
	top: 10px
}

@media (max-width:1030px) {
	.cards--page-net-2 {
		background: url(/sites/all/themes/iflexion/images/bg-cards-page-net-1-left.png) 0 20% no-repeat, url(/sites/all/themes/iflexion/images/bg-cards-page-net-1-right.png) 100% 80% no-repeat #fff
	}
}

@media (max-width:767px) {
	.cards--page-net-2 {
		padding-bottom: 50px
	}
}

@media (min-width:1500px) {
	.cards--page-net-3 .cards-item .cards-name h4 {
		font-size: 30px;
		line-height: 35px
	}
}

.cards--page-net-3 {
    padding-bottom: 75px;
}

.cards--page-net-3 .cards-wrapper {
	padding-bottom: 42px!important
}

.cards--frontend-1 {
	padding-bottom: 0
}

.cards--frontend-1 .heading-description {
	margin-bottom: 50px!important
}

.cards--frontend-1 .cards-row {
	background: url(/sites/all/themes/iflexion/images/bg-cards-frontend-1-1.jpg) 50% 0 repeat-x, url(/sites/all/themes/iflexion/images/bg-cards-frontend-1-2.jpg) 50% 100% repeat-x #f3f4f5;
	padding: 420px 0 300px!important;
	margin-top: 0!important
}

.cards--frontend-1 .cards-name h4 {
	margin-bottom: 34px;
	font-size: 45px
}

@media (max-width:767px) {
	.cards--frontend-1 .cards-name h4 {
		font-size: 30px;
		line-height: 34px
	}
}

.cards--frontend-2 {
	padding-top: 68px;
	padding-bottom: 0
}

.cards--frontend-2 .cards-name h4 {
	font-size: 45px;
	line-height: 45px
}

@media (max-width:1030px) {
	.cards--frontend-1 .cards-row {
		background: url(/sites/all/themes/iflexion/images/bg-cards-frontend-1-1.jpg) 85% 0 repeat-x, url(/sites/all/themes/iflexion/images/bg-cards-frontend-1-2.jpg) 50% 100% repeat-x #f3f4f5;
		padding: 400px 0 300px!important
	}
}

@media (max-width:767px) {
	.cards--frontend-2 .cards-name h4 {
		font-size: 26px;
		line-height: 30px
	}
	.cards--frontend-1 .cards-row {
		padding-bottom: 340px!important
	}
}

.cards--page-win-1 {
	padding-top: 68px
}

.cards--page-win-1 .heading-title h3 {
	font-size: 52px;
	line-height: 55px
}

.cards--page-win-1 .heading~.cards-row,
.cards--page-win-1 .heading~.row {
	margin-top: 63px
}

.cards--page-win-1 .cards-name h4 {
	margin-bottom: 22px;
	font-size: 32px
}

.cards--page-win-1 .cards-text p {
	font-size: 17px;
	line-height: 30px
}

.cards--cloud-1 .container-fluid .cards-wrapper {
	width: 100%
}

@media (max-width:1029px) {
	.cards--cloud-1 .container-fluid .cards-wrapper {
		width: 70%
	}
}

@media (max-width:767px) {
	.cards--page-win-1 .heading-title h3 {
		font-size: 32px;
		line-height: 39px
	}
	.cards--cloud-1 .container-fluid .cards-wrapper {
		width: 100%
	}
}

.cards--cloud-2 {
	counter-reset: cards-cloud-2-counter
}

.cards--cloud-2 .heading-description {
	line-height: 40px
}

.cards--cloud-2 .cards-name h4 {
	font-weight: 400;
	font-size: 25px;
	text-align: left;
	counter-increment: cards-cloud-2-counter
}

.cards--cloud-2 .cards-item {
	text-align: left;
	counter-increment: cards-cloud-2-counter - 1
}

.cards--cloud-2 .cards-item .cards-wrapper {
	margin-left: 90px;
	position: relative
}

.cards--cloud-2 .cards-wrapper:before {
	content: "";
	display: block;
	position: absolute;
	top: -10px;
	left: -90px;
	width: 82px;
	height: 175px;
	background: url(/sites/all/themes/iflexion/images/bg-cards-cloud-1-counter.png)
}

.cards--cloud-2 .cards-wrapper:after {
	content: counter(cards-cloud-2-counter, decimal-leading-zero);
	display: block;
	position: absolute;
	top: -3px;
	left: -83px;
	width: 46px;
	height: 46px;
	line-height: 46px;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: -.1em;
	text-align: center;
	color: #fff;
	background: #32c5d2;
	border-radius: 24px
}

.cards--cloud-3 {
	padding-bottom: 0
}

@media (min-width:1025px) {
	.cards--accordion--3 .cards-row:after,
	.cards--accordion--3 .cards-row:before {
		content: none
	}
	.cards--accordion--3 .cards-row {
		float: none;
		display: table;
		table-layout: fixed
	}
	.cards--accordion--3 .col-sm-4 {
		transition: width .5s ease;
		display: table-cell;
		float: none
	}
	.cards--accordion--3 .cards-row:hover .col-sm-4 {
		width: 20%
	}
	.cards--accordion--3 .cards-row .col-sm-4:hover {
		width: 60%
	}
	.cards--accordion--3 .col-sm-4 .cards-item:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #000;
		opacity: 0;
		transition: opacity .5s ease
	}
	.cards--accordion--3 .cards-row .col-sm-4 .cards-text {
		opacity: 0;
		top: 200px;
		transition: opacity .1s ease, top .1s ease;
		width: 98%;
		margin: 0 auto
	}
	.cards--accordion--3 .cards-row .col-sm-4 .cards-text p {
		font-size: 19px;
		line-height: 40px
	}
	.cards--accordion--3 .cards-row .col-sm-4 .cards-item {
		padding-top: 60px;
		padding-bottom: 0
	}
	.cards--accordion--3 .cards-row .col-sm-4:hover .cards-item:before {
		opacity: .4
	}
	.cards--accordion--3 .cards-row .col-sm-4:hover .cards-text {
		line-height: 40px;
		opacity: 1;
		top: 0;
		transition-delay: .4s;
		transition-duration: .3s
	}
	.cards--accordion--3 .cards-row .col-sm-4 .cards-icon,
	.cards--accordion--3 .cards-row .col-sm-4 .cards-name {
		position: relative;
		top: 100px;
		transition: top .1s ease
	}
	.cards--accordion--3 .cards-row .col-sm-4:hover .cards-icon,
	.cards--accordion--3 .cards-row .col-sm-4:hover .cards-name {
		transition-delay: .1s;
		transition-duration: 1s;
		top: -10px
	}
	.cards--accordion--3 .cards-row .cards-name h4 {
		font-size: 45px;
		line-height: 45px
	}
}

.cards--python-2 {
	background-size: cover;
	padding: 150px 0 144px
}

.cards--python-2 .col-sm-6+.col-sm-6 {
	color: #232323
}

.cards--python-2 .col-sm-6 .cards-item {
	margin-bottom: 0
}

.cards--python-2 .cards-name h4 {
	margin-bottom: 40px
}

.cards--python-2 .cards-text {
	width: 80%;
	margin-left: auto;
	margin-right: auto
}

@media (max-width:1030px) {
	.cards--python-2 {
		background-size: auto 100%;
		background-position: 0 50%
	}
	.cards--python-2 .col-sm-6+.col-sm-6 {
		margin-top: 50px;
		color: inherit
	}
}

@media (max-width:1029px) {
	.cards--python-2 {
		padding-top: 100px;
		padding-bottom: 100px
	}
}

@media (max-width:767px) {
	.cards--python-2 {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

.cards--python-3 {
	padding-bottom: 0
}

.cards--python-3+.bgcolor--white {
	padding-top: 105px
}

.cards--python-3 .cards-icon {
	width: auto;
	height: auto;
	border-radius: 0;
	background: 0 0!important
}

.cards--python-3.cards--with-zoom .cards-item:hover .cards-icon .icon {
	transform: none
}

.cards--python-3 .col-md-3:nth-child(2) .cards-wrapper {
	width: 100%
}

.cards--python-3 .col-md-3:nth-child(2) .cards-icon .icon {
	margin-top: 11px;
	height: 120px;
	max-height: none
}

.cards--python-3 .col-md-3:nth-child(3) .cards-icon .icon {
	margin-top: -6px
}

@media (max-width:767px) {
	.cards--python-3+.bgcolor--white {
		padding-top: 50px
	}
}

.cards--page-php-1 {
	padding-top: 62px;
	padding-bottom: 71px
}

@media (max-width:767px) {
	.cards--page-php-1 {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

.cards--page-php-1 .heading~.cards-row,
.cards--page-php-1 .heading~.row {
	margin-top: 60px
}

.cards--page-php-1 .cards-name h4 {
	margin-bottom: 20px
}

.cards--page-php-1 .cards-text p {
	font-size: 17px;
	line-height: 30px
}

.cards--page-php-1 .cards-text {
	max-width: 516px;
	margin-left: auto;
	margin-right: auto
}

.cards--page-php-2 .cards-wrapper {
	padding-bottom: 40px!important
}

.cards--ios ul li {
	margin-bottom: 10px
}

.cards--ios ul li:last-child {
	margin-bottom: 0
}

@media (min-width:1440px) {
	.cards--ios .col-sm-4 {
		width: 25%
	}
	.cards--ios .col-sm-4:first-child {
		margin-left: 12.5%
	}
}

@media (max-width:1029px) {
	.cards--ios .cards-item {
		height: auto!important
	}
}

.cards--java-1 {
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 190px
}

.cards--java-1:after {
	content: "";
	display: block;
	position: absolute;
	top: 13%;
	left: 50%;
	margin-left: -8%;
	width: 22%;
	height: 100%;
	background: url(/sites/all/themes/iflexion/images/vis-java-man.png) 50% 0 no-repeat;
	background-size: contain;
	z-index: 100;
	max-width: 460px
}

.cards--java-1 .cards-item {
	padding: 150px 15px 170px;
	margin: 0 -15px;
	width: auto
}

.cards--java-1 .cards-item.bgcolor--blue {
	background: url(/sites/all/themes/iflexion/images/bg-cards-java-1.png) 100% 0 no-repeat #0cf;
	background-size: contain
}

.cards--java-1 .cards-text {
	width: 80%;
	margin-left: auto;
	margin-right: auto
}

.cards--java-1 .cards-text p {
	font-size: 19px;
	line-height: 35px
}

@media (max-width:1030px) {
	.cards--java-1 {
		padding: 0 0 100px
	}
	.cards--java-1:after {
		left: 0;
		top: 50%;
		margin-top: -175px;
		margin-left: 0;
		width: 100%;
		max-width: none;
		height: 200px;
		background-position: 0 50%;
		background-size: contain
	}
	.cards--java-1 .cards-item {
		padding: 150px 15px
	}
}

@media (max-width:1029px) {
	.cards--java-1:after {
		display: none
	}
	.cards--java-1 .cards-item {
		height: auto!important;
		padding-top: 100px;
		padding-bottom: 100px
	}
	.cards--java-1 .cards-text {
		width: 100%
	}
}

@media (max-width:767px) {
	.cards--java-1 {
		padding: 0 0 50px
	}
	.cards--java-1 .cards-item {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

.cards--java-3 .cards-name h4 {
	font-size: 30px
}

.cards--java-3 .heading-title h3 {
	margin: 0
}

.cards--java-4 .cards-item {
	position: relative
}

.cards--java-4 .cards-wrapper {
	background: #fff;
	height: 100%;
	z-index: 2
}

.cards--java-4 .cards-name {
	color: #fff;
	margin: -37px -32px 40px;
	padding: 37px 41px 12px
}

.cards--java-4 .cards-item--1 .cards-name {
	background: #32c5d2
}

.cards--java-4 .cards-item--2 .cards-name {
	background: #0cf
}

.cards--java-4.cards .cards-text p {
	line-height: 30px
}

@media (min-width:1030px) {
	.cards--java-4 .cards-item--1 {
		margin-right: 40px
	}
	.cards--java-4 .cards-item--2 {
		margin-left: 40px
	}
}

@media (min-width:769px) {
	.cards--java-4 .cards-item:before {
		content: "";
		display: block;
		position: absolute;
		bottom: -25px;
		height: 50%;
		width: 176%;
		left: 0;
		background: url(/sites/all/themes/iflexion/images/bg-cards-java-4-shadow-full.png) 50% 100% no-repeat;
		background-size: contain;
		z-index: 1;
		margin: 0 0 0 -40%
	}
}

.cards--application-integration {
	padding-bottom: 80px
}

.cards--application-integration .cards-name h4 {
	font-size: 30px;
	line-height: 35px
}

@media (max-width:767px) {
	.cards--application-integration {
		padding-bottom: 50px
	}
}

.cards--qa-1 {
	padding-top: 94px!important
}

.cards--qa-1 .heading-title h3 {
	font-size: 52px;
	line-height: 60px
}

.cards--qa-1 .heading-description {
	margin-top: 17px!important
}

.cards--qa-1 .heading-description p {
	font-size: 19px;
	line-height: 30px
}

.cards--appdev-1 {
	padding-top: 85px;
	padding-bottom: 70px
}

@media (max-width:767px) {
	.cards--appdev-1 {
		padding-top: 50px
	}
}

.cards--appdev-1 .heading-description {
	max-width: 1118px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0
}

@media (max-width:1029px) {
	.cards--appdev-1 {
		padding-bottom: 50px
	}
}

.cards--appdev-2 {
	padding-top: 94px;
	padding-bottom: 50px
}

.cards--appdev-2 .heading-description {
	margin-top: 13px
}

.cards--appdev-2 .heading~.cards-row,
.cards--appdev-2 .heading~.row {
	margin-top: 59px
}

@media (max-width:767px) {
	.cards--appdev-2 {
		padding-top: 50px
	}
}

.cards--appdev-2 .cards-item {
	border-bottom: 0!important;
	margin-bottom: 80px
}

.cards--appdev-2 .cards-item:after,
.cards--appdev-2 .cards-item:before {
	content: '';
	display: block;
	width: 51%;
	height: 1px;
	border-top: 1px solid #ebebeb;
	position: absolute;
	bottom: 0;
	left: 0;
	transform-origin: 0 100%;
	transform: rotate(7deg)
}

.cards--appdev-2 .cards-item:after {
	left: auto;
	right: 0;
	transform-origin: 100% 100%;
	transform: rotate(-7deg)
}

.cards--appdev-2 .cards-wrapper {
	padding: 36px 30px 20px!important
}

.cards--appdev-2 .cards-name {
	color: #fff;
	margin: -37px -31px 30px;
	padding: 18px 31px 16px;
	background: #32c5d2;
	text-align: center
}

.cards--appdev-2 .cards-name h4 {
	margin-bottom: 0!important;
	text-transform: none;
	font-size: 1.6em!important
}

@media (max-width:767px) {
	.cards--appdev-2 .col-sm-4:last-child .cards-item {
		margin-bottom: 0
	}
	.cards--appdev-2 .cards-wrapper {
		padding: 36px 15px 5px 0!important
	}
	.cards--appdev-2 .cards-name {
		margin: -37px -16px 30px 0;
		padding: 18px 15px 16px
	}
	.cards--appdev-3 .cards-item {
		height: auto!important
	}
}

.cards--ruby-2 .cards-row {
	padding-top: 0!important;
	background-color: #f8f8f8
}

.cards--ruby-2 .cards-item {
	margin-bottom: 0;
	padding-bottom: 60px
}

.cards--ruby-2 .cards-icon {
	line-height: 170px;
	height: 170px;
	margin: 0
}

.cards--ruby-2 .cards-name {
	background: #32c5d2;
	background: linear-gradient(to right, rgba(81, 195, 54, 1) 0, rgba(72, 170, 47, 1) 100%);
	color: #fff;
	margin: 0 -15px 25px;
	padding: 20px
}

.cards--ruby-2 .cards-item--3 .cards-name {
	background: #32c5d2
}

.cards--ruby-2 .cards-name h4 {
	margin: 0
}

@media (min-width:1030px) {
	.cards--ruby-2 {
		padding: 100px 0 155px
	}
	.cards--ruby-2 .cards-row {
		background-size: 100% auto;
		background-position: 50% 0;
		background-image: url(/sites/all/themes/iflexion/images/bg-cards-ruby-2.png);
		position: relative;
		float: left
	}
	.cards--ruby-2 .cards-row:after,
	.cards--ruby-2 .cards-row:before {
		content: '';
		display: block;
		position: absolute;
		background-repeat: no-repeat
	}
	.cards--ruby-2 .cards-row:before {
		width: 100%;
		height: 155px;
		top: 100%;
		background-size: 100% 100%;
		background-position: 50% 100%;
		background-image: url(/sites/all/themes/iflexion/images/bg-cards-ruby-2-shadow-b.png)
	}
	.cards--ruby-2 .cards-row:after {
		width: 200px;
		height: 100%;
		padding-top: 155px;
		box-sizing: content-box;
		bottom: -155px;
		right: 100%;
		background-position: 100% 100%;
		background-image: url(/sites/all/themes/iflexion/images/bg-cards-ruby-2-shadow-l.png)
	}
}

.cards--ruby-3 .heading-title h3 {
	margin-bottom: 0
}

.cards--ruby-3 .cards-name h4 {
	font-size: 1.6em
}

.cards--webappdev-3 {
	padding-bottom: 100px
}

.cards--webappdev-3 .cards-row {
	background: url(/sites/all/themes/iflexion/images/bg-cards-webappdev-3.png) #d6d6d6;
	background: linear-gradient(135deg, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .1) 100%), url(/sites/all/themes/iflexion/images/bg-cards-webappdev-3.png), #d6d6d6;
	border: 3px solid;
	border-color: #eee #aaa #aaa #eee;
	margin: 0 5px
}

.cards--webappdev-3 .cards-item {
	margin: 5px -10px;
	border: 1px solid;
	border-color: #777 #eee #eee #777;
	border-radius: 5px;
	text-align: left;
	background: linear-gradient(135deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .5) 40%, rgba(0, 0, 0, .2) 100%)
}

.cards--webappdev-3 .cards-wrapper {
	border: 2px solid;
	border-color: #eee #777 #777 #eee;
	border-radius: 5px;
	padding: 40px;
	height: 100%;
	background: url(/sites/all/themes/iflexion/images/bg-cards-webappdev-3-keyhole.png) 95% 50% no-repeat
}

.cards--webappdev-3 .cards-wrapper ul li {
	margin-bottom: .5em;
	padding-left: 20px
}

.cards--webappdev-3 .cards-wrapper ul li:before {
	left: 0
}

@media (max-width:1030px) {
	.cards--webappdev-3 .cards-item {
		width: auto
	}
}

.cards--support-2 {
	padding-top: 21px;
	padding-bottom: 62px
}

.cards--support-2 .heading-description {
	max-width: 966px;
	margin-top: 19px;
	margin-left: auto;
	margin-right: auto
}

.cards--support-2 .heading-description p {
	line-height: 30px
}

.cards--support-2 .cards-wrapper {
	padding-bottom: 24px!important
}

@media (max-width:1029px) {
	.cards--support-2 {
		padding-top: 0
	}
}

.cards--support-2 h4 {
	font-size: 30px;
	line-height: 35px
}

.cards--support-3 {
	padding-top: 104px;
	padding-bottom: 145px
}

@media (max-width:1029px) {
	.cards--support-3 {
		padding-bottom: 100px
	}
}

@media (max-width:767px) {
	.cards--support-3 {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

.cards--support-3 .cards-item ul li+li {
	margin-top: 7px
}

.cards--support-3 .cards-addon {
	position: relative;
	text-align: center;
	border-top: 2px solid #0cf;
	padding: 50px 0 0;
	margin-top: 50px
}

.cards--support-3 .cards-addon:after {
	content: '';
	display: block;
	position: absolute;
	width: 21px;
	height: 20px;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfFJREFUeNqklMsrRHEUx+94bZVHxmuBxkheYYVEFiI7JrsRsp6wIH+Ax2LI3nsn2WEnJtl4hSIm72SSR83SeIzv4fvTbcYdhlOfzv3dOb8z556XSdvyawaSDZpBPZ/jwCNwgyUwy+cgMX3jNAEMATuI0ozlBcyAHnCv/yEiwDAfbIA28AbGQR1I/AjgU8t5jL+30T7fKFILWOfFVdABTkJEmkXnVeAOVKh0qEgjmSNxuABq6TAPTIEr8EQ9xchOabfAe7P08xVpK5gAZ6AYeIEDOJVhgLyCbjAKYsEOyATt4kdF2k3dR4c2MGLgUH3ZCO28vCfSpSK1MBcekAaiGXGK9rPInQzwDK5BMrBKpOU0cLGi1b90qNFJDe+5+K5MnJp5uKTO1cKTHOoLarM49fEQrf1PYqh94vSGh3TqwzCdHVGnqjxLoWSujwMKdc58/blQUvkDvrCxyaVH/b9w6qB9E+/LV7pVnw5T97OZ50Anm1wzaP5O2on9AN879RMlzbwNCjl2jSxgAQdD2iYJ3IJlXt5nceZBA9gDJfKH+oViBWu6hdLOITCSTG4xtVAqVdEC92kRWGTz+7gvJZJN8ADiQSlzaGekHi7y3VBLWiIdBC0hZl/ldRr0MtKQm1+fjlaOrZUF8bL9VsAkn4PkXYABAOA6iPfoBY38AAAAAElFTkSuQmCC) #fff
}

.cards--support-3 .cards-addon h4 {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	font-weight: 300;
	font-size: 30px;
	text-transform: uppercase;
	border-top: 1px solid #ebebeb
}

.cards--support-3 .cards-addon h4:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 50px;
	border-right: 1px solid #ebebeb;
	bottom: 100%;
	left: 50%
}

.cards--support-4 {
	padding-top: 78px
}

@media (max-width:1030px) {
	.cards--support-3 .cards-item .cards-name:after {
		display: none
	}
	.cards.cards--support-3 .cards-item .cards-name h4:before {
		font-size: 2em;
		font-weight: 600;
		color: #ebebeb
	}
	.cards--support-3 .cards-item--1 .cards-name h4:before {
		content: '01'
	}
	.cards--support-3 .cards-item--2 .cards-name h4:before {
		content: '02'
	}
	.cards--support-3 .cards-item--3 .cards-name h4:before {
		content: '03'
	}
}

.cards--support-4 .cards-icon .icon {
	width: 120px;
	height: 100px;
	max-height: none;
	opacity: .3
}

.cards--support-4 .cards-name h4 {
	font-weight: 400;
	font-size: 100px;
	letter-spacing: -5px;
	line-height: normal
}

.cards--support-4 .cards-text {
	text-align: left
}

@media (max-width:767px) {
	.cards--support-4 {
		padding-top: 50px
	}
	.cards--support-3 {
		padding-bottom: 50px
	}
}

@media (min-width:760px) {
	.cards--support-4 .cards-icon {
		position: absolute;
		left: 50px;
		top: 0
	}
	.cards--support-4 .cards-name {
		position: absolute;
		left: 35px;
		top: 30px;
		width: 200px;
		text-align: right
	}
	.cards--support-4 .cards-text {
		margin: 0 4% 0 250px;
		text-align: left
	}
}

.cards--page-methodology .heading-title h3,
.cards--page-quality-management .heading-title h3 {
	margin-bottom: 68px
}

.cards--page-methodology {
	padding-bottom: 285px;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 1%, #f0f0f0 100%);
	background: -webkit-linear-gradient(top, #fff 1%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 1%, #f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0)
}

.cards--page-methodology:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-image: url(/sites/all/themes/iflexion/images/bg-cards-methodology.jpg)
}

.cards--page-engagement-models {
	padding-top: 30px
}

.cards--page-quality-management .cards-icon {
	line-height: 0
}

.cards--page-quality-management-1 {
	padding-bottom: 0;
	background-color: #FFF
}

.cards--page-quality-management-1 .cards-item {
	min-height: 165px;
	padding-top: 8px;
	padding-left: 90px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/sites/all/themes/iflexion/images/ico-cards--page-quality-management@1x.png);
	background-size: auto
}

.cards--page-quality-management-1 .cards-item:after {
	content: '';
	position: absolute;
	display: block;
	width: 48px;
	height: 48px;
	top: 7px;
	left: 7px;
	font-weight: 700;
	font-size: 25px;
	line-height: 48px;
	color: #FFF;
	text-align: center
}

.cards--page-quality-management-1 .cards-item--1:after {
	content: '01'
}

.cards--page-quality-management-1 .cards-item--2:after {
	content: '02'
}

.cards--page-quality-management-1 .cards-item--3:after {
	content: '03'
}

.cards--page-quality-management-1 .cards-item--4:after {
	content: '04'
}

.cards--page-quality-management-1 .cards-name h4 {
	font-size: 25px;
	line-height: 30px;
	color: #32c5d2
}

.cards--page-application-security {
	padding-top: 110px;
	padding-bottom: 118px
}

@media (max-width:1029px) {
	.cards--page-application-security {
		padding-bottom: 50px
	}
}

.cards--page-application-security .cards-icon {
	margin-bottom: 37px;
	line-height: 0
}

.cards--page-application-security .cards-name h4 {
	margin-bottom: 34px;
	font-size: 38px
}

@media (max-width:767px) {
	.cards--page-application-security {
		padding-top: 50px
	}
	.cards--page-application-security .cards-name h4 {
		font-size: 26px;
		line-height: 30px
	}
}

.cards--page-application-security .cards-text p {
	font-size: 17px;
	line-height: 27px
}

.cards--page-application-security .cards-wrapper {
	width: 90%
}

.cards--page-application-security-1 {
	padding-bottom: 170px;
	color: #FFF;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-image: url(/sites/all/themes/iflexion/images/bg-cards--page-application-security-1.jpg);
	background-size: cover;
	overflow: hidden
}

.cards--page-application-security-1 .cards-item {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px
}

@media (max-width:1029px) {
	.cards--page-application-security-1 .cards-item {
		width: 100%
	}
}

.cards--page-application-security-1 .cards-item--1 {
	z-index: 4
}

.cards--page-application-security-1 .cards-item--2 {
	z-index: 3
}

.cards--page-application-security-1 .cards-item--3 {
	z-index: 2
}

.cards--page-application-security-1 .cards-item:after {
	content: '';
	position: absolute;
	display: block;
	width: 350px;
	height: 350px;
	top: 74px;
	left: 50%;
	margin-left: -175px;
	background-color: #000;
	transform: rotate(45deg)
}

.cards--page-application-security-1 .cards-item--1:after {
	background: #0cf;
	background: rgba(0, 204, 255, .9)
}

.cards--page-application-security-1 .cards-item--2:after {
	background: #255ccc;
	background: rgba(37, 92, 204, .9)
}

.cards--page-application-security-1 .cards-item--3:after {
	background: #32c5d2;
	background: rgba(81, 195, 54, .9)
}

.cards--page-application-security-1 .cards-item:before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 2px;
	left: 50%;
	margin-left: -102px;
	border-style: solid;
	border-width: 51px 51px 0;
	border-color: #000 transparent transparent
}

.cards--page-application-security-1 .cards-item--1:before {
	border-color: #0cf transparent transparent;
	opacity: .8
}

.cards--page-application-security-1 .cards-item--2:before {
	border-color: #255ccc transparent transparent;
	opacity: .8
}

.cards--page-application-security-1 .cards-item--3:before {
	border-color: #32c5d2 transparent transparent;
	opacity: .8
}

.cards--page-application-security-1 .cards-wrapper {
	position: relative;
	padding-left: 80px;
	padding-right: 80px;
	z-index: 2
}

.cards--page-application-security-1 .heading-title h3 {
	margin-bottom: 76px
}

.cards--page-application-security-1 .cards-icon {
	line-height: 0
}

.cards--page-application-security-1 .cards-name h4 {
	font-size: 35px;
	line-height: 35px;
	color: #FFF;
	text-transform: none
}

.cards--page-application-security-1 .cards-text p {
	color: #FFF
}

@media (max-width:1440px) {
	.cards--page-application-security-1 .cards-wrapper {
		padding-left: 40px;
		padding-right: 40px
	}
}

@media (max-width:1200px) {
	.cards--page-application-security-1 .cards-wrapper {
		padding-left: 40px;
		padding-right: 40px
	}
	.cards--page-application-security-1 .cards-item {
		padding-top: 80px
	}
	.cards-icon .icon,
	.cards-icon svg {
		height: 80px
	}
	.cards--page-application-security-1 .cards-item:after {
		width: 300px;
		height: 300px;
		margin-left: -150px
	}
	.cards--page-application-security-1 .cards-item:before {
		top: 12px;
		margin-left: -102px
	}
}

@media (max-width:1030px) {
	.cards--page-application-security-1 .cards-wrapper {
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 160px
	}
}

@media (max-width:767px) {
	.cards--page-application-security-1 {
		padding-bottom: 50px
	}
	.cards--page-application-security-1 .cards-wrapper {
		margin-bottom: 115px
	}
}

.cards--page-application-security-2 .cards-item {
	padding-top: 28px;
	padding-bottom: 80px
}

.cards--page-application-security-2 .cards-item:before {
	content: '';
	position: absolute;
	display: block;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0
}

.cards--page-application-security-2 .cards-item:after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 80px;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-image: url(/sites/all/themes/iflexion/images/cards--page-application-security-2-bottom.png);
	background-size: cover
}

.cards--page-application-security-2 .cards-item--1 {
	background-color: #255ccc
}

.cards--page-application-security-2 .cards-item--1:before {
	background-color: #2762d9
}

.cards--page-application-security-2 .cards-item--2 {
	background-color: #32c5d2
}

.cards--page-application-security-2 .cards-item--2:before {
	background-color: #55cd39
}

.cards--page-application-security-2 .cards-item--3 {
	background-color: #0cf
}

.cards--page-application-security-2 .cards-item--3:before {
	background-color: #00d7ff
}

.cards--page-application-security-2 .cards-wrapper {
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	z-index: 2
}

.cards--page-application-security-2 .cards-name h4 {
	font-size: 35px;
	line-height: 35px;
	color: #FFF
}

.cards--page-application-security-2 .cards-text p {
	color: #FFF
}

.cards--page-application-security-2 .cards-icon {
	margin-bottom: 33px;
	line-height: 0
}

@media (max-width:1030px) {
	.cards--page-application-security-2 .cards-item {
		padding-bottom: 30px
	}
	.cards--page-application-security-2 .cards-item:after {
		display: none
	}
}

.cards--page-dedicated-development-teams {
	margin-top: -40px
}

@media (max-width:767px) {
	.cards--page-dedicated-development-teams {
		margin-top: 0
	}
}

.cards--page-dedicated-development-teams .cards-item {
	text-align: center
}

.cards--page-dedicated-development-teams-1 {
	padding-left: 30px;
	overflow: hidden
}

.cards--page-dedicated-development-teams-1 .heading-title h3 {
	margin-bottom: 62px
}

.cards--page-dedicated-development-teams-1 .cards-item {
	text-align: left
}

.cards--page-dedicated-development-teams-1 .cards-item--1 {
	padding-top: 158px
}

.cards--page-dedicated-development-teams-1 .cards-item--2 {
	padding-top: 80px
}

.cards--page-dedicated-development-teams-1 .cards-name h4 {
	position: relative;
	margin-bottom: 68px;
	font-weight: 400;
	font-size: 35px;
	line-height: 35px;
	text-transform: uppercase
}

.cards--page-dedicated-development-teams-1 .cards-name h4:after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 99px;
	bottom: -109px;
	left: -29px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(/sites/all/themes/iflexion/images/dedicated-development-teams-title-after.png);
	background-size: contain
}

.cards--page-dedicated-development-teams-1 .cards-name {
	position: relative
}

.cards--page-dedicated-development-teams-1 .cards-name:after {
	content: '';
	position: absolute;
	display: block;
	width: 110px;
	top: -10px;
	left: -141px;
	font-weight: 500;
	font-size: 106px;
	line-height: 106px;
	color: #000;
	opacity: .1
}

.cards--page-dedicated-development-teams-1 .cards-item--1 .cards-name:after {
	content: '01'
}

.cards--page-dedicated-development-teams-1 .cards-item--2 .cards-name:after {
	content: '02'
}

.cards--page-dedicated-development-teams-1 .cards-item--3 .cards-name:after {
	content: '03'
}

.cards--page-dedicated-development-teams-1 ul li {
	line-height: 22px
}

.cards--page-dedicated-development-teams-1 ul li:before {
	top: .5em
}

.cards--page-dedicated-development-teams-1 ul li+li {
	margin-top: 10px
}

@media (max-width:1030px) {
	.cards--page-dedicated-development-teams-1 {
		padding-left: 15px
	}
}

@media (max-width:1029px) {
	.cards--page-dedicated-development-teams-1 .cards-item {
		height: auto!important;
		padding-top: 0
	}
}

.cards--page-dedicated-development-teams-2 {
	padding-bottom: 80px
}

@media (max-width:767px) {
	.cards--page-dedicated-development-teams-2 {
		padding-bottom: 50px
	}
}

.cards--page-dedicated-development-teams-2 .cards-item .cards-wrapper {
	text-align: center
}

.cards--page-dedicated-development-teams-2 .heading+.cards-row {
	margin-top: 18px
}

.cards--page-dedicated-development-teams-2 .cards-icon .icon {
	max-height: 160px
}

.cards--page-dedicated-development-teams-2 .cards-name h4 {
	text-transform: none
}

.cards--page-content-and-document-management {
	padding-top: 74px;
	padding-bottom: 0;
	background-color: #FFF
}

.cards--page-content-and-document-management .cards-row {
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-image: url(/sites/all/themes/iflexion/images/cards-content-and-document-management.jpg);
	background-size: cover
}

.cards--page-content-and-document-management .col-md-3+.col-md-3 {
	border-left: 1px solid rgba(255, 255, 255, .2)
}

.cards--page-content-and-document-management .cards-item {
	background-color: transparent
}

.cards--page-content-and-document-management .cards-item .cards-icon {
	width: 160px;
	height: 160px;
	line-height: 160px;
	background-color: #00529c;
	margin-bottom: 36px
}

.cards--page-content-and-document-management .cards-item:hover {
	background-color: #f4f9fd
}

.cards--page-content-and-document-management .cards-item:hover,
.cards--page-content-and-document-management .cards-item:hover .cards-name h4,
.cards--page-content-and-document-management .cards-item:hover .cards-text p {
	color: #234;
	text-shadow: 0 0 0
}

.cards--page-content-and-document-management .cards-name h4 {
	font-size: 25px;
	line-height: 30px
}

.cards--page-content-and-document-management .cards-item .cards-icon svg {
	height: 64px
}

.cards--page-content-and-document-management-1 {
	padding-bottom: 76px
}

.cards--page-requirements-engineering {
	padding-bottom: 84px
}

.cards--page-requirements-engineering .cards-name h4 {
	font-size: 30px
}

@media (max-width:1029px) {
	.cards--page-requirements-engineering {
		padding-bottom: 50px
	}
}

@media (max-width:767px) {
	.cards--page-requirements-engineering .cards-name h4 {
		font-size: 26px;
		line-height: 30px
	}
}

.cards--page-requirements-engineering-1 {
	padding-bottom: 66px
}

.cards--page-requirements-engineering-1 .heading-description {
	margin-bottom: 100px!important
}

.cards--page-requirements-engineering-1 .cards-row {
	margin-top: 0!important
}

.cards--page-requirements-engineering-1 .cards-item {
	position: relative;
	margin-bottom: 0;
	text-align: left;
	overflow: hidden
}

.cards--page-requirements-engineering-1 .cards-wrapper {
	position: relative;
	max-width: 300px;
	padding-bottom: 58px
}

.cards--page-requirements-engineering-1 .cards-wrapper:after {
	content: '';
	position: absolute;
	display: block;
	width: 1px;
	height: 1000px;
	top: 33px;
	left: 2px;
	background-color: #dcdcdc
}

.cards--page-requirements-engineering-1 .cards-row+.cards-row .cards-wrapper:after {
	display: none
}

.cards--page-requirements-engineering-1 .cards-item--1 {
	padding-left: 6%
}

.cards--page-requirements-engineering-1 .cards-item--2 {
	padding-left: 18%
}

.cards--page-requirements-engineering-1 .cards-item--3 {
	padding-left: 31%
}

.cards--page-requirements-engineering-1 .cards-item--4 {
	padding-left: 13%
}

.cards--page-requirements-engineering-1 .cards-item--5 {
	padding-left: 25%
}

.cards--page-requirements-engineering-1 .cards-item--6 {
	padding-left: 38%
}

.cards--page-requirements-engineering-1 .cards-item--4 .cards-wrapper:after,
.cards--page-requirements-engineering-1 .cards-item--5 .cards-wrapper:after,
.cards--page-requirements-engineering-1 .cards-item--6 .cards-wrapper:after {
	bottom: 100%;
	top: auto;
	left: auto;
	right: 10px;
	margin-bottom: 9px
}

.cards--page-requirements-engineering-1 .cards-name h4 {
	position: static;
	font-weight: 500;
	font-size: 25px;
	line-height: 25px
}

.cards--page-requirements-engineering-1 .cards-row+.cards-row .cards-name,
.cards--page-requirements-engineering-1 .cards-row+.cards-row .cards-wrapper {
	position: static
}

.cards--page-requirements-engineering-1 .cards-row+.cards-row .cards-name h4 {
	position: static;
	display: inline-block
}

.cards--page-requirements-engineering-1 .title--with-bullet h4:before {
	position: absolute;
	bottom: 0;
	margin-left: -7px;
	margin-right: 0;
	z-index: 2
}

.cards--page-requirements-engineering-1 .cards-row+.cards-row .title--with-bullet h4:before {
	margin-top: 0;
	bottom: auto;
	top: 0
}

.cards--page-requirements-engineering-1 .cards-row+.cards-row .cards-name h4:after {
	content: '';
	position: absolute;
	display: block;
	width: 1px;
	height: 1000px;
	bottom: 20px;
	right: -20px;
	background-color: #dcdcdc
}

.cards--page-requirements-engineering-1 .cards-text {
	padding-left: 10px
}

.cards--page-requirements-engineering-1 .cards-row {
	position: relative;
	padding-bottom: 17px;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-image: url(/sites/all/themes/iflexion/images/cards-requirements-engineering-path.png);
	z-index: 1
}

.cards--page-requirements-engineering-1 .cards-row+.cards-row {
	margin-top: 0;
	top: -38px;
	background: 0 0;
	z-index: 2
}

.cards--page-requirements-engineering-1 .cards-row+.cards-row .cards-item {
	position: relative;
	padding-top: 76px
}

.cards--page-requirements-engineering-1 .cards-row+.cards-row .cards-wrapper {
	padding-bottom: 0
}

.cards--page-requirements-engineering-1 .cards-item--4 h4:before,
.cards--page-requirements-engineering-1 .cards-item--5 h4:before,
.cards--page-requirements-engineering-1 .cards-item--6 h4:before {
	position: absolute;
	bottom: 100%;
	margin-bottom: 56px;
	right: auto;
	margin-right: 0;
	z-index: 2
}

.cards--page-requirements-engineering-1 .cards-item--4 h4:before {
	left: 65%
}

.cards--page-requirements-engineering-1 .cards-item--5 h4:before {
	left: 78%
}

.cards--page-requirements-engineering-1 .cards-item--6 h4:before {
	left: 92%
}

.cards--page-requirements-engineering-1 .cards-item--4 h4:after,
.cards--page-requirements-engineering-1 .cards-item--5 h4:after,
.cards--page-requirements-engineering-1 .cards-item--6 h4:after {
	position: absolute;
	height: 60px!important;
	top: 0;
	bottom: auto;
	right: auto;
	z-index: 1
}

.cards--page-requirements-engineering-1 .cards-item--4 h4:after {
	left: 65%;
	margin-left: 3px
}

.cards--page-requirements-engineering-1 .cards-item--5 h4:after {
	left: 78%;
	margin-left: 3px
}

.cards--page-requirements-engineering-1 .cards-item--6 h4:after {
	left: 92%;
	margin-left: 3px
}

.cards--page-requirements-engineering-1 .cards-item ul li {
	margin-bottom: 11px;
	font-size: 15px;
	line-height: 25px
}

@media (max-width:1030px) {
	.cards--page-requirements-engineering-1 {
		padding-bottom: 0
	}
	.cards--page-requirements-engineering-1 .cards-row {
		background: 0 0
	}
	.cards--page-requirements-engineering-1 .cards-item .cards-wrapper:after,
	.cards--page-requirements-engineering-1 .cards-item h4:before,
	.cards--page-requirements-engineering-1 .cards-row+.cards-row .cards-name h4:after {
		display: none
	}
	.cards--page-requirements-engineering-1 .cards-row+.cards-row .cards-item {
		padding-top: 0;
		padding-bottom: 90px
	}
}

@media (max-width:1029px) {
	.cards--page-requirements-engineering-1,
	.cards--page-requirements-engineering-1 .cards-row+.cards-row .cards-wrapper,
	.cards--page-requirements-engineering-1 .cards-wrapper {
		padding-bottom: 50px
	}
	.cards--page-requirements-engineering-1 .cards-row .cards-item {
		height: auto!important
	}
	.cards--page-requirements-engineering-1 .cards-item ul li:last-child {
		margin-bottom: 0
	}
	.cards--page-requirements-engineering-1 .cards-row+.cards-row .cards-item {
		padding-top: 0;
		padding-bottom: 0
	}
	.cards--page-requirements-engineering-1 .cards-row {
		padding-bottom: 0
	}
	.cards--page-requirements-engineering-1 .cards-row+.cards-row {
		top: auto
	}
}

.cards--page-bigdata {
	padding-top: 55px
}

@media (max-width:767px) {
	.cards--page-requirements-engineering-1,
	.cards--page-requirements-engineering-1 .cards-row+.cards-row .cards-wrapper,
	.cards--page-requirements-engineering-1 .cards-wrapper {
		padding-bottom: 30px
	}
	.cards--page-requirements-engineering-1 .col-lg-4 {
		width: 100%!important
	}
	.cards--page-bigdata {
		padding-top: 0
	}
}

.cards--page-bigdata .heading-description {
	max-width: 982px;
	margin-left: auto;
	margin-right: auto
}

.cards--page-bigdata .heading-description p {
	font-size: 25px;
	line-height: 40px
}

.cards--page-bigdata .heading~.cards-row,
.cards--page-bigdata .heading~.row {
	margin-top: 60px
}

.cards--page-bigdata .cards-name h4 {
	margin-bottom: 23px
}

.cards--page-bigdata .row+.row {
	margin-top: 0
}

.cards--page-bigdata .cards-item {
	margin-bottom: 26px!important
}

.cards--page-omnichannel-ecommerce {
	padding-top: 109px;
	padding-bottom: 83px
}

.cards--page-omnichannel-ecommerce .heading-description {
	margin-bottom: 92px
}

.cards--page-omnichannel-ecommerce .heading-description p {
	font-size: 17px;
	line-height: 28px
}

.cards--page-omnichannel-ecommerce .heading~.cards-row,
.cards--page-omnichannel-ecommerce .heading~.row {
	margin-top: 90px
}

.cards--page-omnichannel-ecommerce .cards-name h4 {
	font-weight: 400;
	font-size: 25px;
	line-height: 28px
}

.cards--page-omnichannel-ecommerce .cards-wrapper {
	padding-bottom: 32px!important
}

.cards--page-omnichannel-ecommerce-1 {
	padding-top: 100px;
	padding-bottom: 62px
}

.cards--page-omnichannel-ecommerce-1 .heading-title h3 {
	font-size: 52px;
	line-height: 60px
}

@media (max-width:767px) {
	.cards--page-omnichannel-ecommerce-1 .heading-title h3 {
		font-size: 32px;
		line-height: 39px
	}
}

.cards--page-omnichannel-ecommerce-1 .heading-description {
	max-width: 980px;
	margin-top: 26px;
	margin-left: auto;
	margin-right: auto
}

.cards--page-omnichannel-ecommerce-1 .heading-description p {
	font-size: 19px;
	line-height: 30px
}

.cards--page-omnichannel-ecommerce-1 .heading~.container-fluid .cards-row {
	margin-top: 55px
}

.cards--page-omnichannel-ecommerce-1 .cards-item {
	margin-bottom: 79px
}

.cards--page-omnichannel-ecommerce-1 .cards-name h4 {
	font-size: 30px
}

.cards--page-omnichannel-ecommerce-1 .cards-text p {
	line-height: 25px
}

@media (max-width:1029px) {
	.cards--page-omnichannel-ecommerce,
	.cards--page-omnichannel-ecommerce-1 {
		padding-top: 100px;
		padding-bottom: 50px
	}
}

@media (max-width:767px) {
	.cards--page-omnichannel-ecommerce,
	.cards--page-omnichannel-ecommerce-1 {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

.cards--mobile-1 {
	padding-top: 140px;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: -15% 45%, 50% 0, 50% 50%, 100% 50%, 50% 50%;
	background-size: auto, auto, auto, auto, cover;
	background-image: url(/sites/all/themes/iflexion/images/bg-cards-tablet.png), url(/sites/all/themes/iflexion/images/cards-bg-tree.png), url(/sites/all/themes/iflexion/images/cards-bg-ipad.png), url(/sites/all/themes/iflexion/images/bg-cards-phones.png), url(/sites/all/themes/iflexion/images/bg-cards-mobile-1.jpg)
}

.cards--mobile-1 .cards-row {
	padding-bottom: 50px
}

.cards--mobile-1 .cards-name h4 {
	position: relative;
	margin-bottom: 70px;
	font-size: 52px;
	line-height: 55px
}

.cards--mobile-1 .cards-name h4:after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	left: 0;
	bottom: -34px;
	background-color: #000
}

.cards--mobile-1 .cards-item-1 .cards-name h4:after {
	background-color: #32c5d2
}

.cards--mobile-1 .cards-item-2 .cards-name h4:after {
	background-color: #0cf
}

.cards--mobile-1 .cards-text p {
	font-size: 19px;
	line-height: 35px
}

.cards--mobile-1 .iconSlider {
	padding-top: 35px;
	padding-bottom: 66px;
	border-top: 1px solid #dfdedb;
	background-color: transparent
}

@media (max-width:1700px) {
	.cards--mobile-1 {
		background-position: -25% 45%, 50% 0, 50% 50%, 100% 50%, 50% 50%
	}
}

@media (max-width:1500px) {
	.cards--mobile-1 {
		background-position: -9999px 45%, 50% 0, 50% 50%, -9999px 50%, 50% 50%
	}
}

@media (max-width:1200px) {
	.cards--page-requirements-engineering-1 .cards-item--1,
	.cards--page-requirements-engineering-1 .cards-item--2,
	.cards--page-requirements-engineering-1 .cards-item--3,
	.cards--page-requirements-engineering-1 .cards-item--4,
	.cards--page-requirements-engineering-1 .cards-item--5,
	.cards--page-requirements-engineering-1 .cards-item--6 {
		padding-left: 10px
	}
	.cards--mobile-1 {
		background-position: -9999px 45%, -9999px 0, -9999px 50%, -9999px 50%, 50% 50%
	}
}

@media (max-width:1029px) {
	.cards--mobile-1 {
		padding-top: 100px;
		padding-bottom: 100px
	}
	.cards--mobile-1 .cards-item-1 {
		margin-bottom: 60px
	}
}

@media (max-width:767px) {
	.cards--mobile-1 {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.cards--mobile-1 .cards-name h4 {
		font-size: 26px;
		line-height: 30px
	}
	.cards--mobile-1 .cards-text p {
		font-size: 16px;
		line-height: 25px
	}
}

.cards--mobile-2 {
	padding-top: 100px;
	padding-bottom: 150px;
	background-repeat: no-repeat;
	background-position: 50% 173%;
	background-image: url(/sites/all/themes/iflexion/images/cards-bg-chairs.jpg)
}

.cards--mobile-2 .cards-item {
	display: block;
	height: 350px;
	line-height: 350px;
	background: #f9f9f9;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
	text-align: center
}

.cards--mobile-2 .cards-item-link-image {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background-size: cover;
	background-position: 50% 50%;
	-moz-filter: url('data:image/svg+xml;utf8,<svg xmlns=\http://www.w3.org/2000/svg\><filter id=\grayscale\><feColorMatrix type=\matrix\ values=\0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\/></filter></svg>#grayscale');
	-o-filter: url('data:image/svg+xml;utf8,<svg xmlns=\http://www.w3.org/2000/svg\><filter id=\grayscale\><feColorMatrix type=\matrix\ values=\0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\/></filter></svg>#grayscale');
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: url('data:image/svg+xml;utf8,<svg xmlns=\http://www.w3.org/2000/svg\><filter id=\grayscale\><feColorMatrix type=\matrix\ values=\0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\/></filter></svg>#grayscale')
}

.info--ruby-1 .info-text,
.info--support-1 .col-sm-6 .info-text {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000', GradientType=0)
}

.cards--mobile-2 .cards-item:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-decoration: none;
	background: #f9f9f9;
	transition: all .2s ease;
	opacity: 1;
	z-index: 2
}

.cards--mobile-2 .cards-item:hover:before {
	opacity: .8;
	background: #0cf
}

.cards--mobile-2 .cards-icon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
	line-height: 140px;
	z-index: 10
}

.cards--mobile-2 .cards-icon svg {
	height: 140px;
	max-height: 140px
}

.cards--mobile-3 .cards-name h4 {
	font-size: 35px;
	text-transform: capitalize
}

@media (max-width:767px) {
	.cards--mobile-2 {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.cards--mobile-2 .cards-item {
		height: 250px;
		line-height: 250px
	}
	.cards--mobile-3 .cards-name h4 {
		font-size: 26px;
		line-height: 30px
	}
}

.cards--qa {
	padding-top: 10px!important
}

.cards--qa .heading~.cards-row,
.cards--qa .heading~.row {
	margin-top: 65px
}

@media (max-width:1029px) {
	.cards--mobile-2 {
		padding-bottom: 50px
	}
	.cards--qa {
		padding-top: 0!important
	}
}

.cards--page-main-1 {
	padding-bottom: 50px
}

.cards--page-main-1 .cards-item {
	display: block;
	background: #fcfcfc;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .15);
	text-align: center;
	overflow: hidden;
	transform: translateZ(0)
}

.cards--page-main-1 .cards-wrapper {
	padding: 76px 20px 80px
}

.cards--page-main-1 .cards-item-link-image {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background-size: cover;
	background-position: 50% 50%;
	transition: all .6s ease
}

.cards--page-main-1 .cards-item:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: #fcfcfc;
	outline: #fcfcfc solid 1px;
	transition: all .4s ease;
	opacity: 1;
	z-index: 2
}

.cards--page-main-1 .cards-item:hover:before {
	opacity: .9;
	background: #0cf;
	outline: #0cf solid 1px
}

.cards--page-main-1 .cards-icon {
	line-height: 60px
}

.cards--page-main-1 .cards-icon .icon,
.cards--page-main-1 .cards-icon svg {
	height: 60px;
	max-height: 60px
}

.cards--page-main-1 .cards-icon,
.cards--page-main-1 .cards-name,
.cards--page-main-1 .cards-text {
	position: relative;
	color: #234;
	z-index: 5
}

.cards--page-main-1 .cards-name h4 {
	font-size: 30px;
	line-height: 40px
}

.cards--page-main-1 .cards-icon svg path,
.cards--page-main-1 .cards-name,
.cards--page-main-1 .cards-text {
	transition: all .4s ease
}

.cards--page-main-1 .cards-item:hover .cards-name,
.cards--page-main-1 .cards-item:hover .cards-text {
	color: #FFF
}

.cards--page-main-1 .cards-item:hover .cards-item-link-image {
	transform: scale(1.1)
}

@media (max-width:1029px) {
	.cards--page-main-1 .cards-wrapper {
		padding-top: 38px;
		padding-bottom: 40px
	}
}

@media (max-width:767px) {
	.cards--page-main-1 {
		padding-bottom: 50px
	}
	.cards--page-main-1 .cards-item {
		margin-bottom: 10px
	}
}

.cards--page-main-2 {
	padding-bottom: 100px;
	overflow: hidden
}

.cards--page-main-2 .row {
	position: relative;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: 30px;
	padding-top: 0!important;
	background-color: #f9f9f9;
	overflow: hidden
}

.cards--page-main-border .row {
	margin-left: -18px;
	margin-right: -18px
}

.cards--page-main-2 .row-background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	opacity: 0;
	transform: scale(1.2);
	transition: opacity .8s ease, transform 1s linear .8s
}

.cards--page-main-2 .row-background.active {
	transition: opacity .8s ease, transform 10s linear 0s;
	opacity: 1;
	transform: scale(1) rotate(.02deg)
}

.cards--page-main-2 .column {
	position: relative;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0;
	z-index: 3;
	background: 0 0
}

.cards--page-main-2 .cards-item {
	position: relative;
	display: block;
	margin-bottom: 0;
	text-align: center;
	background: 0 0;
	overflow: hidden;
	transition: all .2s ease;
	transform: translateZ(0)
}

.cards--page-main-border .cards-item {
	border-top: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	border-left: 3px solid #FFF;
	border-right: 3px solid #FFF
}

.cards--page-main-2 .cards-item.inactive:before {
	opacity: 0
}

.cards--page-main-2 .cards-item.active:before {
	opacity: 1
}

.cards--page-main-2 .cards-wrapper {
	padding: 76px 20px 80px;
	width: 100%
}

.cards--page-main-2 .cards-item-link-image {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background-size: cover;
	background-position: 50% 50%;
	opacity: 1;
	transition: all .8s ease
}

.cards--page-main-2 .cards-item.inactive .cards-item-link-image {
	opacity: 0
}

.cards--page-main-2 .cards-item.active .cards-item-link-image {
	opacity: 1;
	transform: scale(1.1)
}

.cards--page-main-2 .cards-item:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-decoration: none;
	background: rgba(34, 51, 68, .25);
	transition: all .4s ease;
	opacity: 1;
	z-index: 2
}

.cards--page-main-2 .cards-icon {
	line-height: 60px;
	opacity: 0;
	transition: all .4s ease
}

.cards--page-main-2 .cards-text {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	opacity: 0
}

.cards--page-main-2 .cards-icon .icon,
.cards--page-main-2 .cards-icon svg {
	height: 60px;
	max-height: 60px
}

.cards--page-xamarinCode svg,
.cards--page-xamarinIntegration svg {
	max-height: 1000px
}

.cards--page-main-2 .cards-icon,
.cards--page-main-2 .cards-name,
.cards--page-main-2 .cards-text {
	position: relative;
	color: #234;
	z-index: 5
}

.cards--page-main-2 .cards-item:hover .cards-name,
.cards--page-main-2 .cards-item:hover .cards-text,
.cards--page-main-2 .cards-name,
.cards--page-main-2 .cards-text {
	color: #FFF
}

.cards--page-main-2 .cards-name h4 {
	font-weight: 500;
	font-size: 30px;
	line-height: 40px;
	transition: all .4s ease
}

.cards--page-main-2 .cards-icon svg path,
.cards--page-main-2 .cards-name,
.cards--page-main-2 .cards-text {
	transition: all .4s ease
}

.cards--page-main-2 .cards-item.active .cards-icon,
.cards--page-main-2 .cards-item.active .cards-text {
	opacity: 1
}

.cards--page-main-2 .cards-item.inactive .cards-name h4 {
	opacity: .4
}

.cards--page-main-2 .cards-item.active .cards-name h4 {
	opacity: 1
}

@media (max-width:1200px) {
	.cards--page-main-2 .cards-wrapper {
		padding-top: 30px;
		padding-bottom: 30px
	}
}

@media (min-width:1031px) {
	.cards--page-main-2 .column {
		transform: translateZ(0)
	}
}

@media (max-width:1030px) {
	.cards--page-main-2 .row-background {
		display: none
	}
	.cards--page-main-2 .column {
		margin-bottom: -1px
	}
	.cards--page-main-2 .row:hover .cards-item-link-image {
		opacity: 1
	}
	.cards--page-main-2 .cards-item:hover .cards-item-link-image {
		transform: scale(1)
	}
	.cards--page-main-2 .row-background.active {
		opacity: 0;
		transform: scale(1.2)
	}
	.cards--page-main-2 .cards-icon,
	.cards--page-main-2 .cards-text {
		opacity: 1
	}
}

@media (max-width:767px) {
	.cards--page-main-2 {
		padding-bottom: 50px
	}
}

.cards--page-xamarin {
	background-image: none;
	padding-top: 65px;
	padding-bottom: 60px
}

.cards--page-xamarin .heading-description {
	margin-top: 0
}

.cards--page-xamarin .heading+.cards-row {
	margin-top: 56px
}

.cards--page-xamarin .cards-row {
	position: relative
}

.cards--page-xamarin .cards-row:after {
	content: 'vs.';
	position: absolute;
	top: 25px;
	left: 50%;
	color: #000;
	transform: translate(-50%, 0);
	font-weight: 300;
	font-size: 30px;
	line-height: 1em;
	color: rgba(34, 51, 68, .4)
}

.cards--page-xamarin .cards-item {
	margin-left: 40px;
	margin-right: 40px
}

.cards--page-xamarin .cards-item--1 {
	margin-left: 16px;
	position: relative
}

.cards--page-xamarin .cards-item--2 {
	margin-right: 16px
}

.cards--page-xamarin .cards-name {
	padding: 30px 50px 8px
}

.cards--page-xamarin .cards-item--1 .cards-name {
	background: #3498db
}

.cards--page-xamarin .cards-item--2 .cards-name {
	background: #77d065
}

.cards--page-xamarin .cards-text hr {
	margin: 30px 20px;
	border: none;
	height: 1px;
	background-color: #ebebeb
}

.cards--page-xamarin .cards-text ul li {
	margin-bottom: 10px
}

.cards--page-xamarin .lists--checkmarks--green ul li:before {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTUgMTEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1IDExIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNzdEMDY1IiBkPSJNNS42MDksMTAuOTg2TDUuNjA3LDEwLjk5TDAsNS41MTJsMS44NjktMS44MjdsMy43NDQsMy42Ng0KCUwxMy4xMjUsMEwxNSwxLjgzNUw1LjYyNCwxMUw1LjYwOSwxMC45ODZ6Ii8+DQo8L3N2Zz4NCg==)!important
}

.cards--page-xamarin .lists--checkmarks--blue ul li:before {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTUgMTEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1IDExIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMzQ5OERCIiBkPSJNNS42MDksMTAuOTg2TDUuNjA3LDEwLjk5TDAsNS41MTJsMS44NjktMS44MjdsMy43NDQsMy42Ng0KCUwxMy4xMjUsMEwxNSwxLjgzNUw1LjYyNCwxMUw1LjYwOSwxMC45ODZ6Ii8+DQo8L3N2Zz4NCg==)!important
}

.cards--page-xamarin .cards-text--bottom ul li {
	font-weight: 300
}

.cards--page-xamarin .cards-text--bottom h3 {
	margin: 0 20px 5px;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 400
}

.cards--page-xamarin .lists--checkmarks--green h3 {
	color: #77d065
}

.cards--page-xamarin .lists--checkmarks--blue h3 {
	color: #3498db
}

@media (max-width:1030px) {
	.cards--page-xamarin .cards-item {
		margin-left: 0;
		margin-right: 0
	}
	.cards--page-xamarin .cards-row:after {
		display: none
	}
}

@media (max-width:767px) {
	.cards--page-xamarin .cards-name {
		padding: 30px 30px 8px
	}
	.cards--page-xamarin .cards-text ul li {
		padding-left: 20px
	}
	.cards--page-xamarin ul li:before {
		left: 0
	}
	.cards--page-xamarin .cards-text hr {
		margin: 30px 0
	}
	.cards--page-xamarin .cards-text--bottom h3 {
		margin: 0 0 5px
	}
	.cards--page-xamarin .cards-text--top {
		height: auto!important
	}
}

.cards--page-xamarinNative {
	background-image: url(/sites/all/themes/iflexion/images/bg-xamarin-native.jpg);
	background-repeat: no-repeat;
	padding-top: 84px!important;
	padding-bottom: 71px;
	background-size: cover
}

.cards--page-xamarinNative .heading-title h3 {
	color: #fff;
	font-size: 45px
}

.cards--page-xamarinNative .heading-description {
	margin-top: 13px
}

.cards--page-xamarinNative .heading-description p {
	color: #fff;
	line-height: 40px
}

.cards--page-xamarinNative .cards-name h4 {
	margin-bottom: 10px
}

.cards--page-xamarinNative .cards-text p {
	color: #fff;
	max-width: 290px;
	line-height: 24px
}

@media (max-width:1030px) {
	.cards--page-xamarinNative .cards-text p {
		max-width: 100%
	}
	.cards--page-xamarinNative .cards-item {
		margin-bottom: 100px
	}
}

@media (max-width:767px) {
	.cards--page-xamarinNative .heading-title h3 {
		font-size: 32px;
		line-height: 39px
	}
	.cards--page-xamarinNative {
		padding-top: 50px!important;
		padding-bottom: 100px
	}
	.cards--page-xamarinNative .heading-description p {
		line-height: 35px
	}
	.cards--page-xamarinNative .cards-item {
		margin-bottom: 100px
	}
}

@media (max-width:419px) {
	.cards--page-xamarinNative .cards-item {
		margin-bottom: 50px
	}
	.cards--page-xamarinNative {
		padding-top: 50px!important;
		padding-bottom: 50px
	}
}

.cards--page-xamarinCode .cards-row {
	margin-top: 50px!important
}

.cards--page-xamarinCode img,
.cards--page-xamarinCode svg {
	max-width: 1227px;
	display: block;
	margin: -35px auto 0
}

.cards--page-xamarinCode .cards-name h4 {
	font-size: 30px;
	line-height: 35px
}

@media (max-width:1030px) {
	.cards--page-xamarinCode img {
		margin: -35px 20px 0
	}
	.cards--page-xamarinCode svg {
		margin: -35px 0 0;
		padding: 0 20px
	}
}

.cards--page-xamarinLib {
	padding-top: 32px;
	padding-bottom: 85px
}

.cards--page-xamarinLib .heading-title h3 {
	text-transform: uppercase;
	font-size: 45px
}

.cards--page-xamarinLib .heading-description {
	margin-top: 14px
}

.cards--page-xamarinLib .heading-description p {
	line-height: 40px
}

@media (max-width:767px) {
	.cards--page-xamarinLib .heading-title h3 {
		font-size: 32px;
		line-height: 39px
	}
	.cards--page-xamarinLib {
		padding-bottom: 50px
	}
	.cards--page-xamarinLib .heading-description p {
		line-height: 35px
	}
}

.cards--page-xamarinIntegration .heading-description {
	margin-top: 22px
}

.cards--page-xamarinIntegration img,
.cards--page-xamarinIntegration svg {
	max-width: 1377px;
	margin: -15px auto 0;
	display: block
}

@media (max-width:1030px) {
	.cards--page-xamarinIntegration img {
		margin: -15px 20px 0
	}
	.cards--page-xamarinIntegration svg {
		margin: -15px 0 0;
		padding: 0 20px
	}
}

.cards--portfolio {
	padding-bottom: 0
}

.cards--portfolio .heading-title {
	margin-bottom: 28px
}

.cards--portfolio .heading-description {
	max-width: 1060px;
	margin-bottom: 78px
}

.cards--portfolio .column {
	padding: 0
}

.cards--portfolio .cards-item {
	display: block;
	margin: 0;
	padding-top: 250px;
	padding-bottom: 82px;
	overflow: hidden;
	transition: all .8s ease-in-out
}

.cards--portfolio .cards-item:hover {
	padding-top: 50px;
	transition: all .5s ease
}

.cards--portfolio .cards-wrapper {
	width: 100%
}

.cards--portfolio .cards-item-link-image {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background-size: cover;
	background-position: 50% 50%
}

.cards--portfolio .cards-item-link-image:after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .15);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 100%);
	transition: all .5s ease
}

.cards--portfolio .cards-icon,
.cards--portfolio .cards-name,
.cards--portfolio .cards-text {
	position: relative;
	z-index: 2;
	transition: all .8s ease-in-out
}

.cards--portfolio .cards-text {
	transition: opacity .4s ease-in-out, margin-top .8s ease-in-out;
	position: absolute;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	opacity: 0;
	padding-top: 250px
}

.cards--portfolio .cards-item:hover .cards-icon,
.cards--portfolio .cards-item:hover .cards-name,
.cards--portfolio .cards-item:hover .cards-text {
	transition: all .5s ease
}

.cards--portfolio .cards-icon {
	position: absolute;
	width: 100%;
	height: 180px;
	margin-bottom: 0;
	top: 0;
	line-height: 180px
}

.cards--portfolio .cards-icon .icon,
.cards--portfolio .cards-icon svg {
	width: 40%;
	height: auto
}

.cards--portfolio .cards-name {
	position: relative;
	padding-left: 10%;
	padding-right: 10%
}

.cards--portfolio .cards-name h4 {
	margin-bottom: 0;
	font-size: 25px;
	line-height: 30px;
	color: #FFF
}

.cards--portfolio .cards-text p {
	font-size: 15px;
	line-height: 28px;
	color: #FFF
}

.cards--portfolio .cards-item:hover .cards-icon {
	margin-top: -130px;
	opacity: 0
}

.cards--portfolio .cards-item:hover .cards-text {
	margin-top: -216px;
	opacity: 1
}

.cards--portfolio .tags {
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	bottom: 16px;
	z-index: 2
}

.cards--portfolio .tags-section {
	margin-right: 0
}

.cards--portfolio .tags-item {
	margin-left: 5px;
	margin-right: 5px;
	font-size: 15px;
	line-height: 25px;
	color: #000;
	background-color: #fdfdfc
}

@media (max-width:1440px) {
	.cards--portfolio .cards-name {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (min-width:1200px) {
	.cards--portfolio .cards-name h4 {
		height: auto!important
	}
}

@media (max-width:1199px) {
	.cards--portfolio .cards-item,
	.cards--portfolio .cards-item:hover {
		padding-top: 100px;
		padding-bottom: 10px
	}
	.cards--portfolio .cards-item .cards-icon,
	.cards--portfolio .cards-item:hover .cards-icon {
		height: 100px;
		line-height: 100px;
		margin-top: 0;
		opacity: 1
	}
	.cards--portfolio .cards-name h4 {
		margin-bottom: 40px
	}
	.cards--portfolio .cards-text {
		display: none;
		height: 0!important
	}
	.cards--portfolio .tags {
		position: relative;
		bottom: auto
	}
}

@media (max-width:1030px) {
	.cards--portfolio .column {
		margin-bottom: -1px
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2) {
	.cards--page-quality-management-1 .cards-item {
		background-image: url(/sites/all/themes/iflexion/images/ico-cards--page-quality-management@2x.png);
		background-size: 82px 165px
	}
}

.cards--with-borders .cards-item {
	margin-bottom: 40px;
	border: 1px solid #ebebeb
}

.cards--with-borders .cards-wrapper {
	position: relative;
	text-align: left;
	padding: 24px 31px 28px
}

.heading,
.heading-title h3,
.iconSlider .owl-item,
.iconSlider-item,
.iconSlider.slider--mobile,
.info-block,
.info-media,
.quote {
	text-align: center
}

.cards--with-top-borders .cards-item,
.cards-item.cards-item--with-top-border {
	border-top: 0
}

.cards .cards-item--with-top-border .cards-wrapper,
.cards.cards--with-top-borders .cards-wrapper {
	border-top: 6px solid #ebebeb;
	margin: 0 -1px
}

.cards--with-borders ul li+li {
	margin-top: 10px
}

.cards--with-borders .cards-item.border-color--green .cards-wrapper {
	border-color: #51c435
}

.cards--with-borders .cards-item.border-color--light-green .cards-wrapper {
	border-color: #77d065
}

.cards--with-borders .cards-item.border-color--yellow .cards-wrapper {
	border-color: #f1c40f
}

.cards--with-borders .cards-item.border-color--red .cards-wrapper {
	border-color: #e74c3c
}

.cards--with-borders .cards-item.border-color--light-blue .cards-wrapper {
	border-color: #3498db
}

.cards--with-borders .cards-item.border-color--dark-blue .cards-wrapper {
	border-color: #255ccc
}

.cards--with-borders .cards-item.border-color--blue .cards-wrapper {
	border-color: #0cf
}

.cards--with-borders .cards-item.border-color--purple .cards-wrapper {
	border-color: #9b59b6
}

.cards--with-borders .cards-item.border-color--light-purple .cards-wrapper {
	border-color: #b455b6
}

.cards--with-borders .cards-item.border-color--orange .cards-wrapper {
	border-color: #ff6d3a
}

.cards--with-borders .cards-item.border-color--aqua .cards-wrapper {
	border-color: #00ddce
}

.cards--with-borders .cards-name h4 {
	margin-top: 0;
	margin-bottom: 22px
}

.cards--with-borders .cards-text p {
	line-height: 25px
}

@media (max-width:1500px) {
	.cards--with-borders .cards-name h4 {
		font-size: 26px;
		line-height: 32px
	}
}

.cards--with-top-borders .border-color--green .cards-wrapper,
.cards--with-top-borders.border-color--green .cards-wrapper {
	border-color: #51c435
}

.cards--with-top-borders .border-color--yellow .cards-wrapper,
.cards--with-top-borders.border-color--yellow .cards-wrapper {
	border-color: #f1c40f
}

.cards--with-top-borders .border-color--red .cards-wrapper,
.cards--with-top-borders.border-color--red .cards-wrapper {
	border-color: #e74c3c
}

.cards--with-top-borders .border-color--light-blue .cards-wrapper,
.cards--with-top-borders.border-color--light-blue .cards-wrapper {
	border-color: #3498db
}

.cards--with-top-borders .border-color--dark-blue .cards-wrapper,
.cards--with-top-borders.border-color--dark-blue .cards-wrapper {
	border-color: #255ccc
}

.cards--with-top-borders .border-color--blue .cards-wrapper,
.cards--with-top-borders.border-color--blue .cards-wrapper {
	border-color: #0cf
}

.cards--with-top-borders .border-color--purple .cards-wrapper,
.cards--with-top-borders.border-color--purple .cards-wrapper {
	border-color: #9b59b6
}

.cards--with-top-borders .border-color--orange .cards-wrapper,
.cards--with-top-borders.border-color--orange .cards-wrapper {
	border-color: #ff6d3a
}

.cards--with-top-borders .border-color--aqua .cards-wrapper,
.cards--with-top-borders.border-color--aqua .cards-wrapper {
	border-color: #00ddce
}

.cards--with-top-borders .heading-description {
	margin-bottom: 78px
}

.cards--with-capitalize-title .cards-name h4 {
	text-transform: capitalize
}

.cards.cards--with-crosssBorders {
	padding-bottom: 100px
}

.cards--with-crosssBorders .cards-row {
	position: relative;
	margin-top: 74px;
	padding-top: 0!important;
	background-repeat: repeat-x, repeat-y;
	background-position: 0 50%, 50% 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiePr0KUCAAQAFYgKwfgmnQwAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiePr0KUCAAQAFYgKwfgmnQwAAAABJRU5ErkJggg==)
}

.cards--with-crosssBorders .cards-item--1,
.cards--with-crosssBorders .cards-item--2 {
	margin-bottom: 142px
}

@media (max-width:1030px) {
	.cards--with-crosssBorders .cards-item--1,
	.cards--with-crosssBorders .cards-item--2 {
		margin: 0 auto 65px
	}
	.cards--with-crosssBorders .cards-row {
		background: 0 0
	}
	.cards--with-crosssBorders .cards-wrapper {
		height: auto!important
	}
}

@media (max-width:1029px) {
	.cards.cards--with-crosssBorders {
		padding-bottom: 50px
	}
	.cards--with-crosssBorders .cards-item {
		margin-bottom: 50px
	}
}

@media (max-width:767px) {
	.cards--portfolio .cards-name h4 {
		height: auto!important
	}
	.cards--with-crosssBorders .cards-item {
		margin-bottom: 30px
	}
}

.cards--with-dividers .cards-item {
	margin-bottom: 40px
}

.cards--with-dividers .cards-item:after {
	content: '';
	position: absolute;
	display: block;
	width: 1px;
	height: 70%;
	top: 15%;
	left: -15px;
	border-left: 1px solid rgba(200, 200, 200, .5)
}

.cards--with-dividers .cards-row>:first-child .cards-item:after {
	display: none
}

.cards--with-dividers.cards--accordion .cards-item:after {
	top: 0;
	left: 0;
	height: 100%
}

@media (max-width:1199px) {
	.cards--with-dividers .cards-item:after {
		display: none
	}
}

@media (max-width:1030px) {
	.cards--with-dividers .cards-item {
		height: auto!important
	}
}

.cards--with-normal-title .cards-name h4 {
	text-transform: none
}

.cards--mediadata {
	background-position: 50% 100%;
	background-repeat: no-repeat;
	padding-bottom: 280px
}

.cards--mediadata .cards-name h4 {
	text-transform: none;
	line-height: 40px
}

.cards--page-enterprice .cards-wrapper {
	padding: 70px 0 50px
}

.cards--page-enterprice .btn {
	font-size: 16px;
	padding: 11px 37px
}

.cards--page-enterprice .bgcolor--gray {
	background: #5c5c5c
}

.cards--page-enterprice .bgcolor--green {
	background: #97d02d
}

.cards--page-enterprice .bgcolor--blue {
	background: #26c7f7
}

.cards--page-enterprice .cards-item {
	margin-bottom: 0
}

.cards--page-enterprice .cards-name h4 {
	text-transform: none;
	font-size: 25px;
	line-height: 30px;
	color: #fff;
	margin-bottom: 30px
}

.cards--page-enterprice .cards-icon {
	width: 100%;
	max-width: 100%;
	margin-bottom: 35px;
	min-height: 167px
}

.cards--page-enterprice .cards-icon svg {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%
}

.cards--page-enterprice-2 .cards-icon {
	line-height: 1;
	width: 100%;
	max-width: 100%;
	min-height: 130px;
	height: auto
}

.cards--page-enterprice-2 .cards-icon img {
	display: block;
	margin: 0 auto;
	max-width: 100%
}

.cards--page-enterprice-2 .cards-icon svg {
	height: auto!important;
	max-height: 110px!important;
	max-width: 100%!important
}

.cards .container--medium,
.cards--page-expertise-mob-app-dev .container {
	max-width: 1310px
}

.cards--page-enterprice-2 .cards-name h4 {
	text-transform: none;
	color: #0cf
}

.cards--page-expertise-mob-app-dev .cards-item:hover .cards-name,
.cards--page-expertise-mob-app-dev .cards-item:hover .cards-text {
	color: #234
}

.cards--page-expertise-mob-app-dev {
	padding-top: 95px;
	padding-bottom: 80px
}

@media screen and (max-width:1200px) {
	.cards--page-expertise-mob-app-dev {
		padding-top: 60px;
		padding-bottom: 50px
	}
}

.cards--page-expertise-mob-app-dev .heading-description {
	margin-top: 18px
}

.cards--page-expertise-mob-app-dev .heading-description p {
	font-size: 19px;
	line-height: 30px
}

.cards--page-expertise-mob-app-dev .cards-item .cards-name h4 {
	text-transform: none
}

.heading-title h3 span,
.info h3 span {
	text-transform: lowercase
}

.cards--page-expertise-mob-app-dev .cards-item .cards-name {
	margin-bottom: 30px
}

.cards--page-expertise-mob-app-dev .cards-item:hover:before {
	display: none
}

.cards--page-expertise-mob-app-dev .cards-wrapper {
	padding: 25px 50px 45px
}

.cards--page-expertise-mob-app-dev .lists--checkmarks ul li {
	margin-bottom: 13px
}

.cards--page-expertise-mob-app-dev .heading+.row {
	margin-top: 55px
}

.cards--accordion--augmented .heading-description p {
	font-size: 25px;
	line-height: 39px
}

@media screen and (max-width:1200px) {
	.cards--page-expertise-mob-app-dev .cards-wrapper {
		padding: 25px 20px
	}
	.cards--accordion--augmented .heading-description p {
		font-size: 20px;
		line-height: 28px
	}
}

.cards--accordion--augmented .cards-item {
	max-height: 700px
}

@media screen and (max-width:1600px) {
	.cards--accordion--augmented .cards-item {
		max-height: 800px
	}
}

@media screen and (max-width:1300px) {
	.cards--accordion--augmented .cards-item {
		max-height: 1000px
	}
}

.heading {
	position: relative
}

.heading-title {
	margin-bottom: 50px
}

.heading-title h3 {
	margin: 0;
	font-weight: 300;
	   
	font-size: 52px;
	line-height: 70px
}



.heading-color {
	font-style: normal
}

.heading-color--green {
	color: #51c435
}

.heading:last-child>:last-child {
	margin-bottom: 0
}

.heading-description {
	margin-bottom: 50px
}

.heading-description p {
	margin: 0;
	font-weight: 300;
	line-height: 35px;
	text-align: center
}

.heading--big .heading-description {
	font-size: 1.3em
}

.heading>.heading-description,
.heading>.heading-title {
	left: auto;
	right: auto;
	width: 83.33333333%;
	margin-left: auto;
	margin-right: auto
}

.heading-break {
	display: block
}

.iconSlider-img,
.iconSlider-item {
	display: inline-block;
	max-width: 100%
}

@media (max-width:767px) {
	.heading-title {
		margin-bottom: 40px
	}
	.heading-title h3 {
		font-size: 32px;
		line-height: 39px
	}
	.heading>.heading-description,
	.heading>.heading-title {
		width: 100%
	}
}

.iconSlider {
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #FFF
}

.iconSlider .heading-title {
	margin-bottom: 0
}

.iconSlider .heading-description {
	margin-top: 32px;
	margin-bottom: 0!important
}

.iconSlider .container~.container .row,
.iconSlider .container~.container-fluid .row {
	margin-top: 35px
}

.iconSlider .slider {
	cursor: move
}

.iconSlider-item {
	position: relative;
	vertical-align: top;
	height: 100%;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 85px
}

.iconSlider-img {
	vertical-align: middle
}

.iconSlider-item .grayscale--ready:hover {
	opacity: .75
}

.iconSlider-item .grayscale--ready .grayscale-item {
	opacity: 0
}

.iconSlider-item .grayscale--ready:hover .grayscale-canvas {
	opacity: 1
}

svg.iconSlider-img {
	width: 100%
}

.iconSlider-text {
	font-weight: 400;
	font-size: 17px;
	line-height: 22px;
	color: #234
}

.iconSlider .owl-buttons,
.iconSlider .slider .owl-theme .owl-controls {
	display: none
}

.iconSlider .slider .owl-theme .owl-controls .owl-page span {
	width: 10px;
	height: 10px;
	margin-top: 0;
	margin-left: 7px;
	margin-right: 7px;
	background-color: #d7d7d7;
	opacity: 1
}

.iconSlider .slider .owl-theme .owl-controls .owl-page.active span {
	background-color: #32c5d2;
	opacity: 1
}

.iconSlider .icon {
	width: 70%;
	height: 112px
}

.iconSlider.slider--mobile .owl-carousel {
	display: block
}

.iconSlider.slider--mobile .owl-carousel .slider-item {
	margin-bottom: 30px
}

@media (max-width:1030px) {
	.technologiesList-item {
		margin-left: 20px;
		margin-right: 20px
	}
}

@media (max-width:767px) {
	.iconSlider {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.iconSlider.slider--mobile .owl-carousel {
		font-size: 0
	}
	.iconSlider.slider--mobile .owl-carousel .iconSlider-item {
		width: 50%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.iconSlider--page-frontend-1 {
	padding-bottom: 80px
}

.iconSlider--page-frontend-1 h3 {
	font-size: 35px;
	line-height: 55px
}

.iconSlider--page-main .heading-description {
	max-width: 1060px
}

.info-block img,
.info-block table,
.info-media img,
.info-text img {
	max-width: 100%
}

.iconSlider--page-overview {
	padding-bottom: 50px
}

.iconSlider--page-overview .container~.container-fluid .row {
	margin-top: 72px
}

@media (max-width:1199px) {
	.iconSlider--page-main .heading-break {
		display: inline
	}
}

.quote {
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
	background-position: 50% 0;
	background-size: cover
}

.quote-content {
	width: 60%;
	margin-left: auto;
	margin-right: auto
}

.quote-content blockquote {
	margin: 0;
	padding: 0 0 20px;
	font-size: 25px;
	line-height: 45px
}

@media (max-width:1029px) {
	.quote {
		padding-top: 100px;
		padding-bottom: 100px
	}
	.quote-content {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width:767px) {
	.quote {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.quote-content blockquote {
		font-size: 16px;
		line-height: 1.57894737
	}
}

.info {
	position: relative;
	padding: 100px 0;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.info .heading-title {
	margin-bottom: 0
}

.info .heading-description {
	margin-top: 32px;
	margin-bottom: 0!important
}

.info .container~.info-text,
.info .heading~.container,
.info .heading~.info-row,
.info .heading~.row {
	margin-top: 74px
}

.info h3 {
	margin-top: 0
}

.info--appdev-1 .title--with-bullet h4,
.info--java-4 .info-text ul li,
.info--qa h4,
.info--ruby-1 .info-text h4,
.info--ruby-2 .info-text h4,
.tags-title {
	text-transform: uppercase
}

.info-media+.heading {
	margin-top: 50px
}

@media (max-width:1029px) {
	.info {
		background-attachment: scroll!important
	}
	.info-media {
		margin-bottom: 50px
	}
	.info-text {
		width: 70%;
		width: 100%;
		margin: auto
	}
	.info-text p:last-child {
		margin-bottom: 0
	}
}

@media (max-width:767px) {
	.info {
		padding: 50px 0
	}
	.info-text {
		width: 100%
	}
	.info-text h4 {
		margin-top: 30px
	}
	.info-media {
		margin-bottom: 30px
	}
}

.info-block {
	padding: 0 15px;
	margin-bottom: 40px
}

.info-block h3,
.info-block h4,
.info-block h5,
.info-block p,
.info-block ul {
	margin-top: 0;
	margin-bottom: 1em
}

.info-block--visual {
	text-align: center!important
}

@media (min-width:1030px) {
	.info-row {
		display: table;
		table-layout: fixed;
		width: 100%
	}
	.info-block {
		margin-bottom: 0
	}
	.info--narrow .info-block {
		padding: 0 15%
	}
	.info--with-left-visual .info-block,
	.info--with-right-visual .info-block {
		text-align: left;
		width: 50%;
		position: relative;
		display: table-cell;
		vertical-align: middle
	}
	.info--with-right-visual .info-block--visual {
		left: 50%
	}
	.info--with-right-visual .info-block--visual+.info-block {
		left: -50%
	}
	.info--with-inequal-width.info--with-left-visual .info-block,
	.info--with-inequal-width.info--with-right-visual .info-block {
		width: 58.33333333%
	}
	.info--with-inequal-width.info--with-left-visual .info-block--visual,
	.info--with-inequal-width.info--with-right-visual .info-block--visual {
		width: 41.66666667%
	}
	.info--with-inequal-width.info--with-right-visual .info-block--visual {
		left: 58.33333333%
	}
	.info--with-inequal-width.info--with-right-visual .info-block--visual+.info-block {
		left: -41.66666667%
	}
}

@media (max-width:1029px) {
	.info-block {
		margin-bottom: 0
	}
}

.info--page-php-1 ul li {
	margin-bottom: 13px;
	font-size: 19px
}

.info--page-php-1 ul li:before {
	top: 11px
}

.info--page-php-2 {
	padding-top: 107px;
	padding-bottom: 75px;
	background: url(/sites/all/themes/iflexion/images/bg-info-php-2.jpg) 0 100% no-repeat #FFF
}

@media (max-width:767px) {
	.info--page-php-2 {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

.info--page-php-2 ul li:before {
	top: 8px
}

.info--page-php-2 .heading-description {
	margin-top: 28px
}

.info--page-php-2 .heading-description p {
	font-size: 19px;
	line-height: 40px
}

.info--page-php-2 .container~.info-text {
	margin-top: 56px
}

.info--page-php-2 ul li {
	line-height: 25px
}

.info--page-php-2 .info-text .col-sm-5 .row {
	padding-left: 34px
}

.info--page-php-2 .info-text.col-sm-offset-1 .row {
	padding-left: 70px
}

.info--page-php-3 {
	padding-top: 148px;
	padding-bottom: 125px;
	background-size: cover
}

.info--page-php-3 h3 {
	margin-bottom: 41px;
	font-size: 52px
}

.info--page-php-3 h3+p {
	line-height: 40px
}

@media (max-width:767px) {
	.info--page-php-3 {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.info--page-php-3 h3 {
		font-size: 32px;
		line-height: 39px
	}
	.info--page-php-3 .info-text p:last-child {
		text-align: center
	}
}

.info--page-net--1 {
	padding-bottom: 0
}

.info--page-net--1 .heading-title {
	margin-bottom: 92px
}

.info--page-php-1 .heading-title {
	width: 100%;
	padding-top: 65px
}

@media (max-width:1029px) {
	.info--page-php-2 .info-text .col-sm-5 .row,
	.info--page-php-2 .info-text.col-sm-offset-1 .row {
		padding-left: 0
	}
	.info--page-php-1 .heading-title {
		padding-top: 0
	}
}

.info--page-php-1 .heading-title h3 {
	text-align: left
}

.info--page-php-1 .container .info-text p {
	margin-top: 35px
}

.info--page-net--2 {
	padding: 0
}

.info--page-net--2 .container-fluid {
	background: url(/sites/all/themes/iflexion/images/bg-info-page-net-2.jpg) 50% 50% no-repeat;
	background-size: cover
}

.info--page-net--2 .info-text {
	padding-top: 70px;
	padding-bottom: 70px;
	line-height: 1.9em
}

.info--page-net--2 .info-text p {
	margin: 2em 0
}

.info--page-net--2 .info-text ul li {
	font-size: .9em;
	line-height: 1.5em
}

.info--page-net--2 .info-text .icon {
	display: inline-block;
	height: 54px;
	width: 54px;
	vertical-align: middle;
	margin: 0 0 0 1.4em
}

.info--page-net--2 .info-text .icon:first-of-type {
	margin-left: 50px
}

.info--page-net--2 .btn {
	padding-left: 31px;
	padding-right: 31px
}

@media (max-width:1600px) {
	.info--page-net--2 .info-text .icon,
	.info--page-net--2 .info-text .icon:first-of-type {
		margin: 0 0 0 1em
	}
}

.info--page-net--2 .info-text--1 .btn--transparent:hover {
	color: #0cf
}

.info--page-net--2 .info-text--2 .btn--transparent:hover {
	color: #32c5d2
}

@media (max-width:1030px) {
	.info--page-net--2 .container-fluid {
		background-image: none
	}
	.info--page-net--2 .info-text {
		background: url(/sites/all/themes/iflexion/images/bg-info-page-net-2.jpg) 50% 50% no-repeat;
		background-size: 201% 100%
	}
	.info--page-net--2 .info-text--1 {
		background-position: 0 50%
	}
	.info--page-net--2 .info-text--2 {
		background-position: 100% 50%
	}
}

@media (max-width:1029px) {
	.info--page-php-1 .info-text .row .info-text,
	.info--page-php-2 .info-text .row .info-text,
	.info--page-php-3 .info-text .row .info-text {
		width: 100%
	}
	.info--page-php-1 .info-media {
		margin-top: 50px;
		margin-bottom: 0
	}
	.info--page-net--2 .info-text {
		width: 100%;
		padding-top: 100px;
		padding-bottom: 100px
	}
	.info--page-net--2 .info-text .icon {
		display: none
	}
	.info--page-net--2 .info-text p:last-child {
		margin-bottom: 0
	}
}

@media (max-width:767px) {
	.info--page-net--2 .info-text {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.info--page-php-1 .info-text p:last-child {
		text-align: center
	}
}

.info--page-net-3 {
	background: 50% 50% no-repeat #046d88;
	background-size: cover;
	padding-top: 54px;
	padding-bottom: 55px
}

.info--page-net-3>.container {
	max-width: 1500px;
	width: auto
}

.info--page-net-3>.container>.row {
	background: rgba(0, 204, 255, .9);
	padding: 36px 32px 26px
}

.info--page-net-3>.container>.row p {
	font-size: 17px;
	line-height: 28px
}

.info--page-net-3 ul {
	display: block;
	width: 100%;
	margin: 0;
	padding: 20px 0 0;
	list-style: none
}

.info--page-net-3 ul li {
	margin: 0;
	border: 1px solid transparent;
	height: 120px;
	background: rgba(0, 0, 0, .1);
	background-clip: padding-box;
	vertical-align: middle;
	line-height: 80px;
	padding: 20px;
	font-weight: 400
}

.info--page-net-3 ul li .icon {
	vertical-align: middle;
	width: 50px;
	height: 50px;
	margin-right: 10px
}

.info--page-net-3 h3 {
	margin-bottom: 30px;
	font-size: 45px;
	line-height: 58px
}

@media (max-width:1030px) {
	.info--page-net-3 {
		padding: 0
	}
	.info--page-net-3>.container>.row {
		padding: 50px 0
	}
}

@media (max-width:1029px) {
	.info--page-net-3>.container>.row {
		padding-top: 100px;
		padding-bottom: 100px
	}
}

@media (max-width:767px) {
	.info--page-net-3>.container>.row {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

.info--page-net-4 {
	padding-bottom: 105px;
	background: url(/sites/all/themes/iflexion/images/bg-info-page-net-4.jpg) 0 100% no-repeat #fff
}

@media (max-width:767px) {
	.info--page-net-4 {
		padding-bottom: 50px
	}
}

.info--page-net-4 .info-text .col-sm-5 .row {
	padding-left: 34px
}

.info--page-net-4 .info-text.col-sm-offset-1 .row {
	padding-left: 70px
}

.info--page-net-4 ul li {
	line-height: 25px
}

.info--page-net-4 .container~.info-text {
	margin-top: 61px
}

@media (max-width:1199px) {
	.info--page-net-4 .info-text .col-sm-5 .row,
	.info--page-net-4 .info-text.col-sm-offset-1 .row {
		padding-left: 0
	}
}

@media (max-width:1400px) {
	.info--page-net-4 {
		background-image: none
	}
}

.info.info--page-net-4 .heading-description {
	margin-top: 23px
}

.info--page-business-continuity {
	padding-bottom: 0;
	line-height: 1.9
}

.info--page-business-continuity ul li:before {
	top: 11px
}

.info--page-business-continuity .info-media img {
	position: relative;
	top: -42px
}

@media (max-width:1029px) {
	.info--page-business-continuity .info-media img {
		top: 0
	}
}

.info--page-augment-reality-development .info-media img {
	position: relative;
	top: -42px
}

.info--page-augment-reality-development .info-text {
	padding-top: 50px
}

@media (max-width:1170px) {
	.info--page-augment-reality-development .info-media img {
		top: auto
	}
	.info--page-augment-reality-development .info-text {
		padding-top: 0
	}
}

.info--page-frontend-3 {
	overflow: hidden;
	background-size: cover
}

.info--page-frontend-3 .info-media-img--center {
	position: relative;
	z-index: 100
}

.info--page-frontend-3 .info-media-img--left,
.info--page-frontend-3 .info-media-img--right {
	transition: left 8s ease, right 8s ease, opacity 3s ease;
	position: absolute;
	top: 20px;
	opacity: 0
}

.info--page-frontend-3 .info-media-img--left {
	margin-right: -140px;
	right: 140%
}

.info--page-frontend-3 .info-media-img--right {
	margin-left: -150px;
	left: 140%
}

.info--page-frontend-3 .heading-title h3 {
	font-size: 52px;
	line-height: 72px
}

.info--page-frontend-3 .heading-description p {
	max-width: 1058px;
	margin-left: auto;
	margin-right: auto;
	font-size: 25px;
	line-height: 40px
}

@media (max-width:767px) {
	.info--page-frontend-3 .heading-title h3 {
		font-size: 32px;
		line-height: 39px
	}
	.info--page-frontend-4 {
		padding-bottom: 20px
	}
}

.info--page-frontend-3.animated .info-media-img--left {
	right: 50%;
	opacity: 1
}

.info--page-frontend-3.animated .info-media-img--right {
	left: 50%;
	opacity: 1
}

@media (max-width:1030px) {
	.info--page-frontend-3 .info-media-img--center {
		transform: scale(.7)
	}
	.info--page-frontend-3 .info-media-img--left,
	.info--page-frontend-3 .info-media-img--right {
		top: 0;
		opacity: .6;
		transform: scale(.6)
	}
}

.info--page-frontend-4 .info-media {
	background: #f7f7f7;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	padding: 20px;
	height: 170px;
	line-height: 130px;
	margin-bottom: 30px
}

.info--page-android-1,
.info--page-android-2,
.info--page-android-4 {
	background-size: cover
}

.info--page-frontend-4 .info-media img {
	vertical-align: middle
}

.info--page-frontend-4 .heading-title h3 {
	font-size: 52px;
	line-height: 55px
}

@media (max-width:767px) {
	.info--page-frontend-4 .heading-title h3 {
		font-size: 32px;
		line-height: 39px
	}
}

.info--page-frontend-4 .heading-description {
	margin-top: 46px
}

.info--page-frontend-4 .heading-description p {
	max-width: 1143px;
	margin-left: auto;
	margin-right: auto;
	font-size: 25px;
	line-height: 40px
}

.info--page-android-1 .info-text {
	text-align: right;
	font-size: .9em
}

.info--page-android-1 .info-text h4 {
	margin-bottom: 0
}

.info--page-android-1 .info-text h4:before {
	position: absolute;
	right: -80px;
	top: .4em
}

@media (max-width:1029px) {
	.info--page-android-1 .info-text {
		text-align: center
	}
	.info--page-android-1 .info-text h4:before {
		display: none
	}
}

.info--page-android-2 {
	color: #232323;
	background-position: 50% 50%;
	text-shadow: 0 0 2px #edebde
}

.info--page-android-2 h3 {
	margin-bottom: 30px;
	font-size: 52px;
	line-height: 70px
}

.info--page-android-2 p,
.info--page-android-3 p {
	line-height: 40px
}

.info--page-android-3 .heading~.container {
	margin-top: 58px
}

.info--page-android-4 {
	background-position: 50% 50%;
	padding-bottom: 134px
}

.info--page-android-4 .heading-description p {
	line-height: 45px
}

.info--page-win-1 .info-text {
	text-align: center
}

.info--page-win-1 .icon {
	opacity: .5;
	height: 150px;
	max-height: none
}

@media (max-width:1029px) {
	.info--page-android-3 .heading {
		margin-bottom: 0
	}
	.info--page-win-1 .info-text {
		width: 100%
	}
}

.info--page-win-2 {
	background-position: 0 100%;
	background-repeat: no-repeat
}

.info--page-win-2 h3 {
	font-size: 52px
}

.info--page-win-2 p {
	line-height: 40px
}

.info--page-win-2 ul li:before {
	top: 10px
}

@media (max-width:767px) {
	.info--page-android-4 {
		padding-bottom: 50px
	}
	.info--page-win-2 h3 {
		font-size: 32px;
		line-height: 39px
	}
}

@media (min-width:1030px) {
	.info--page-android-3 row {
		display: table-row
	}
	.info--page-android-3 .info-media,
	.info--page-android-3 .info-text {
		display: table-cell;
		vertical-align: middle;
		float: none
	}
	.info--page-win-2 {
		background-position: 50% 100%
	}
	.info--page-win-2:after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 795px;
		height: 517px;
		background: url(/sites/all/themes/iflexion/images/bg-win-cloud.png) no-repeat;
		margin-bottom: -233px;
		z-index: 10;
		transition: right 30s ease
	}
	.info--page-win-2.animated:after {
		right: -795px
	}
}

.info--page-win-3 {
	padding-top: 85px;
	padding-bottom: 114px
}

@media (max-width:767px) {
	.info--page-win-3 {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

.info--page-win-3 .heading-description {
	max-width: 1143px;
	margin: 29px auto 0
}

.info--page-win-3 .heading-description p {
	font-size: 19px;
	line-height: 40px
}

.info--page-win-4 {
	padding-bottom: 90px;
	background-position: 50% 100%;
	background-size: auto;
	background-repeat: no-repeat;
	text-shadow: 0 0 15px #fff
}

@media (min-width:1200px) {
	.info--page-win-4 {
		background-size: cover
	}
	.info--page-win-4 .info-text h3 {
		font-size: 52px;
		line-height: 55px
	}
	.info--page-win-4 .info-text p {
		font-size: 25px;
		line-height: 45px
	}
}

@media (max-width:767px) {
	.info--page-win-4 {
		padding-bottom: 50px
	}
}

.info--page-win-5 {
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 180px 0
}

.info--page-win-5 .heading-description {
	margin-top: 20px;
	margin-bottom: 0;
	line-height: 40px
}

@media (max-width:1440px) {
	.info--page-win-5 .heading-description {
		padding-left: 5%;
		padding-right: 5%
	}
}

@media (max-width:1200px) {
	.info--page-win-5 .heading-description {
		padding-left: 0;
		padding-right: 0
	}
}

@media (max-width:1029px) {
	.info--page-win-5 .heading-description,
	.info--page-win-5 .heading-title {
		padding-left: 22%;
		padding-right: 22%
	}
	.info--page-win-5 .heading-title h3 {
		font-size: 40px;
		line-height: 42px
	}
}

@media (max-width:767px) {
	.info--page-win-5 .heading-description,
	.info--page-win-5 .heading-title {
		padding-left: 15%;
		padding-right: 15%
	}
}

@media (max-width:600px) {
	.info--page-win-5 .heading-description,
	.info--page-win-5 .heading-title {
		padding-left: 10%;
		padding-right: 10%
	}
}

@media (max-width:500px) {
	.info--page-win-5 .heading-description,
	.info--page-win-5 .heading-title {
		padding-left: 5%;
		padding-right: 5%
	}
}

.info--page-win-5 .heading>.heading-description,
.info--page-win-5 .heading>.heading-title {
	width: 80%
}

@media (min-width:1030px) {
	.info--page-win-5 {
		padding-top: 220px;
		padding-bottom: 220px
	}
	.info--page-win-5 .heading>.heading-description,
	.info--page-win-5 .heading>.heading-title {
		width: 60%
	}
}

@media (min-width:1200px) {
	.info--page-win-5 .heading>.heading-title {
		width: 45%
	}
	.info--page-win-5 .heading>.heading-description {
		width: 33%
	}
}

@media (min-width:1920px) {
	.info--page-win-5 {
		background-size: cover
	}
}

.info--cloud-1 {
	padding-bottom: 65px
}

.info--cloud-1 .heading~.container {
	margin-top: 38px
}

.info--cloud-1 .info-text h4 {
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 0
}

.info--cloud-1 .info-text h4+p {
	margin-top: 10px
}

.info--cloud-1 .info-text div+div {
	margin-top: 39px
}

.info--cloud-1 .info-text div p {
	font-size: 17px;
	line-height: 30px
}

.info--cloud-1 .col-sm-7 {
	padding-left: 47px;
	padding-right: 98px
}

@media (max-width:1200px) {
	.info--cloud-1 {
		padding-bottom: 100px
	}
}

@media (min-width:1030px) {
	.info--cloud-1 .info-media {
		text-align: right
	}
	.info--cloud-1 .info-media:after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 40%;
		height: 100%;
		background: url(/sites/all/themes/iflexion/images/vis-info-cloud-1-marks.png) 100% 33% no-repeat
	}
	.info--cloud-1 .info-media .info-media-wrapper {
		display: table;
		width: 100%;
		height: 100%
	}
	.info--cloud-1 .info-media .info-media-cell {
		display: table-cell;
		vertical-align: middle
	}
	.info--cloud-1 .info-media img {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		margin-right: 20px;
		top: 52px;
		left: 31px
	}
}

@media (max-width:1199px) {
	.info--cloud-1 .info-media img {
		top: 0;
		left: 0
	}
}

@media (max-width:1029px) {
	.info--cloud-1 .col-sm-7 {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media (max-width:767px) {
	.info--cloud-1 {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

.info--cloud-2 {
	padding-bottom: 60px
}

.info--cloud-2 .heading~.container {
	margin-top: 35px
}

.info--cloud-2 .icon-caption {
	font-size: 18px
}

.info--cloud-2 .info-text {
	text-align: center
}

.info--cloud-2 .info-text .icon {
	height: 130px;
	margin: 40px 0 20px
}

.info--cloud-2 .info-text .icon-caption {
	margin-bottom: 40px
}

@media (max-width:767px) {
	.info--cloud-2 {
		padding-bottom: 10px
	}
}

.info--cloud-3 .info-text p {
	margin: 0 0 1em;
	line-height: 40px
}

.info--cloud-3 .info-text {
	line-height: 1.8em;
	margin-top: 4em
}

.info--cloud-3 .info-text li {
	padding-left: 0;
	margin-bottom: 2em
}

.info--cloud-3 .info-text li:before {
	left: -30px;
	top: 12px;
	width: 9px;
	height: 9px;
	border-radius: 10px
}

.info--cloud-3 .info-text li:after {
	content: "";
	display: block;
	position: absolute;
	right: 100%;
	top: 16px;
	margin-right: 30px;
	width: 100px;
	height: 1px;
	border-top: 1px solid rgba(0, 0, 0, .1)
}

.info--cloud-3 .info-text h4 {
	font-size: 25px;
	margin: 0;
	line-height: normal
}

.info--cloud-3 .heading~.container {
	margin-top: 20px
}

@media (max-width:1030px) {
	.info--cloud-3 .info-media img,
	.info--cloud-3 .info-text li:after {
		display: none
	}
	.info--cloud-3 .info-text {
		margin-top: 2em
	}
	.info--cloud-3 .info-text .lists--bullets {
		padding-left: 25px
	}
}

@media (max-width:1029px) {
	.info--cloud-3 .info-text li:before {
		left: -24px
	}
}

.info--cloud-4 {
	padding-top: 102px;
	background-color: #00ADEF
}

.info--cloud-4--bg-green {
	background-color: #77d065;
	padding-top: 90px;
	padding-bottom: 64px
}

.info--cloud-4--bg-green a {
	margin-top: 86px
}

.info--cloud-4--bg-green a:hover {
	color: #77d065!important
}

.info--cloud-4 .heading-description {
	max-width: 1040px;
	margin: 38px auto 0
}

.info--cloud-4 .heading-description p {
	font-size: 19px;
	line-height: 40px
}

.info--cloud-4 .heading-title h3 {
	font-size: 52px;
	line-height: 55px
}

@media (max-width:767px) {
	.info--cloud-4 {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.info--cloud-4 .heading-title h3 {
		font-size: 32px;
		line-height: 39px
	}
	.info--cloud-4--bg-green a {
		margin-top: 40px
	}
}

.info--cloud-5 .info-text p {
	line-height: 40px
}

.info--cloud-5 ul li {
	margin-bottom: 13px
}

.info--cloud-5 ul li:before {
	margin-top: 6px
}

.info--ios-1 {
	padding-bottom: 82px
}

@media (max-width:767px) {
	.info--ios-1 {
		padding-bottom: 50px
	}
}

.info--java-3,
.info--java-4 {
	padding-bottom: 0
}

@media (min-width:1440px) {
	.info--ios-1 .info-text {
		position: relative;
		margin-top: 30px
	}
	.info--ios-1 .info-text:before {
		content: "";
		width: 83.33333%;
		height: 1px;
		border-top: 1px solid #ebebeb;
		position: absolute;
		top: 0;
		left: 8.33333%
	}
	.info--ios-1 .info-text:after {
		content: "";
		width: 1px;
		height: 70px;
		border-right: 1px solid #ebebeb;
		position: absolute;
		left: 50%;
		bottom: 0
	}
}

.info--ios-1 .info-text-element {
	text-align: center;
	font-weight: 400;
	font-size: 1.3em;
	margin-bottom: 50px;
	min-height: 107px
}

.info--ios-1 .info-text-element:before {
	content: "";
	display: block;
	height: 40px;
	margin-top: -9px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAg1JREFUeNqklD1IW1EUx19iq6NQLfiBg4Kh+AHaoQQVUQS10kVQ7CAV1K6KdSmOHaoOapxtRcVFsoroIFbcBFsVUltpiwo2g1LIqJjW/4HfC8EmMeKBH+fde8/5v3vvO+942reeOUnMJ7pEG8+PxB9xKFbEEs//mTfBXK74KELinfAj6OD9zIeIy71NtFJsi17xl6Tn4rHw4G38gfVe4iuTiZaKdVEsPoly0S9WxTkx54xfizLiisnz3RTN4I5sJ8uiRfwQFWJOnIgL/Bw7+0ncMnlL6MREX4lq8Ut0i0sxIHZFjygSmXgbfxGDxHWTV8VaTHQYPyIiolME3DcnMJufIi5CntkbV7SU+wuLoMhC0OOkNlufJj5Ivun4TLSWoE2+aKMocNKzfNFE3iZzNSaax+AYX+bczZ7gj/B5Xi7b7KFzP8vEX5robwZF+K93FPuGL8SHTfQzgzo+3AaXno6FKXzLq2dux0tTCHHpnRS51eC/NEQHie8g30556NbpJP69yKZEhkQ0iViU9SDxo8xPxBf/vNgTJWKRS7cafCoWxKm4wi8wHyBukbw9dJwHcW+23rklXog10Sf23V8vgZXQxRrEmXjpniy+S30XzVSDBR6IGdEqcojJoYnMsN7Ax2qOq4LYTl3bpTGMscN+SHavs+ItO03Z+c84uv3H4zThCGsRxuOs990UNLsWYAAcVn55NjxM+AAAAABJRU5ErkJggg==) 50% 0 no-repeat
}

@media (max-width:480px) {
	.info--ios-1 .info-text-element {
		font-size: 1em
	}
}

.info--ios-2 {
	padding-top: 69px!important
}

.info--ios-2 .heading-title {
	max-width: 1054px;
	margin-left: auto;
	margin-right: auto
}

.info--ios-2 .heading-title h3 {
	font-size: 52px;
	line-height: 70px
}

.info--ios-2 ul li {
	margin-bottom: 13px
}

.info--ios-2 ul li:before {
	top: 11px
}

@media (max-width:767px) {
	.info--ios-2 {
		padding-top: 0!important
	}
	.info--ios-2 .heading-title h3 {
		font-size: 32px;
		line-height: 39px
	}
}

.info--ios-2 .heading-description {
	max-width: 1244px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px
}

.info--ios-2 .heading-description p {
	line-height: 45px
}

.info--ios-2 .heading~.container {
	margin-top: 80px
}

.info--ios-2 h3 {
	font-size: 45px;
	line-height: 65px
}

.info--ios-2 p {
	line-height: 40px
}

@media (min-width:1030px) {
	.info--ios-2 .info-text {
		margin-top: 100px
	}
}

.info--ios-2 .row+.row img {
	position: relative;
	top: 72px;
	left: -101px
}

.info--python-1 {
	background-position: 0 0;
	text-shadow: 0 0 5px #fff;
	outline: #FFF solid 1px;
	line-height: 55px
}

.info--python-1 .heading-description {
	margin-top: 30px
}

.info--python-1 .heading-description p {
	font-size: 19px;
	line-height: 40px
}

.info--python-1 .container~.info-text {
	margin-top: 76px
}

.info--python-1 ul li {
	line-height: 25px
}

.info--python-1 .info-text .col-sm-5 .row {
	padding-left: 34px
}

.info--python-1 .info-text.col-sm-offset-1 .row {
	padding-left: 70px
}

@media (max-width:1800px) {
	.info--python-1 {
		background-position: 45% 0
	}
}

@media (max-width:1199px) {
	.info--python-1 {
		background: #FFF!important
	}
	.info--python-1 .info-text .col-sm-5 .row,
	.info--python-1 .info-text.col-sm-offset-1 .row {
		padding-left: 0
	}
}

.info--java-1 {
	background-position: 100% 100%;
	background-size: 100% auto
}

.info--java-1 h3 {
	font-size: 50px
}

.info--java-1 p {
	line-height: 1.9em
}

@media (min-width:1280px) {
	.info--java-1 .info-text {
		padding-top: 120px
	}
}

@media (max-width:1030px) {
	.info--ios-2 .row+.row img {
		top: auto;
		left: auto
	}
	.info--java-1 {
		background-size: 200% auto
	}
	.info--java-1 .info-media {
		margin-bottom: 100px
	}
	.info--java-1 .info-text {
		text-align: center
	}
}

.info--java-3 .heading-title h3 {
	line-height: 55px
}

.info--java-3 .heading-description {
	max-width: 1029px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px
}

.info--java-3 .heading-description p {
	font-size: 19px;
	line-height: 30px
}

.info--java-4 .heading-description {
	margin-top: 73px
}

.info--java-4 .container~.info-text {
	margin-top: 95px
}

.info--java-4 .info-text ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center
}

.info--java-4 .info-text ul li {
	font-weight: 400;
	margin-bottom: 2.7em
}

.info--java-4 .heading-description p {
	font-size: 35px;
	line-height: 45px
}

.info--java-4 .info-text .info-text .row {
	padding-right: 15px;
	padding-left: 15px
}

@media (min-width:1030px) {
	.info--java-4 .info-text .info-text .row {
		padding-right: 32px;
		padding-left: 0
	}
	.info--java-4 .info-text ul {
		text-align: right
	}
	.info--java-4 .info-text ul li {
		position: relative
	}
	.info--java-4 .info-text ul li:after,
	.info--java-4 .info-text ul li:before {
		content: "";
		display: block;
		position: absolute;
		left: 100%;
		top: 50%
	}
	.info--java-4 .info-text ul li:before {
		margin: -11px 0 0 20px;
		width: 21px;
		height: 21px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfFJREFUeNqklMsrRHEUx+94bZVHxmuBxkheYYVEFiI7JrsRsp6wIH+Ax2LI3nsn2WEnJtl4hSIm72SSR83SeIzv4fvTbcYdhlOfzv3dOb8z556XSdvyawaSDZpBPZ/jwCNwgyUwy+cgMX3jNAEMATuI0ozlBcyAHnCv/yEiwDAfbIA28AbGQR1I/AjgU8t5jL+30T7fKFILWOfFVdABTkJEmkXnVeAOVKh0qEgjmSNxuABq6TAPTIEr8EQ9xchOabfAe7P08xVpK5gAZ6AYeIEDOJVhgLyCbjAKYsEOyATt4kdF2k3dR4c2MGLgUH3ZCO28vCfSpSK1MBcekAaiGXGK9rPInQzwDK5BMrBKpOU0cLGi1b90qNFJDe+5+K5MnJp5uKTO1cKTHOoLarM49fEQrf1PYqh94vSGh3TqwzCdHVGnqjxLoWSujwMKdc58/blQUvkDvrCxyaVH/b9w6qB9E+/LV7pVnw5T97OZ50Anm1wzaP5O2on9AN879RMlzbwNCjl2jSxgAQdD2iYJ3IJlXt5nceZBA9gDJfKH+oViBWu6hdLOITCSTG4xtVAqVdEC92kRWGTz+7gvJZJN8ADiQSlzaGekHi7y3VBLWiIdBC0hZl/ldRr0MtKQm1+fjlaOrZUF8bL9VsAkn4PkXYABAOA6iPfoBY38AAAAAElFTkSuQmCC) 50% 50% no-repeat
	}
	.info--java-4 .info-text ul li:after {
		margin: -1px 0 0 40px;
		width: 70px;
		height: 1px;
		border: 1px solid #ebebeb
	}
}

@media (max-width:1030px) {
	.info--java-4 .info-text ul {
		text-align: left
	}
	.info--java-4 .info-text ul li {
		position: relative;
		padding-left: 30px
	}
	.info--java-4 .info-text ul li:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		margin: -11px 0 0;
		width: 21px;
		height: 21px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfFJREFUeNqklMsrRHEUx+94bZVHxmuBxkheYYVEFiI7JrsRsp6wIH+Ax2LI3nsn2WEnJtl4hSIm72SSR83SeIzv4fvTbcYdhlOfzv3dOb8z556XSdvyawaSDZpBPZ/jwCNwgyUwy+cgMX3jNAEMATuI0ozlBcyAHnCv/yEiwDAfbIA28AbGQR1I/AjgU8t5jL+30T7fKFILWOfFVdABTkJEmkXnVeAOVKh0qEgjmSNxuABq6TAPTIEr8EQ9xchOabfAe7P08xVpK5gAZ6AYeIEDOJVhgLyCbjAKYsEOyATt4kdF2k3dR4c2MGLgUH3ZCO28vCfSpSK1MBcekAaiGXGK9rPInQzwDK5BMrBKpOU0cLGi1b90qNFJDe+5+K5MnJp5uKTO1cKTHOoLarM49fEQrf1PYqh94vSGh3TqwzCdHVGnqjxLoWSujwMKdc58/blQUvkDvrCxyaVH/b9w6qB9E+/LV7pVnw5T97OZ50Anm1wzaP5O2on9AN879RMlzbwNCjl2jSxgAQdD2iYJ3IJlXt5nceZBA9gDJfKH+oViBWu6hdLOITCSTG4xtVAqVdEC92kRWGTz+7gvJZJN8ADiQSlzaGekHi7y3VBLWiIdBC0hZl/ldRr0MtKQm1+fjlaOrZUF8bL9VsAkn4PkXYABAOA6iPfoBY38AAAAAElFTkSuQmCC) 50% 50% no-repeat
	}
}

.info--java-5 {
	padding-top: 24px!important
}

.info--java-5 .heading-description {
	margin-top: 38px
}

.info--java-5 .heading-description p {
	line-height: 30px
}

.info--java-5 .container~.info-text {
	margin-top: 66px
}

.info--java-5 ul li {
	margin-bottom: 26px;
	font-size: 19px;
	line-height: 25px
}

.info--appdev-2 {
	padding-top: 116px
}

.info--appdev-2 .lists--bullets ul li:before {
	top: .7em
}

.info--appdev-2 h3 {
	font-size: 40px;
	line-height: 50px
}

@media (max-width:767px) {
	.info--appdev-2 {
		padding-top: 50px
	}
	.info--appdev-2 h3 {
		font-size: 32px;
		line-height: 39px
	}
}

.info--appdev-2 h4 {
	margin: 0 0 15px 6px;
	font-weight: 500;
	font-size: 1.3em
}

.info--appdev-2 h4:before {
	position: absolute;
	right: 100%;
	margin: -10px 10px 0;
	top: 50%
}

.info--appdev-2 ul li+li {
	margin-top: 14px
}

@media (max-width:1200px) {
	.info--appdev-2 .info-text {
		padding-left: 10%
	}
}

@media (max-width:1029px) {
	.info--appdev-2 .info-text {
		display: inline-block;
		vertical-align: top;
		width: 49%;
		float: none;
		padding-left: 35px;
		padding-right: 35px;
		margin-bottom: 50px
	}
	.info--appdev-2 .info-text:last-child {
		margin-bottom: 0
	}
	.info--appdev-2 h4:before {
		position: relative;
		right: auto;
		margin: -3px 10px 0 -5px
	}
}

.info--appdev-1 {
	padding-top: 80px;
	padding-bottom: 150px;
	overflow: visible;
	text-shadow: 0 0 10px rgba(0, 0, 0, .8)
}

@media (max-width:767px) {
	.info--appdev-2 .info-text {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 30px
	}
	.info--appdev-1 {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

.info--appdev-1 .title--with-bullet h4:before {
	position: absolute;
	right: 100%;
	top: 10px
}

.info--appdev-1 .info-text {
	z-index: 2
}

.info--appdev-1 .info-text h4+p {
	margin-bottom: 60px
}

.info--appdev-1 .info-media {
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	z-index: 1
}

.info--appdev-1 .info-media--1 {
	width: 50%;
	height: 100%;
	left: 0;
	bottom: -35px;
	background-position: 0 100%;
	max-width: 1037px
}

.info--appdev-1 .info-media--2 {
	width: 30%;
	height: 100%;
	right: 0;
	bottom: 0;
	background-position: 100% 80%;
	max-width: 428px
}

@media (max-width:1600px) {
	.info--appdev-1 .info-media--1 {
		margin-left: -5%
	}
	.info--appdev-1 .info-media--2 {
		margin-right: -12%
	}
}

@media (max-width:1029px) {
	.info--appdev-1 .info-text:first-child h4 {
		margin-top: 0
	}
	.info--appdev-1 .info-text+.info-text {
		margin-top: 100px
	}
	.info--appdev-1 .info-text h4+p {
		margin-bottom: 50px
	}
}

@media (max-width:767px) {
	.info--appdev-1 .info-text+.info-text {
		margin-top: 50px
	}
}

.info--wearables {
	padding-bottom: 110px
}

.info--wearables .info-media--1 {
	height: 600px;
	left: -100%;
	top: 0;
	background-position: -62px 0;
	width: 420px;
	background-size: auto;
	position: absolute
}

.info--wearables .info-media--2 {
	height: 600px;
	right: -85%;
	top: 0;
	background-position: 100% 20%;
	width: 460px;
	background-size: auto;
	position: absolute
}

.info--wearables .title--with-bullet h4 {
	margin-top: 62px;
	margin-bottom: 13px
}

.info--wearables .title--with-bullet h4:before {
	display: none
}

.info--wearables ul li {
	padding-left: 30px;
	margin-bottom: 8px;
	font-size: 19px
}

.info--wearables ul li:before {
	left: 2px;
	top: 10px
}

.info--wearables .title--blue {
	position: relative;
	left: 10px
}

.info--wearables .title--green {
	position: relative;
	left: -55px
}

.info--wearables-text {
	padding-bottom: 90px;
	position: relative
}

.info--wearables-text p {
	position: absolute;
	bottom: 0;
	left: 15px
}

@media (max-width:1919px) {
	.info--wearables .info-media--1,
	.info--wearables .info-media--2 {
		width: 350px;
		height: 400px;
		background-size: auto 100%;
		background-position: 50% 50%
	}
	.info--wearables .info-media--1 {
		left: -350px
	}
	.info--wearables .info-media--2 {
		right: -300px
	}
}

@media (max-width:1629px) {
	.info--wearables .info-media--1,
	.info--wearables .info-media--2 {
		width: 350px;
		height: 300px;
		background-size: auto 100%;
		background-position: 50% 50%;
		top: 60px
	}
	.info--wearables .info-media--1 {
		left: -290px
	}
	.info--wearables .info-media--2 {
		right: -230px
	}
}

@media (max-width:1599px) {
	.info--wearables .info-media--1,
	.info--wearables .info-media--2 {
		width: 350px;
		height: 300px;
		background-size: auto 100%;
		background-position: 50% 50%;
		top: 60px
	}
	.info--wearables .info-media--1 {
		left: -290px
	}
	.info--wearables .info-media--2 {
		right: -190px
	}
}

@media (max-width:1440px) {
	.info--wearables .info-media--1,
	.info--wearables .info-media--2 {
		position: static;
		margin-top: 20px
	}
	.info--wearables .title--blue,
	.info--wearables .title--green {
		left: 0
	}
}

@media (max-width:1029px) {
	.info--wearables {
		font-size: 0
	}
	.info--wearables .info-text {
		width: 50%;
		margin: 0;
		left: auto;
		display: inline-block;
		vertical-align: top
	}
	.info--wearables .info-text+.info-text {
		margin: 0
	}
	.info--wearables .title--with-bullet h4 {
		margin-top: 0;
		margin-bottom: 13px
	}
}

@media (max-width:767px) {
	.info--wearables {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.info--wearables .info-text {
		width: 100%;
		display: block;
		height: auto!important
	}
	.info--wearables .info-text+.info-text {
		margin-top: 50px
	}
	.info--wearables .info-media--1,
	.info--wearables .info-media--2 {
		width: 280px;
		height: 300px;
		background-size: auto 100%;
		background-position: 50% 50%
	}
}

.info--page-xamarinCenter {
	padding-bottom: 15px
}

.info--page-xamarinCenter p {
	margin-top: -27px;
	line-height: 35px
}

.info--page-xamarinCenter ul {
	margin: 37px 0 0 11px
}

.info--page-xamarinCenter ul li {
	margin-bottom: 15px
}

.info--ruby-1 {
	padding-bottom: 50px
}

.info--ruby-1 .heading {
	margin-bottom: 40px
}

.info--ruby-1 .info-text {
	padding: 40px;
	background: rgba(0, 0, 0, .25);
	border-radius: 10px;
	margin: 0 4% 50px
}

.info--ruby-1 .info-text h4 {
	border-bottom: 3px solid #32c5d2;
	margin: 0 0 40px;
	padding: 0 0 40px;
	font-weight: 300;
	font-size: 45px;
	line-height: 55px
}

.info--ruby-1 .info-text ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center
}

.info--ruby-1 .info-text ul li {
	padding: 0
}

.info--ruby-1 .info-text ul li:before {
	content: '';
	display: block;
	height: 21px;
	width: 100%;
	margin: 40px 0 20px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAg1JREFUeNqklD1IW1EUx19iq6NQLfiBg4Kh+AHaoQQVUQS10kVQ7CAV1K6KdSmOHaoOapxtRcVFsoroIFbcBFsVUltpiwo2g1LIqJjW/4HfC8EmMeKBH+fde8/5v3vvO+942reeOUnMJ7pEG8+PxB9xKFbEEs//mTfBXK74KELinfAj6OD9zIeIy71NtFJsi17xl6Tn4rHw4G38gfVe4iuTiZaKdVEsPoly0S9WxTkx54xfizLiisnz3RTN4I5sJ8uiRfwQFWJOnIgL/Bw7+0ncMnlL6MREX4lq8Ut0i0sxIHZFjygSmXgbfxGDxHWTV8VaTHQYPyIiolME3DcnMJufIi5CntkbV7SU+wuLoMhC0OOkNlufJj5Ivun4TLSWoE2+aKMocNKzfNFE3iZzNSaax+AYX+bczZ7gj/B5Xi7b7KFzP8vEX5robwZF+K93FPuGL8SHTfQzgzo+3AaXno6FKXzLq2dux0tTCHHpnRS51eC/NEQHie8g30556NbpJP69yKZEhkQ0iViU9SDxo8xPxBf/vNgTJWKRS7cafCoWxKm4wi8wHyBukbw9dJwHcW+23rklXog10Sf23V8vgZXQxRrEmXjpniy+S30XzVSDBR6IGdEqcojJoYnMsN7Ax2qOq4LYTl3bpTGMscN+SHavs+ItO03Z+c84uv3H4zThCGsRxuOs990UNLsWYAAcVn55NjxM+AAAAABJRU5ErkJggg==) 50% 50% no-repeat
}

@media (max-width:1029px) {
	.info--ruby-1 .info-text {
		margin: 0 auto 50px
	}
}

@media (max-width:767px) {
	.info--ruby-1 .info-text h4 {
		font-size: 30px;
		line-height: 34px
	}
	.info--ruby-1 .info-text {
		margin: 0 auto 30px
	}
}

@media (max-width:480px) {
	.info--ruby-1 .info-text ul li {
		width: 100%
	}
}

.info--ruby-2 {
	background-position: 50% 100%;
	background-repeat: no-repeat;
	padding-bottom: 100px;
	overflow: hidden
}

.info--ruby-2 .heading {
	margin-bottom: 85px
}

.info--ruby-2 .info-text {
	position: relative;
	padding-bottom: 200px
}

.info--ruby-2 .info-text:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	box-sizing: content-box;
	padding: 0 2%;
	height: 400px;
	left: -2%;
	bottom: 0;
	background: url(/sites/all/themes/iflexion/images/vis-info-ruby-2.png) 50% 50% no-repeat;
	background-size: 100% auto;
	z-index: 1
}

.info--ruby-2 .info-text .col-md-5ths {
	padding-bottom: 100px;
	font-size: .9em;
	z-index: 5
}

.info--ruby-2 .info-text .col-md-5ths:before {
	content: '';
	display: block;
	position: absolute;
	right: 100%;
	top: 0;
	height: 91%;
	width: 1px;
	border-left: 1px solid #ebebeb
}

.info--ruby-2 .info-text h4 {
	margin: -20px 0 0;
	font-size: 21px;
	position: relative;
	font-weight: 500
}

.info--ruby-2 .info-text h4:before {
	position: absolute;
	margin: 0 9px;
	top: 0;
	right: 100%
}

.info--ruby-3 ul li:before,
.info--webappdev-2 ul li:before {
	top: 10px
}

.info--ruby-2 .info-text p {
	margin-top: .5em
}

.info--ruby-2.bgcolor--white+.bgcolor--white {
	padding-top: 70px
}

@media (max-width:1030px) {
	.info--ruby-2 {
		padding-bottom: 0
	}
	.info--ruby-2 .info-text {
		text-align: center
	}
	.info--ruby-2 .info-text .col-md-5ths:before,
	.info--ruby-2 .info-text h4:before {
		display: none
	}
}

@media (max-width:1029px) {
	.info--ruby-2 .heading {
		margin-bottom: 0
	}
	.info--ruby-2 .info-text h4 {
		margin-top: 0
	}
	.info--ruby-2 .info-text .col-md-5ths {
		margin-bottom: 50px;
		padding-bottom: 0
	}
	.info--ruby-2.bgcolor--white+.bgcolor--white {
		padding-top: 50px
	}
	.info--ruby-3 .info-text .row .info-text {
		width: 100%
	}
}

@media (max-width:767px) {
	.info--ruby-2 .info-text .col-md-5ths {
		margin-bottom: 30px
	}
}

.info--ruby-3 {
	background-size: 100% auto;
	background-position: 0 100%
}

.info--ruby-3 .heading-description p {
	font-size: 17px;
	line-height: 30px
}

.info--webappdev-2 {
	padding-bottom: 0
}

.info--webappdev-2 .info-media img {
	display: block;
	margin: 100px auto 0
}

@media (min-width:1200px) {
	.info--webappdev-2 .row {
		width: 100%;
		display: table;
		table-layout: fixed
	}
	.info--webappdev-2 .info-text {
		padding-bottom: 100px
	}
	.info--webappdev-2 .info-media,
	.info--webappdev-2 .info-text {
		display: table-cell;
		vertical-align: bottom;
		float: none
	}
	.info--webappdev-2 .info-media img {
		display: block;
		margin-top: 0
	}
}

.info--backend-1 {
	border: solid #FFF;
	border-width: 100px 0 0
}

.info--backend-1 .info-text p {
	margin-bottom: 0;
	font-size: 17px;
	line-height: 28px
}

.info--backend-1 .info-media {
	margin: -200px 0 40px;
	z-index: 10
}

@media (min-width:1030px) {
	.info--backend-1 {
		border: solid #FFF;
		border-width: 100px 0
	}
	.info--backend-1 .info-media {
		margin: -200px 0
	}
}

.info--qa {
	padding: 30px 0;
	text-align: center
}

.info--qa h4 {
	margin: .5em 0
}

@media (min-width:1030px) {
	.info--qa .info-media {
		text-align: right
	}
	.info--qa .info-text {
		text-align: left
	}
}

.info--qa-1 {
	padding-top: 89px;
	padding-bottom: 105px
}

.info--qa-1 .heading-title h3 {
	font-size: 52px;
	line-height: 60px
}

@media (max-width:767px) {
	.info--qa-1 {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.info--qa-1 .heading-title h3 {
		font-size: 32px;
		line-height: 39px
	}
}

.info--qa-1 .heading-description {
	max-width: 950px;
	margin-top: 38px;
	margin-left: auto;
	margin-right: auto
}

.info--qa-1 .heading-description p {
	font-size: 19px;
	line-height: 30px
}

.info--qa-1 .heading~.info-row {
	margin-top: 95px
}

.info--support-1 .col-sm-6 .info-text {
	padding: 40px;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	margin: 0 4% 100px
}

.info--support-1 .col-sm-6 .info-text h4 {
	border-bottom: 3px solid #32c5d2;
	margin: 0 0 40px;
	padding: 0 0 40px
}

.info--support-1 .col-sm-6 .info-text li {
	margin-bottom: 1em
}

.info--support-1 .col-sm-6 .info-text li:last-child {
	margin-bottom: 0
}

.info--support-1 ul li:before {
	top: .7em
}

@media (max-width:1029px) {
	.info--support-1 .col-sm-6 .info-text {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 50px
	}
}

@media (max-width:767px) {
	.info--support-1 .col-sm-6 .info-text {
		margin-bottom: 30px
	}
	.info--support-1 .info-text li:first-child {
		margin-top: 0
	}
}

.info--support-3 {
	padding-bottom: 23px
}

.info--support-3 .info-media img {
	position: relative;
	top: -62px
}

.info--support-3 ul li {
	margin-bottom: 18px
}

.info--support-3 ul li:before {
	top: 12px
}

.info--support-3 .heading-title h3 {
	line-height: 57px
}

@media (max-width:767px) {
	.info--support-3 {
		padding-bottom: 50px
	}
	.info--support-3 .info-media img {
		top: auto
	}
}

.info--page-methodology ul li:before,
.info--page-quality-management ul li:before,
.info--page-quality-management-1 ul li:before {
	top: 10px
}

.info--page-prototyping {
	padding-top: 52px;
	padding-bottom: 0;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0, #f7f7f7 100%);
	background: -webkit-linear-gradient(top, #fff 0, #f7f7f7 100%);
	background: linear-gradient(to bottom, #fff 0, #f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
	z-index: 1
}

.info--page-prototyping .info-text {
	padding-top: 55px;
	padding-bottom: 55px
}

.info--page-prototyping h3 {
	font-size: 52px;
	line-height: 60px
}

.info--page-prototyping .info-media img {
	margin-bottom: -40px
}

.info--page-prototyping ul li {
	margin-bottom: 20px;
	font-size: 19px;
	line-height: 25px
}

@media (max-width:1029px) {
	.info--page-prototyping {
		padding-top: 0;
		padding-bottom: 100px
	}
	.info--page-prototyping .info-media img {
		display: none
	}
	.info--page-prototyping .info-text {
		padding-top: 0;
		padding-bottom: 0
	}
	.info--page-methodology .info-text.col-sm-6 {
		width: 100%
	}
}

@media (max-width:767px) {
	.info--page-prototyping {
		padding-bottom: 50px
	}
	.info--page-prototyping h3 {
		font-size: 32px;
		line-height: 39px;
		text-align: center
	}
}

.info--page-methodology {
	color: #FFF;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-image: url(/sites/all/themes/iflexion/images/bg-info--page-methodology.jpg);
	background-size: cover
}

.info--page-content-and-document-management {
	padding-bottom: 130px
}

.info--page-content-and-document-management ul li {
	margin-bottom: 25px;
	line-height: 25px
}

@media (max-width:1029px) {
	.info--page-content-and-document-management {
		padding-bottom: 100px
	}
}

@media (max-width:767px) {
	.info--page-content-and-document-management {
		padding-bottom: 50px
	}
	.info--page-content-and-document-management .col-xs-6 {
		width: 100%
	}
}

.info--page-quality-management {
	background-color: #FFF
}

.info--page-quality-management ul li {
	font-weight: 300
}

.info--page-quality-management-1 {
	padding-top: 90px;
	padding-bottom: 56px
}

.info--page-quality-management-1 h3 {
	margin-bottom: 50px
}

.info--page-quality-management-1 p:last-of-type {
	margin-bottom: 58px
}

@media (max-width:1029px) {
	.info--page-quality-management-1 {
		padding-top: 100px
	}
	.info--page-quality-management-1 .col-xs-6 {
		width: 100%!important;
		float: none!important
	}
	.info--page-quality-management .info-text .row .info-text {
		width: 100%
	}
	.info--page-quality-management-1 .info-media {
		display: none
	}
}

.info--page-dedicated-development-teams {
	margin-top: -36px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-image: url(/sites/all/themes/iflexion/images/bg-info-dedicated-development-teams.jpg);
	background-size: cover
}

.info--page-dedicated-development-teams ul li:before {
	top: .7em
}

@media (max-width:767px) {
	.info--page-quality-management-1 {
		padding-top: 50px
	}
	.info--page-dedicated-development-teams {
		margin-top: 0
	}
}

.info--page-dedicated-development-teams .info-text--1 {
	color: #232323
}

.info--page-dedicated-development-teams h4 {
	font-weight: 300;
	text-transform: uppercase
}

.info--page-dedicated-development-teams ul li+li {
	margin-top: 15px
}

@media (max-width:1030px) {
	.info--page-dedicated-development-teams {
		padding-top: 0;
		padding-bottom: 0;
		background: 0 0
	}
	.info--page-dedicated-development-teams .info-text--1,
	.info--page-dedicated-development-teams .info-text--2 {
		padding-top: 100px;
		padding-bottom: 100px;
		padding-right: 80px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover
	}
	.info--page-dedicated-development-teams .info-text--1 {
		background-image: url(/sites/all/themes/iflexion/images/bg-info-dedicated-development-teams1.jpg)
	}
	.info--page-dedicated-development-teams .info-text--2 {
		background-image: url(/sites/all/themes/iflexion/images/bg-info-dedicated-development-teams2.jpg)
	}
}

@media (max-width:1029px) {
	.info--page-dedicated-development-teams .info-text {
		width: 100%
	}
	.info--page-dedicated-development-teams .info-text h4 {
		margin-top: 0
	}
	.info--page-dedicated-development-teams .info-text--1,
	.info--page-dedicated-development-teams .info-text--2 {
		padding-top: 100px
	}
}

@media (max-width:767px) {
	.info--page-dedicated-development-teams .info-text--1,
	.info--page-dedicated-development-teams .info-text--2 {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

@media (max-width:600px) {
	.info--page-dedicated-development-teams .info-text--1,
	.info--page-dedicated-development-teams .info-text--2 {
		padding-right: 15px
	}
}

.info--page-omnichannel-ecommerce {
	margin-bottom: 78px;
	padding-top: 200px;
	padding-bottom: 150px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(/sites/all/themes/iflexion/images/bg-mobile-commerce.jpg)
}

.info--page-omnichannel-ecommerce h3 {
	margin-bottom: 39px;
	font-size: 52px;
	line-height: 60px
}

.info--page-omnichannel-ecommerce ul li:before {
	top: 6px!important
}

.info--page-omnichannel-ecommerce .col-sm-7 p:last-of-type {
	margin-bottom: 0
}

.info--page-omnichannel-ecommerce-1 {
	padding-top: 112px;
	padding-bottom: 67px
}

.info--page-omnichannel-ecommerce-1 ul li:before {
	top: 7px
}

@media (max-width:767px) {
	.info--page-omnichannel-ecommerce {
		margin-bottom: 0
	}
	.info--page-omnichannel-ecommerce h3 {
		font-size: 32px;
		line-height: 39px
	}
	.info--page-omnichannel-ecommerce-1 {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

.info--page-omnichannel-ecommerce-1 h3 {
	margin-bottom: 46px;
	font-size: 52px;
	line-height: 60px
}

.info--page-omnichannel-ecommerce-1 .info-media {
	text-align: right
}

.info--page-omnichannel-ecommerce-1 .info-media img {
	position: relative;
	margin-top: 13px
}

@media (max-width:1920px) {
	.info--page-omnichannel-ecommerce {
		background-position: 0 36%;
		background-size: 100% auto
	}
}

@media (max-width:1440px) {
	.info--ruby-2 .info-text .col-md-5ths:before {
		height: 95%
	}
	.info--page-omnichannel-ecommerce {
		padding-top: 0;
		padding-bottom: 100px
	}
}

@media (max-width:1029px) {
	.info--page-omnichannel-ecommerce {
		padding-top: 0;
		padding-bottom: 100px;
		background: #FFF
	}
}

@media (max-width:767px) {
	.info--page-omnichannel-ecommerce-1 h3 {
		font-size: 32px;
		line-height: 39px
	}
	.info--page-omnichannel-ecommerce {
		padding-bottom: 50px
	}
}

.info--page-overview {
	outline: #e2e2e2 solid 1px
}

.info--main {
	padding-bottom: 142px
}

.info--main .heading-title {
	width: 100%;
	margin-bottom: 30px
}

.info--main .info-block {
	padding-left: 0;
	padding-right: 0
}

.info--main .heading-title h3 {
	margin-bottom: 0;
	line-height: 72px;
	text-align: left
}

.info--main .info-block p {
	line-height: 1.8
}

@media (max-width:1200px) {
	.info--main .heading-break {
		display: inline
	}
}

@media (max-width:1029px) {
	.info--main {
		padding-bottom: 100px
	}
	.info--main .heading-title h3 {
		text-align: center
	}
	.info--main .info-block--visual {
		display: none
	}
}

@media (max-width:767px) {
	.info--main {
		padding-bottom: 50px
	}
	.info--main .cta-area:last-child {
		margin-bottom: 0
	}
}

.info--page-methodology-1 ul li:before {
	top: 12px
}

@media (min-width:1440px) {
	.infoList--expertise-mob-app-dev {
		padding-bottom: 0!important
	}
}

.infoList--expertise-mob-app-dev .infoList-title h4 {
	font-size: 35px;
	line-height: 40px;
	color: #32c5d2
}

.infoList--expertise-mob-app-dev .infoList-object img {
	top: 0!important
}

.info--expertise-mobility {
	padding: 210px 0 0;
	background-position: top center;
	background-color: #eaeaea
}

@media screen and (min-width:1921px) {
	.info--expertise-mobility {
		background-size: 100%
	}
}

@media screen and (max-width:1600px) {
	.info--expertise-mobility {
		background-size: 100%
	}
}

.info--expertise-mobility .heading {
	margin-bottom: 100px
}

.mobility-list {
	padding: 0 0 120px;
	transform: translateX(1.8%);
	display: flex;
	max-width: 1900px;
	margin: 0 auto;
	justify-content: center
}

.mobility-list .column {
	max-width: 483px;
	min-height: 900px;
	flex-shrink: 1;
	width: 25%;
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat
}

@media screen and (max-width:1800px) {
	.mobility-list {
		flex-wrap: wrap
	}
	.mobility-list .column {
		width: 50%
	}
}

@media screen and (max-width:1023px) {
	.info--expertise-mobility {
		padding-top: 100px;
		background-image: none!important
	}
	.mobility-list {
		transform: translateX(4.8%);
		padding-bottom: 60px
	}
	.mobility-list .column {
		width: 100%;
		margin: 0 auto
	}
}

@media screen and (max-width:767px) {
	.mobility-list {
		display: block;
		transform: none
	}
	.info--expertise-mobility .heading {
		margin-bottom: 50px
	}
	.mobility-list .column {
		width: 100%;
		max-width: 100%;
		min-height: auto;
		margin-bottom: 30px;
		background: 0 0!important
	}
	.mobility-list .cards-wrapper {
		padding: 0!important
	}
}

.mobility-list .cards-wrapper {
	width: 100%;
	padding: 18% 28% 30px 30px
}

.mobility-list .cards-name h4 {
	color: #51c435;
	letter-spacing: -.5px
}

.infoRotator {
	position: relative;
	width: 100%;
	max-width: 660px;
	left: 112px;
	top: -28px;
	line-height: 0;
	font-size: 0;
	transform: translateZ(0)
}

.infoRotator-circle,
.infoRotator-wrapper {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.infoRotator-placeholder {
	max-width: none;
	width: 100%
}

.infoRotator-circle {
	border: 1px solid #e3e3e3;
	border-radius: 50%
}

.infoRotator-link:after,
.infoRotator-marker {
	border-radius: 50%;
	position: absolute;
	display: block
}

.infoRotator-circle--1 {
	animation: rotate-clockwise 180s linear infinite
}

.infoRotator--animation--false .infoRotator-circle--1 {
	animation: none
}

.infoRotator-circle--2 {
	width: 96%;
	height: 96%;
	top: 2%;
	left: 2%
}

.infoRotator-circle--3 {
	width: 92%;
	height: 92%;
	top: 4%;
	left: 4%;
	animation: rotate-counterclockwise 180s linear infinite
}

.infoRotator--animation--false .infoRotator-circle--3 {
	animation: none
}

.infoRotator-marker {
	width: 6px;
	height: 6px;
	top: 0;
	left: 0;
	background-color: #cecece;
	z-index: 3
}

.infoRotator-link {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	top: -7px;
	left: -7px
}

.infoRotator-link:after {
	content: '';
	width: 6px;
	height: 6px;
	top: 7px;
	left: 7px;
	background-color: #54c439;
	transition: all .2s ease
}

.infoRotator-link.active:after,
.infoRotator-link:hover:after {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 1), 0 0 0 7px rgba(84, 196, 57, .2), 0 0 0 8px rgba(255, 255, 255, 1), 0 0 0 10px rgba(84, 196, 57, .1), 0 0 0 11px rgba(255, 255, 255, 1), 0 0 0 12px rgba(84, 196, 57, .05)
}

.infoRotator-content {
	position: absolute;
	width: 90%;
	height: 90%;
	top: 5%;
	left: 5%;
	z-index: 1
}

.infoRotator-box,
.infoRotator-eclipse {
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%
}

.infoRotator-eclipse {
	display: block;
	left: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(/sites/all/themes/iflexion/images/ellipse-inner.png);
	background-size: contain;
	transform: rotate(0)
}

.infoRotator-eclipse.animation {
	animation: rotate-clockwise 4s linear
}

.infoRotator-box {
	display: none;
	left: 0;
	font-size: 19px;
	line-height: 30px;
	text-align: center
}

.infoRotator-box.active {
	display: block
}

.infoRotator-table {
	position: absolute;
	display: table;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.slider .owl-theme .owl-controls .owl-buttons div,
.slider .owl-theme .owl-controls .owl-buttons div:after {
	position: absolute;
	display: block;
	top: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAA4CAYAAAAPW43lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtpJREFUeNrs2rFLG1EcB/Dkh1N3J+kSB5NZJzE4aKBDC5aaDnF3klK69G/oIlI6ZW8GtSjYoZB2kFqn7qlDXYqTe+kU+3vyO7ked3n3e72892i/X/hx4HkJfj/e5d6RemNxveaQHs99nle1ivP969D52PmlTi2yvOT5wTPQ/u3kiPKU56CG2HIgXfW0B5IjygueS/RuzaV0pcYhJUoXKM44XQ0OKVAe8+wAxRlnRzrsVQWToDznuULHzrmSDkvh2GC2gDI1nC1XmG2eDaBMDWdDOlbBmAM6QJk6TqcIh4ASJw7loKwBxTvOWhaHMiirclsHFL84pvPV+aXOdhYmQTF61+jKe66l+zucemNx/RlvzZPMDzw/0VHQ3ON5wPOR0EWcmeF5zfMrlkvZP/bYX5NZnj2e99xBPzlj+jynsmMW/6/BUE4NSvauLMF5wzOHrrxlTjq/Q8lbx5gdn0QPOH5Q9qTzvm3lb35hCBxvKMMsShEMcAKjTIJJcI6BMzWU4yIUG4zJW54j4FSOciTd1lxhTAbAqRzF+nWmsiv/BMfc1jXQsToN6a4UigYmwTHfk9oFjhplV7oblD1I+6zMvPA+cNQo+xoUF5g0The9W9N1QTGpP/zSdHnD8V/A/k+x9nSyPKrsjDFvVue5QO/WXEhXY+2B5IjyjaeF3q1pSVdqHAJKnDikRDkDijPOmQaHlChtdOyctgaHgBInDgElThwCSlicR+etcVkYoESAQ0CJE4dyUN4BxV9Olkdt6fwPHMpB2URd3nE2szjmIWaCcoOKositBZ4OR5oZuZzhUhbuMna75UvYIW+emLOFf0aU+qy5kR2HqMtvsijJZwxul8PmM89KGiVvHZOcOStyABIApWjlD5zAKEUwwAmMMgkGOB5QJvVvW8cAJwBKGRjgBEApC5PFGaFjdUYaFA1MGqcJHDVKU4OihQGOJxQXmDTOAnq3ZsEFxeS3AAMAvMgAx29j038AAAAASUVORK5CYII=);
	transition: opacity .2s ease
}

.infoRotator-table td {
	vertical-align: middle
}

.infoRotator-box h4 {
	margin-bottom: 0;
	   
	font-weight: 300;
	font-size: 180px;
	line-height: 180px;
	color: #32c5d2
}

.infoRotator-box p {
	padding-left: 16%;
	padding-right: 16%
}

@media (max-width:1600px) {
	.infoRotator {
		left: 0
	}
}

@media (max-width:1439px) {
	.infoRotator-box h4 {
		font-size: 140px;
		line-height: 140px
	}
}

@media (max-width:1199px) {
	.infoRotator-box h4 {
		font-size: 100px;
		line-height: 100px
	}
}

@keyframes rotate-clockwise {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(360deg)
	}
}

@keyframes rotate-counterclockwise {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(-360deg)
	}
}

.slider .owl-theme .owl-controls .owl-buttons div {
	width: 51px;
	height: 28px;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -999px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	border-radius: 0;
	zoom: 1;
	filter: Alpha(Opacity=100);
	opacity: 1
}

.slider .owl-theme .owl-controls .owl-buttons div:after {
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	background-repeat: no-repeat;
	background-position: 0 -28px;
	opacity: 0
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);
	opacity: 1
}

.slider .owl-theme .owl-controls .owl-buttons div:active {
	filter: Alpha(Opacity=60);
	opacity: .6
}

.slider .owl-theme .owl-controls .owl-buttons .owl-next:hover:after,
.slider .owl-theme .owl-controls .owl-buttons .owl-prev:hover:after {
	opacity: 1
}

.slider .owl-theme .owl-controls .owl-buttons .owl-prev {
	left: 0;
	background-position: 0 0
}

.slider .owl-theme .owl-controls .owl-buttons .owl-prev:after {
	background-position: 0 -28px
}

.slider .owl-theme .owl-controls .owl-buttons .owl-next {
	right: 0;
	background-position: -51px 0
}

.slider .owl-theme .owl-controls .owl-buttons .owl-next:after {
	background-position: -51px -28px
}

.slider .owl-controls {
	position: relative;
	max-width: 1380px;
	margin-left: auto;
	margin-right: auto
}

.slider .owl-theme .owl-controls .owl-buttons .owl-disabled,
.slider .owl-theme .owl-controls .owl-buttons .owl-disabled:hover {
	pointer-events: none;
	filter: Alpha(Opacity=10);
	opacity: .1
}

.slider .grabbing {
	cursor: default
}

@media (max-width:1030px) {
	.owl-buttons {
		display: none
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2) {
	.slider .owl-theme .owl-controls .owl-buttons div,
	.slider .owl-theme .owl-controls .owl-buttons div:after {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAABwCAYAAABSKp/8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABTBJREFUeNrs3T1vFEccgPG5P1tESoP4CNDkpTQVUjroHCCNhe10gKki0SFAEAESUboEKju0No4rDHR2CxU9FV8B0QCdjxl7Dq+P3bu5nZ3Zu5nnkUa6GNC9zPzYvcvt0Ds5d1ZFzNzZRT1u6PFRkXr3Zqfy56dOn+PFGd33evytxzM9dmPNSxEZyy09enrM6/E/c04emTX0sx4/2f/ejXGn0gGW53psMd/k2ZZdSz27tqKcKhUdYPlHjz7zTZ717VoynbdrLPiRpgALgWY6wICFkkNTgIVA0y2YC3pct7fNR36PwEIR0eypg/91cVsdfPS8Pc1gylie6rHGPFJkNP/q8VmPxdJabA2NgIUSbM2uQWXX5IVpAwMWygKNgIVAEw8MWCgrNAIWAk14MEslLOtgoRlBs15CsxQLjLmjq/b2f3o8YS5oRnpi16yya3gpNJhhLBvMAc1YGz5oBCwEGnc0AhYCjTsaAQuBxh3NODDLYKHM0Cw3BbOixxV7exUslDiaVXv7il37E4Exf2DR3jZfmd7kNaXE21SH19Qsnjp9bsUVzDCWbV5LyqTtcWgELETuaAQsRO5oBCxE3/buzU4lmt7JubNlLERU31NzhOnxOhA51TObYJjPn/ucknV26K/8OZuRdz8veg6OXPOlf7Y2eA8TbNMAolmsCkv5TT9oiA6rxDIMBjREI7BUgQENgaUGSx2YKjSXeC0p8S6NwzIKzADN4Hr9a6rhpgFEM9CSXePKrvnaTV3GXQ9jdtnw2jSAaAawlK/5Wh/1m12uuNwADWWCZew1X67X9IOGsscyCRjQUPZYJgUDGsoaSxMwVWguMwc0I11Wnpu6NN1b2dzR4FqB39WITQOIpqQVu1aVXbuNNnXx2b3/yAU2oKEpx9LKt/F9/30Y0FA2WNoAAxrKBktbYEBDWWBpEwxoKHkspqLlBzp4YNftA/5Oj8fq4BJootCZ/Sn+0OO3EFhCgBmg+aTHTfvAj9kHDhoKjcX8RX3errW/9Nhp+06KQA9+xz7oW/YJKNBQRCwP9dgNcUdFwCcxeMCgoSSwhAYDGkoKSwwwoKFksJgk0pPbtU+ob5/gAvNNni3ExhLrCDN8pLmox0vmmzwza+gXPZ7FwrJ/WJt/9UPMJ7lnD6X39fiTOSeP7ulx1x5hGp8pvTjzdipPycpYTHeYb/LsTum9zF6sO5UOsJi/EU4w3+TZCXX4wVE0NNIRlg/MN3n2oQs0AhYCzXSAAQslh0bAQqDpFgxYKFk0RWAswjxSZDRSWocDNK2tQwELJZiEOtIIWAg0ccGAhbJBI2Ah0MQBAxbKDo2AhUATFgxYKFs0AhbKGc2vr3/cCwUGLJQ9GgELgcYdjYCFQOOORsBCOffizNuJ0AhYCDTuaAQsRO5oBCxE7mgELETuaAQsRO5oBCxE7mjMVrFlLERUX58jCdEEFeropgGcklFup161v2ZPw766MKdpUnovE32fWqJprQqLGjqSgIZoBBZVceoFGgJLDRZV814FNASWCixqxJt70BBYamAo0BBYxmPZh+Dwb1zykTOlnDMW5bj4OdIQWCYAAxoCy4RgQEPZY5kUDGgoayxNwICGksHSZP03/cQLNJQdFh8woKHssPiCAQ1lhaUNMKChbLC0BQY0lAWWNsGAhpLH0jaYOjTHmT+K1HEV+LuPIb5IOYzmPWgoEpb3KvAXhUN98xg0lByWkGBAQ8lhCQ0GNJQUlhhgQEPJYIkFpg4NkU/RscQEM4zmAfNNnj2IjcX0RYABAJFbOqn2dSqJAAAAAElFTkSuQmCC);
		background-size: 102px 56px
	}
}

.content-row--column--1 .tags-title {
	color: #FFF
}

@media (max-width:1280px) {
	.content-row--column--1 .tags-title {
		color: #234
	}
}

@media (max-width:767px) {
	.tags {
		display: none
	}
}

.tags-item,
.tags-section {
	display: inline-block;
	vertical-align: top
}

.tags {
	position: relative
}

.tags-section {
	margin-right: 15px
}

.tags-title {
	font-weight: 500;
	font-size: 10px;
	line-height: 26px;
	color: #6f6f6f
}

.tags-item {
	margin-right: 10px;
	margin-bottom: 11px;
	padding-left: 11px;
	padding-right: 11px;
	font-size: 13px;
	line-height: 25px;
	color: #FFF;
	background-color: #51c136
}