html{font-size:16px}
.v-space{padding:50px 0}
.first-fold{background-position:center top;height:692px;background-repeat:no-repeat}
.first-fold h1{color:#111;font-size:4.5em;font-weight:800;line-height:1;padding-top:165px;max-width:530px}
.first-fold h1 span{display:block;color:#111;font-size:28px;font-weight:300;line-height:1;text-transform:uppercase;margin-top:50px;text-align:right}
.section-title{text-align:center;margin:0 auto}
.section-title.alignleft{text-align:left}
.section-title h2{color:#000;font-size:3.4em;line-height:1.1;margin:0;margin-bottom:50px;padding:0;position:relative;padding-top:75px}
.section-title h2:after{content:"";background:#2bc9de;height:3px;width:68px;position:absolute;bottom:-20px;left:0;right:0;margin:0 auto}
.section-title p{font-size:18px;line-height:1.5;margin:0 0 20px;padding:0;text-align:inherit}
.intru-txt{max-width:840px;margin:0 auto;position:relative;margin-bottom:60px}
.intru-txt:before{z-index:-1;color:#000;content:attr(data-heading);font-size:calc(0.75em + 15vw);font-weight:700;line-height:1;opacity:.04;position:absolute;text-align:center;top:0;left:0;width:100%}
.top-section{display:table;width:100%}
.top-section .grid{display:table-cell;vertical-align:top}
.review-slider .slick-arrow:hover{background-color:#222}
.review-slider .slick-arrow{background-color:#777;border:medium none;color:#fff;font-size:0;height:60px;left:30px;padding:0;position:absolute;top:50%;width:60px;z-index:2;cursor:pointer}
.review-slider .slick-arrow::after,.review-slider .slick-arrow::before{background-color:#fff;content:"";height:3px;left:15px;position:absolute;top:36px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:25px}
.review-slider .slick-arrow::before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:20px}
.review-slider .slick-arrow.slick-next{left:auto;right:30px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.review-slider .item{margin:50px -25px;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}
.review-slider .slick-slide{background:#fff;opacity:.5;transform:scale(0.9);box-shadow:none;border:solid 10px #f5f5f5;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}
.review-slider .slick-active{opacity:1;transform:scale(1);border:none;box-shadow:0 0 30px 0 rgba(0,0,0,0.11);position:relative;z-index:1}
.review-wrapper{display:table;width:100%;background:#fff;padding:40px}
.review-wrapper .a-side,.review-wrapper .b-side{width:40%;display:table-cell;vertical-align:top}
.review-wrapper .a-side{width:60%;padding-right:50px}
.testi-logos{text-align:left}
.testi-logos img{display:inline-block!important}
.review-testimonial .client,.review-testimonial .name{color:#111;font-size:1.25em;font-weight:600;text-transform:uppercase}
.review-testimonial .client-name,.review-testimonial .slogan{color:#666;margin-bottom:30px}
.review-text p{font-size:.9em;color:#666;line-height:1.8;margin-bottom:15px}
.t-used{background:#f5f5f5;margin-bottom:30px}
.t-used h3{color:#111;font-size:1.25em;font-weight:600;line-height:1;text-transform:uppercase;padding:20px 20px 5px}
.t-used li{border-bottom:solid 1px #fff;display:table;width:100%;padding:6px 20px;font-size:.8em}
.t-used li .caption{width:50%;display:table-cell}
.review-text h4{color:#111;font-size:1.25em;font-weight:600;text-transform:uppercase}
.filter{text-align:center}
.filter li{display:inline-block;vertical-align:top;margin:0 10px;opacity:.5;cursor:pointer}
.filter li a{display:block}
.filter li.is-active{opacity:1}
.filter-data{margin:0 auto}
.fatbit-asset{background:#2cbed2;padding:5% 0 50px}
.grids-wrapper{max-width:1610px;margin:0 auto}
.grids-wrapper .item{float:left;line-height:1em;width:20%;-webkit-transition:all ease .3s;transition:all ease .3s;padding: 10px}
.grids-wrapper .item .img-wrapper{position:relative;width:100%;padding-bottom:100%}
.grids-wrapper .item.w2 .img-wrapper{padding-bottom:calc(50% - 10px)}
.grids-wrapper .item.h2 .img-wrapper{padding-bottom:calc(200% + 20px)}
.grids-wrapper .item.wh2 .img-wrapper{padding-bottom:100%}
.grids-wrapper .item .img-wrapper img{position:absolute;top:0;bottom:0;left:0;right:0}


.grids-wrapper .item.w2 {width: 40%;}
.grids-wrapper .item.wh2 {width: 40%;}
img {max-width: 100%;}

.grid-slider {display: table;width: 100%;padding-top: 41px;}
.grid-slider .item {width: 19%;float: left;line-height: 1;margin: 0.5%;margin-bottom: 10px;-webkit-transition: all ease .3s;-moz-transition: all ease .3s;-o-transition: all ease .3s;transition: all ease .3s;}

.grid-slider .review-wrapper {padding: 0;display: block;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.11);padding: 20px;}
.grid-slider .review-wrapper .a-side,
.grid-slider .review-wrapper .b-side {display: block;width: auto;}
.grid-slider .review-wrapper .a-side {padding-right: 0;}
.grid-slider .review-wrapper .b-side {display: none;}

.grid-slider .testi-logos {min-height: 80px;}
.grid-slider .testi-logos img {max-width: 150px;}

.grid-slider .name,
.grid-slider .client {
	font-size: 1.2em;
}

.from-detail .slogan {
	font-size: 1em;
}

.cta-wrapper {
	background: #fee038;
	text-align: center;
}

.cta-wrapper h3 {
	display: inline-block;
	color: #000;
	font-size: 2em;
	font-weight: 700;
	margin-right: 50px;
}

.cta-wrapper a.btn {
	background: #fff;
	color: #000;
	font-size: 1.5em;
	padding: 8px 50px;
	display: inline-block;
	border-radius: 0;
	transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
}
.cta-wrapper a.btn:hover{
	background-color:#000;
	color:#fff;
}
.cta-btn {
	padding: 40px 0 0;
	text-align: center;
}

a.btn-arrow.btn--red {
	font-size: 1.5em;
	font-weight: normal;
	text-transform: none;
}

a.btn-arrow.btn--red:hover {
	background-color: #fff;
	color: #ff4c65;
}


/*mobile*/

@media screen and (max-width:1024px) {
	.top-section .grid {display: block;}
	.review-slider .item {margin: 50px 0;}
	.grids-wrapper .item .img-wrapper img {width: 100%;	height: 100%;}
	
}

@media screen and (max-width:767px) {
	
	.first-fold {background: #f5f5f5 !important;padding:50px 0;}
	html {font-size: 13px;}
	.first-fold {background-attachment: fixed;background-position: right center;background-size: cover;height: auto;position: relative;}
	.first-fold:after {background: rgba(0, 0, 0, 0.2);height: 100%;width: 100%;position: absolute;left: 0;top: 0;content: "";z-index: 0;}
	.first-fold h1 {position: relative;z-index: 1;font-size: 2.5em;padding: 10px;text-align: center;}
	.first-fold h1 span {text-align: center;margin-top:20px;}
	.v-space {padding: 10px 0;}
	.cta-wrapper h3 {line-height: 1.2;margin: 0 0 20px;}
	.section-title h2 {margin: 10px 0 50px;padding: 0;}
	.intru-txt {margin-bottom: 10px;}
	.review-slider .item {margin: 10px 0;transform: scale(1);-webkit-transform: scale(1);}
	.review-slider .slick-slide {border: none;}
	.review-wrapper .a-side,
	.review-wrapper .b-side {
		display: block;width: auto;padding: 0;}
	.grid-slider .review-wrapper {padding: 10px;}
	.grid-slider .item {width: auto;}
	.grids-wrapper .item {position: relative;line-height: 1em;margin-bottom: 5px;text-align: center;}
	.grids-wrapper .item img {margin: 0 auto;}
	.grids-wrapper .item,
	.grids-wrapper .item.w2,
	.grids-wrapper .item.h2 {}
	.review-slider .slick-arrow {top: auto;bottom: 25px;}
	.review-wrapper {padding-bottom: 100px;}
	.grids-wrapper .item{padding:0;}
	.img-wrapper {border: 5px solid #2cbed2}
	.grids-wrapper .item.w2 .img-wrapper{padding-bottom:50%}
    .grids-wrapper .item.h2 .img-wrapper{padding-bottom:200%}
}