*, *:before, *:after {
  box-sizing: border-box;
}
.header-image
{
	background-size: cover;
    background-position: center center;
    background-attachment: scroll;
    background-color: #fff;
    background-repeat: repeat-x;
    height: 500px;
   
}
.intellyze-products-header-title { color: #fff; padding: 15% 0px 2%; }
.intellyze-products-header-title h1
{
	font-size: 52px;
    font-weight: bold;
}
.intellyze-products-header-title h2
{
	font-weight: 300;
    font-size: 35px;
}

/*---------- section 2 -------------*/
.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}
/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	/*margin: 10px 1%;*/
    min-width: 100%;
    max-width: 680px;
    max-height: 500px;	
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	border-radius: 7px;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.9;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform:capitalize;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.productsdiv.grid figure figcaption { text-transform:capitalize; } 
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: 0.1em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
	font-weight: 600;
    font-size: 30px;
    color: #59d65a;
    line-height: 55px;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*---------------*/
/***** product0 *****/
/*---------------*/

figure.effect-bubba {
	background: #3dbddb;
}

figure.effect-bubba img {
	opacity: 0.9;

}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	//-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	//transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	/*border-top: 1px solid #fff;*/
	/*border-bottom: 1px solid #fff;*/
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	/*border-right: 1px solid #fff;*/
	/*border-left: 1px solid #fff;*/
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 20%;
	//-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	text-align: left;
	line-height: 35px;
	text-transform: capitalize;
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	/*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0); */
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;

	/*-webkit-transform: scale(1);
	transform: scale(1); */
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;

	/*-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0); */
}
.products-viewmore { font-size: 13px; text-transform: capitalize; text-decoration: none; color: #fff; font-weight: 500; word-spacing: 3px;
    bottom: 8%;
    position: absolute;
    left: 2em;

 }
.products-viewmore:hover { text-decoration: none; color: #fff; }


/*---------------*/
/***** product1 *****/
/*---------------*/

figure.effect-bubba1 {
	background: #41c2bb;
}

figure.effect-bubba1 img {
	opacity: 6;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba1:hover img {
	opacity: 0.4;
}

figure.effect-bubba1 figcaption::before,
figure.effect-bubba1 figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	/*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s; */
}

figure.effect-bubba1 figcaption::before {

	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba1 figcaption::after {

	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba1 h2 {
	padding-top: 20%;
	/*-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);*/
	text-align: left;
	line-height: 35px;
}

figure.effect-bubba1 p {
	padding: 20px 2.5em;
	opacity: 0;
	/*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0); */
}

figure.effect-bubba1:hover figcaption::before,
figure.effect-bubba1:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba1:hover h2,
figure.effect-bubba1:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------------*/
/***** product2	 *****/
/*---------------*/

figure.effect-bubba2 {
	background: #43ce8b;
}

figure.effect-bubba2 img {
	opacity: 6;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba2:hover img {
	opacity: 0.4;
}

figure.effect-bubba2 figcaption::before,
figure.effect-bubba2 figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	/*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;*/
}

figure.effect-bubba2 figcaption::before {

	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba2 figcaption::after {

	/*-webkit-transform: scale(1,0);
	transform: scale(1,0);*/
}

figure.effect-bubba2 h2 {
	padding-top: 20%;
	/*-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);*/
	text-align: left;
	line-height: 35px;
}

figure.effect-bubba2 p {
	padding: 20px 2.5em;
	opacity: 0;
	/*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);*/
}

figure.effect-bubba2:hover figcaption::before,
figure.effect-bubba2:hover figcaption::after {
	opacity: 1;
	/*-webkit-transform: scale(1);
	transform: scale(1);*/
}

figure.effect-bubba2:hover h2,
figure.effect-bubba2:hover p {
	opacity: 1;
	/*-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);*/
}
/*---------------*/
/***** product3	 *****/
/*---------------*/

figure.effect-bubba3 {
	background: #59d55a;
}

figure.effect-bubba3 img {
	opacity: 6;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba3:hover img {
	opacity: 0.4;
}

figure.effect-bubba3 figcaption::before,
figure.effect-bubba3 figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	/*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;*/
}

figure.effect-bubba3 figcaption::before {

	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba3 figcaption::after {

	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba3 h2 {
	padding-top: 20%;
	/*-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);*/
	text-align: left;
	line-height: 35px;
}

figure.effect-bubba3 p {
	padding: 20px 2.5em;
	opacity: 0;
	/*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);*/
}

figure.effect-bubba3:hover figcaption::before,
figure.effect-bubba3:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba3:hover h2,
figure.effect-bubba3:hover p {
	opacity: 1;
	/*-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);*/
}
/*---------------*/
/***** product4	 *****/
/*---------------*/

figure.effect-bubba4 {
	background: #6ee032;
}

figure.effect-bubba4 img {
	opacity: 6;
	/*-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;*/
}

figure.effect-bubba4:hover img {
	opacity: 0.4;
}

figure.effect-bubba4 figcaption::before,
figure.effect-bubba4 figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	/*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;*/
}

figure.effect-bubba4 figcaption::before {

	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba4 figcaption::after {

	/*-webkit-transform: scale(1,0);
	transform: scale(1,0);*/
}

figure.effect-bubba4 h2 {
	padding-top: 20%;
	/*-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);*/
	text-align: left;
	line-height: 35px;
}

figure.effect-bubba4 p {
	padding: 20px 2.5em;
	opacity: 0;
	/*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);*/
}

figure.effect-bubba4:hover figcaption::before,
figure.effect-bubba4:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba4:hover h2,
figure.effect-bubba4:hover p {
	opacity: 1;
	/*-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);*/
}
/*---------------*/
/***** product5	 *****/
/*---------------*/

figure.effect-bubba5 {
	background: #3dbddb;
}

figure.effect-bubba5 img {
	opacity: 6;
	/*-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;*/
}

figure.effect-bubba5:hover img {
	opacity: 0.3;
}

figure.effect-bubba5 figcaption::before,
figure.effect-bubba5 figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;

}

figure.effect-bubba5 figcaption::before {
	/*border-top: 1px solid #fff;*/
	/*border-bottom: 1px solid #fff;*/
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba5 figcaption::after {
	/*border-right: 1px solid #fff;*/
	/*border-left: 1px solid #fff;*/
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba5 h2 {
	padding-top: 20%;

	text-align: left;
	line-height: 35px;
}

figure.effect-bubba5 p {
	padding: 20px 2.5em;
	opacity: 0;

}

figure.effect-bubba5:hover figcaption::before,
figure.effect-bubba5:hover figcaption::after {
	opacity: 1;

}

figure.effect-bubba5:hover h2,
figure.effect-bubba5:hover p {
	opacity: 1;

}

/*----------- our clients ----------*/
figure.effect-bubba1:hover.productsdiv .grid figure h2 span { color: #fff!important;  }
.grid figure figcaption:hover h2 span { color: #fff!important; }
.subtitle 
{     
	color: #6ee132;
    font-size: 42px;
    font-weight: bold; 
}
.clients-sub { font-weight: 400; font-size: 30px; color: #32323c; line-height: 42px; }
  .carousel-inner img {
      width: 100%;
      height: 100%;
  }
.carousel-control-prev 

{ 
    left:0;
    right:8%;
    margin: auto;
    background: #6ee132;
    width: 80px;
    height: 3px;
    top: 40%;

 }
.carousel-control-next
{
	left: 8%;
    right: 0;
    margin: auto;
    background:#6ee132;
    width: 80px;
    height: 3px;
    top: 40%;
}
.carousel-control-prev-icon ,.carousel-control-next-icon
{
	background-image: url('img/substract.svg')!important;
}
.product-slide { height: auto!important; }

.product-slide .carousel-control-prev ,

.product-slide .carousel-control-next { top: 100%!important; }
.valuable-clients { padding-bottom: 60px; }
.productsdiv .grid figure h2 span {     text-transform: uppercase;  }


@media(max-width: 1025px)
{
	.product-slide .carousel-control-next, .product-slide .carousel-control-prev { width: 30px; }
	figure.effect-bubba h2, figure.effect-bubba1 h2, figure.effect-bubba2 h2, figure.effect-bubba3 h2, figure.effect-bubba4 h2,
	figure.effect-bubba5 h2, figure.effect-bubba6 h2 { padding-top: 9%; }
}
@media(max-width: 991px)
{
	.grid figure figcaption {
    padding: 8em 2em;
}
}
@media(max-width:800px)
{
	.intellyze-products-header-title { padding-top:25%; }
}
@media(max-width: 768px)
{
	.product-slide .carousel-control-next, .product-slide .carousel-control-prev { width: 20px; }
	figure.effect-bubba h2, figure.effect-bubba1 h2,  
	figure.effect-bubba2 h2, figure.effect-bubba3 h2,
	figure.effect-bubba4 h2, figure.effect-bubba5 h2 { padding-top: 0;    line-height: 20px; }
	.valuable-clients { padding-bottom: 30px; }
	 .intellyze-products-header-title { padding:0px; }
	 .header-image { height:auto; }
	
}
@media(max-width: 600px)
{
.grid figure figcaption {
    padding: 8em 2em; 
}
}
@media(max-width: 480px)
{
.intellyze-products-header-title h1

 {
    font-size: 35px;
}
.intellyze-products-header-title h2 { font-size: 25px; }
.intellyze-products-header-title {
    padding: 45% 0px 2%;
}
.subtitle { font-size: 35px; }
.clients-sub { line-height: 30px; font-size: 22px; }
.grid figure h2 { font-size: 15px; }
.grid figure figcaption { padding: 4em 2em; }
}
@media (max-width: 360px)
{
	.grid figure figcaption {
    padding: 3em 2em;
}
}