/*******************
*** New Homepage ***
********************/

/*Agency 4 agency*/
 @-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.wwd-sec-data{
	padding: 65px 100px 30px 70px;
	background-color: #fff;
	border-bottom-style: solid;
	border-width: 2px;
	border-image-source: linear-gradient(233.45deg, #F05047 0%, #7E00CF 100%);
	border-image-slice: 1;
}
.home-title{
	font-size: 30px;
	font-family: 'montserratlight';
	line-height: 41px;
	letter-spacing: 1.4px;
	color: #000000;
	text-transform: uppercase;
	margin: 0 0 20px;
}
.home-title::after{
    content: '';
    width: 75px;
    height: 1px;
    background: linear-gradient(to left, #f05047, #7e00cf);
    display: block;
    margin: 10px 0 0;
}
.home-title.center{
	text-align: center;
}
.home-title.center::after{
	margin: 10px auto 0;
}
.home-title.white{
	color: #fff;
}
.home-title.white::after{
	background-color: #fff;
}
.home-short-desc{
	font-size: 15px;
    line-height: 27px;
    font-family: 'montserrat-regular';
    color: #000;
    letter-spacing: 0px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.wwd-sec-data .wwd-para{
	font-size: 16px;
	line-height: 30px;
	color: rgba(0, 0, 0, 0.8);
	letter-spacing: normal;
	font-family: 'montserrat-regular';
	margin-bottom: 35px;
}

.linear-btn{
	width: 174px;
	height: 51px;
	border-style: solid;
	border-width: 2px;
	background: transparent;
	text-align: center;
	border-image-source: linear-gradient(106deg, #7e00cf, #f05047);
	border-image-slice: 1;
	position: relative;
	z-index: 1;
}
.linear-btn a{
	text-align: center;
	color: #fff;
	font-family: montserratbold;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 46px;
	display: block;
	text-transform: uppercase;
}
.linear-btn a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, #7e00cf, #f05047);
    background: -webkit-linear-gradient(to right, #7e00cf, #f05047);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;

}
.linear-btn a::after {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: -1;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    border: none;
}
.linear-btn a:hover::after {
	-webkit-animation: shine .80s;
	animation: shine .80s;
}
.wwd-sec-data .loop-data{
	margin-bottom: 60px;
}
.wwd-sec-data .wwd-icon{
	margin-bottom: 20px;
}
.wwd-sec-data .loop-title{
	color: #7E00CF;
	font-family: 'montserratbold';
	font-size: 11px;
	letter-spacing: 1.8px;
	line-height: 18px;
	margin: 0 0 10px;
	text-transform: uppercase;
}
.wwd-sec-data .loop-desc{
	color: #000000;
	font-family: 'montserratlight';
	font-size: 14px;
	line-height: 27px;
}
.wwd-sec-data .right-wwd .col-sm-6:nth-child(2n+1){
	clear: both;
}
.cmn-desc {
    font-size: 15px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #000000;
    font-family: 'montserratlight';
}

/* We serve section */
.we-serve-sec{
	padding: 95px 0;
	background-color: #FA6E75;
}
.industries-box{
	padding: 30px 28px;
	background-color: #fff;
}
.industries-box .title{
	color: #000000;
	font-family: 'montserratbold';
	font-size: 11px;
	letter-spacing: 1.8px;
	line-height: 14px;
	margin: 0 0 15px;
	text-transform: uppercase;
}
.desc{
	color: #4A4A4A;
	font-family: 'montserratlight';
	font-size: 13px;
	line-height: 24px;
}
/*Team section*/
.ts-data{
	padding: 100px 80px;
	background-color: #fff;
}
.ts-data .title-desc{
	margin-bottom: 40px;
}

/*New Home page css - 29/08/2018*/
.tbl{
	display: table;
	height: 100%;
	width: 100%;
}
.t-cell{
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.down-arrow{
	margin-top: 30px;
}
.down-arrow img {
    position: relative;
    -webkit-animation: mymove 1s linear infinite;
    animation: mymove 1s linear infinite;
    cursor: pointer;
}
@-webkit-keyframes mymove {
    0% {top: 0px;}
    50% {top: 15px;}
    100% {top: 0px;}
}

/* Standard syntax */
@keyframes mymove {
0% {top: 0px;}
    50% {top: 15px;}
    100% {top: 0px;}
}
.wwd-title-desc{
	padding: 65px 0 0;
	text-align: center;
	max-width: 702px;
	margin: 0 auto;
}
.wwd-loop-sec .loop-title{
	color: #000000;
	font-family: 'montserrat-regular';
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 25px;
	text-transform: uppercase;
	margin: 0 0 12px;
}
.wwd-loop{ padding: 60px 0 0; }
.loop-sec-3,.loop-sec-4{
	padding-bottom: 75px;
}
.wwd-loop:nth-child(odd) .loop-title-desc{
	padding-right: 0px;
}
.wwd-loop:nth-child(even) .loop-title-desc{
	padding-left: 0px;
}
.wwd-loop-sec .wwd-loop:nth-child(even) .img{ text-align: right; }
/* .wwd-loop-sec .img{
	text-align: center;
} */
.wwd-loop-sec .img img{
	display: inline-block;
}
/*We understand sec*/
.we-understand-sec{ padding: 74px 0px; background-color: #f2f2f2; }
.we-understand-sec .title-24{
	color: #000000;
	font-family: 'montserrat-regular';
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 3.27px;
	text-transform: uppercase;
}
.we-understand-sec .right-wus{
	padding-left: 15px;
}
.other-btn-sec .button-sec .enquire-sec{
	margin: 20px 0 0;
	width: 173px;
}
.other-btn-sec .button-sec .enquire-sec a{
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	font-family: 'montserratbold';
}

/*Hire Developer css*/
.cmn-title-16{
  font-family: 'montserrat-regular';
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 1px;
  color: #000000;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.hire-developer-sec .cmn-title-16{
	font-family: 'montserratbold';
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 1.8px;
}
.hire-developer-sec{
	padding: 60px 0;
	background-color: #f2f2f2;
}
.hire-developer-sec .hire-top-sec{
	margin: 0 auto 60px;
	max-width: 702px;
	text-align: center;
}
.hire-list{
	padding: 22px 15px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	position: relative;
	margin-bottom: 30px;
}
.hire-list::before{
	content: '';
	position: absolute;
	height: 6px;
	background: linear-gradient(to left, #f05047, #7e00cf);
	background: -webkit-linear-gradient(to left, #f05047, #7e00cf);
	top: 0;
	left: -1px;
	right: -1px;
}
.hire-list .hire-icn{
	margin-bottom: 10px;
	max-width: 88px;
}
.hire-list .hire-desc{
	font-size: 15px;
	line-height: 27px;
	letter-spacing: 0;
	color: #000000;
  	font-family: 'montserratlight';

}
.hire-list .equal-content{
	  	margin-bottom: 15px;
}
.hire-url a{
	background: linear-gradient(to right, #7e00cf, #f05047);
	background: -webkit-linear-gradient(to right, #7e00cf, #f05047);
	background-clip: border-box;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'montserratbold';
	letter-spacing: 1.1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-source: linear-gradient(to left, #f05047, #7e00cf);
	border-image-slice: 1;
	display: inline-block;
	padding-bottom: 3px;
	border-width: 0 0 1px 0;
}
.hire-url a:hover{
	border-image-source: linear-gradient(to left, #7e00cf, #f05047);
	background: linear-gradient(to right, #f05047, #7e00cf);
	background: -webkit-linear-gradient(to right, #f05047, #7e00cf);
		background-clip: border-box;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.hire-developer-sec .button-sec.type-colorful .enquire-sec{ width: 269px; }
.hire-developer-sec .button-sec.type-colorful .enquire-sec a{ overflow: hidden; }
.hire-developer-sec .button-sec .enquire-sec a::after {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: -1;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	border:none;
}
.hire-developer-sec .button-sec .enquire-sec a:hover::after {
	-webkit-animation: shine .80s;
	animation: shine .80s;
}
/*team sec*/
.container-large{
	max-width: 1230px;
	padding: 0 15px;
	margin: 0 auto;
}
.team-sec{
	padding: 90px 0 55px;
	background-color: #ffffff;
}
.team-sec .team-desc{
	margin-bottom: 40px;
}
.team-sec .right-sec-team{
	padding-left: 50px;
	padding-right: 0px;
}
.team-sec .home-title{ letter-spacing: 0.37px; }
.team-sec .home-title:after{ display: none; }
.ts-loop .ts-loop-list{
	margin-bottom: 35px;
}
.ts-loop .ts-icn{
	display: inline-block;
	vertical-align: top;
	width: 35px;
}
.ts-loop .ts-title-desc{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 40px);
	padding-left: 15px;
}
.ts-loop .title{
	letter-spacing: 1.8px;
	line-height: 21px;
	font-size: 11px;
	color: #000;
	font-family: 'montserratbold';
	text-transform: uppercase;
	margin-bottom: 5px;
}
.ts-loop .light-desc{
	font-size: 15px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #000000;
    font-family: 'montserratlight';
}
.who-we-are-other-btn-sec .enquire-sec{
	margin:0;
}

/* understand-business-sec CSS */
.understand-business-sec{ padding: 87px 0px; text-align: center; }
.understand-business-sec .title{
	font-size: 30px;
    font-family: 'montserratlight';
    line-height: 41px;
    letter-spacing: 0.37px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 0 15px;
}
.understand-business-sec .desc{
	font-size: 20px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #ffffff;
    font-family: 'montserrat-regular';
    margin-bottom: 22px;
}
.understand-business-sec .button-sec .enquire-sec a{ overflow: hidden; }
.understand-business-sec .button-sec .enquire-sec a::after {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: -1;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	border:none;
}
.understand-business-sec .button-sec .enquire-sec a:hover::after {
	-webkit-animation: shine .80s;
	animation: shine .80s;
}

/*
font-family: 'montserratlight';
font-family: 'montserrat-regular';
font-family: 'montserratregular';
font-family: 'montserratbold';
font-family: 'montserratultra_light';
font-family: 'montserratextralight';
font-family: 'montserratsemibold';
font-family: 'montserratmedium';
*/

@media screen\0
{
.hire-url a{
	color: #ed098e;
	-webkit-text-fill-color: #ed098e;
	background:none;
	border-bottom:1px solid #ed098e;
}
.hire-url a:hover{
	color:#000;
	-webkit-text-fill-color: #000;
	background:none;
	border-bottom:1px solid #000;
}
}


/*Media Query*/
@media(max-width: 1199px){
	.wwd-loop:nth-child(odd) .loop-title-desc { padding-right: 0; }
	.wwd-loop:nth-child(even) .loop-title-desc { padding-left: 0; }
	.wwd-loop{padding-top: 60px;}
	.we-understand-sec{padding: 60px 0 50px;}
	.hire-developer-sec{padding:60px 0;}
	.team-sec{padding:60px 0 30px;}
	.team-sec .right-sec-team{padding-left: 0;padding-right: 0;}
	.understand-business-sec{ padding: 60px 0px; }
}
@media(max-width: 991px){
	.wwd-loop .loop-title-desc{margin:30px 0;text-align: center;}
	.loop-sec-3, .loop-sec-4{padding-bottom: 0;}
	.wwd-title-desc{padding: 40px 0 30px;}
	.wwd-loop{padding-top: 40px;}
	.wwd-loop-sec .wwd-loop .img,
	.wwd-loop-sec .wwd-loop:nth-child(even) .img{ text-align: center; }
	.we-understand-sec{padding: 40px 0;text-align: center;}
	.we-understand-sec .right-wus{padding:0;margin-top: 15px;}
	.other-btn-sec .button-sec .enquire-sec{margin:30px auto 0;}
	.hire-developer-sec{padding:40px 0;}
	.team-sec{padding:40px 0 20px;}
	.team-sec .team-img{text-align: center;margin-bottom: 30px;}
	.team-sec .team-img img{display: inline-block;}
	.container-large{max-width: 750px;}
	.ts-loop .ts-title-desc{padding-left: 5px;}
	.understand-business-sec{ padding: 40px 0px; }
}
@media(max-width: 767px){
	.title-24{font-size: 20px;line-height: 26px;}
	.wwd-loop-sec .loop-title{font-size: 20px;line-height: 26px;margin:0 0 10px;}
	.hire-developer-sec .hire-top-sec{margin-bottom: 40px;}
	.ts-loop .ts-loop-list{margin-bottom: 25px;}
	.understand-business-sec .title{ font-size: 25px; line-height: 35px; }
	.understand-business-sec .desc{ font-size: 18px; }
}
@media(max-width: 480px){
	.full-col{width: 100%;}
	.ts-loop .ts-icn{width: 14%;}
	.ts-loop .ts-title-desc{width: 84%;}
	.team-sec .home-title br{display: none;}
	.home-title{font-size: 26px;line-height: 35px;}
	.understand-business-sec .title{ font-size: 22px; line-height: 32px; }
	.understand-business-sec .desc{ font-size: 16px; }
}