@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);/*!

 *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}

 
 html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer22,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;letter-spacing:.3px}
 body{line-height:1}

 
 ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
 

 
 ::-moz-selection{color:#333;background:#eff083}::selection{color:#333;background:#eff083}a{-webkit-transition:color 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;-moz-transition:color 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;-ms-transition:color 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;-o-transition:color 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition:color 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s}
 
 

 
 ol{margin:40px 0 40px 30px}ol li{font-size:14px;padding:8px 0 8px 8px}.data_grid{background:#f2f2f2;position:relative}.data_grid thead th{padding:30px 10px 10px;border-bottom:1px solid #0646bc;font-size:14px;font-weight:700}.data_grid tbody td{padding:10px;border-bottom:1px solid #d4d5d7;font-size:14px;font-weight:300}.data_grid:after{content:" ";background:#2278c9;position:absolute;z-index:-1;top:-20px;bottom:-10px;right:10px;left:10px}
 
 #site_header{position:fixed;left:0;top:0;right:0;max-width:1366px;margin:auto;z-index:9999;overflow-x:hidden;overflow-y:hidden;-webkit-transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-moz-transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-ms-transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-o-transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s}
 #site_header .open_nav{margin:20px;float:left;cursor:pointer}
 
 
 #site_header .logo{margin:10px 0;float:left}#site_header #main_nav{position:absolute;left:0px;top:0;bottom:-600px;z-index:0;text-align:left;font-weight:100;width:400px;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-webkit-transform:translateX(-800px);-moz-transform:translateX(-800px);-ms-transform:translateX(-800px);-o-transform:translateX(-800px);transform:translateX(-800px);-webkit-transition:all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;-moz-transition:all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;-ms-transition:all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;-o-transition:all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition:all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s}
 
 
 
 
 
 
 #page_container{overflow:hidden}#page_intro:after,#page_intro:before{content:" ";background:#2278c9;opacity:0.95;position:absolute;left:0;right:0;z-index:0;-webkit-transform:skewY(-15deg);-moz-transform:skewY(-15deg);-ms-transform:skewY(-15deg);-o-transform:skewY(-15deg);transform:skewY(-15deg)}#page_intro:before{height:920px;top:-660px}#page_intro.case_study_intro .bg_design{opacity:0}#page_intro.case_study_intro.variety{background-image:url(../img/variety-casestudy.html) !important}#page_intro.case_study_intro.webax{background-image:url(../img/webax-casestudy.html) !important}#page_intro.case_study_intro.franklin{background-image:url(../img/franklin-casestudy.html) !important}#page_intro.case_study_intro.fashion_ecommerce_major{background-image:url(../img/fashion-ecommerce-major-casestudy.html) !important}#page_intro.case_study_intro.yosisamra{background-image:url(../img/yosisamra-casestudy.html) !important}#page_intro.case_study_intro.exp_advt{background-image:url(../img/exp_advt-casestudy.html) !important}#page_intro.case_study_intro.vscore{background-image:url(../img/vscore-casestudy.html) !important}#page_intro.case_study_intro.highroad{background-image:url(../img/highroad-casestudy.html) !important}#page_intro.case_study_intro.tvstoybox{background-image:url(../img/tvstoybox-casestudy.html) !important}#page_intro.case_study_intro.createmytattoo{background-image:url(../img/createmytattoo-casestudy.html) !important}#get_in_touch{background:#2278c9;color:#fff;padding:100px 30px;text-align:center;line-height:26px}#get_in_touch p{font-size:16px}#get_in_touch .btn_get_in_touch{color:#fff;font-size:38px;line-height:54px;padding:0 46px 0 0;margin:10px 0 0 0;display:inline-block;background:url(../img/white_arrow.html) no-repeat right center;text-decoration:none;-webkit-transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-moz-transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-ms-transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;-o-transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s}#get_in_touch .btn_get_in_touch:hover{color:#fff;padding:0 60px 0 0;text-decoration:none}#service_inquiry{background:#eaeeef;color:#333;padding:100px 30px;text-align:center;line-height:26px}#service_inquiry h3{font-size:36px;font-weight:300}#service_inquiry p{font-size:16px;line-height:22px}#service_inquiry .enquiry_form{width:100%;max-width:500px;margin:40px auto}#service_inquiry .enquiry_form #response_message{display:none;text-align:center;margin:10px 10px 20px 10px;padding:10px;background:#ffffff}#service_inquiry .enquiry_form #response_message.success{border:2px solid #59b300}#service_inquiry .enquiry_form #response_message.error{border:2px solid #d93600}#service_inquiry .enquiry_form .field{margin:0 auto 0;padding:10px;clear:both}#service_inquiry .enquiry_form .field label{display:none;font-weight:300}#service_inquiry .enquiry_form .field input,#service_inquiry .enquiry_form .field textarea,#service_inquiry .enquiry_form .field select{width:100%;padding:10px;font-size:16px;border:none;color:#afadb8;background:#eaeeef;border:1px solid #e1e5e6;border-bottom:2px solid #dadbdd}#service_inquiry .enquiry_form .field input.error,#service_inquiry .enquiry_form .field textarea.error,#service_inquiry .enquiry_form .field select.error{border-bottom:2px solid #d93600}#service_inquiry .enquiry_form .field input:focus,#service_inquiry .enquiry_form .field textarea:focus,#service_inquiry .enquiry_form .field select:focus{color:#333}#service_inquiry .enquiry_form .action{text-align:center}#service_inquiry .enquiry_form .action input{border:none;background:#cf3131;color:#fff;padding:12px 34px;text-transform:uppercase;margin:5px 10px}#service_inquiry .enquiry_form .action .reset{background:#999}#site_footer22{position:relative;background:#fff;border-top:1px solid #dadbdd}#site_footer22 #page_footer22{position:absolute;bottom:176px;right:0;left:0;text-align:center;background:rgba(34,120,201,0.7);padding:10px;-webkit-transition:all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;-moz-transition:all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;-ms-transition:all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;-o-transition:all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition:all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s}#site_footer22 #page_footer22 .social_media{display:inline-block;-webkit-transition:all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;-moz-transition:all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;-ms-transition:all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;-o-transition:all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition:all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s}#site_footer22 #page_footer22 .social_media a{width:24px;height:24px;margin:0 5px;display:inline-block;-webkit-transition:all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;-moz-transition:all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;-ms-transition:all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;-o-transition:all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition:all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s}#site_footer22 #twitter_feeds{text-align:center;border-bottom:1px solid #dadbdd;padding:70px 0 50px 0;margin:0;background:url(../img/twitter.html) no-repeat center 0px #56b1dc;background-size:90px}#site_footer22 #twitter_feeds li{display:inline-block;width:300px;width:260px;background:#fff;min-height:200px;padding:30px;text-align:left;margin:20px;vertical-align:top;font-size:14px;border:2px solid #56a8cf}#site_footer22 #twitter_feeds li .meta{display:block;font-size:11px}#site_footer22 #twitter_feeds li:before{display:none}#site_footer22 .footer22_links{list-style:none;margin:0;text-align:center;clear:both}#site_footer22 .footer22_links li{background:none;border-bottom:1px solid #e7e7e7;padding:0}#site_footer22 .footer22_links li a{display:block;padding:14px 0;font-size:13px}#site_footer22 .footer22_links li:before{display:none}#site_footer22 .address{padding:20px;text-align:center;overflow:hidden;margin:0 0 46px 0}
 
 #site_footer22 .address .location{margin:10px}#site_footer22 .address p{font-size:12px;color:#333333;line-height:18px;border-top:1px solid #ccc;padding:20px 10px}#site_footer22 #site_eop{clear:both;border-top:1px solid #bfbfbf;padding:14px}#site_footer22 #site_eop .copy{clear:both;color:#999999;font-size:14px;text-align:center}.extra_info{background:#eaeeef;padding:30px;overflow:hidden}.extra_info .summary{padding:0 0 30px 0}.extra_info .details{padding:30px 0 0 0;border-top:1px solid #ccc}.extra_info .details h3{font-size:24px;margin:0 0 20px 0}.extra_info .details .tech_stack_preview{display:inline-block;vertical-align:top;width:100%;margin:0 0 30px 0}.extra_info .details .tech_stack_preview ul{margin:10px 0 0 0}.sec{background-size:cover;box-sizing:border-box;position:relative;z-index:0;display:table;width:100%;overflow:hidden}.sec h2{font-size:40px;font-weight:100;color:#333;line-height:45px;margin:50px 30px}.sec h2 b{display:block;font-size:50px;font-weight:400}.sec .bg_design{content:" ";background:#fff;position:absolute;z-index:-1;top:300px;left:0;right:0;bottom:0}.sec .bg_design:before{content:" ";background:#fff;position:absolute;z-index:-1;top:-130px;height:300px;width:150%;left:0px;-webkit-transform:skewY(15deg);-moz-transform:skewY(15deg);-ms-transform:skewY(15deg);-o-transform:skewY(15deg);transform:skewY(15deg)}.sec .bg_design:after{content:" ";background:#cf3131;position:absolute;z-index:-1;top:-235px;bottom:0;height:20px;width:20px;left:0px}.sec .content{margin:150px 100px 50px}.sec .content h2{float:none;text-align:left;margin:20px 0;font-weight:400;font-size:60px}.sec .content h3{font-size:22px;text-transform:uppercase}.sec .content h3:after{content:" ";background:#2278c9;display:block;margin:6px 0 12px 0;height:2px;width:50px}.sec .content h4{float:none;text-align:left;margin:20px 0;font-weight:400;font-size:24px}.sec.alt .content{margin:60px 30px 30px}.sec.what_we_do{display:none}.sec.what_we_do .content{margin:60px 30px}.sec.what_we_do .content .area{padding:20px 0}.sec.what_we_do .content .area img{margin:10px 0}.sec.what_we_do .content .area h3{font-size:22px;text-transform:uppercase}.sec.what_we_do .content .area h3:after{content:" ";background:#2278c9;display:block;margin:6px 0 12px 0;height:2px;width:50px}.sec.about .content{margin:60px 30px 30px 30px}.sec.about .content .head_team{overflow:hidden}.sec.about .content .head_team .team_members{margin:40px 0;text-align:center}.sec.about .content .head_team .team_members .member{display:inline-block;min-width:194px;min-height:194px;border:4px solid #fff;background:#fff;text-align:center;margin:5px}.sec.about .content .head_team .team_members .member b{font-weight:300;display:block;padding:10px 0}.sec.case_study .content{margin:60px 30px 30px 30px}.sec.case_study .content .screenshots{display:none;text-align:center;border-top:1px solid #ccc;padding:30px 0;margin:30px 0}.sec.case_study .content .screenshots img{width:80%}.sec.case_study .content h2{font-size:40px}.sec.case_study .content ul{margin:20px 0 40px 20px}.sec.technology .content{margin:60px 30px 30px}.sec.technology .content .tech_stack h3{font-size:18px}.sec.technology .content .tech_stack ul{margin:10px 0 40px}.sec.who_we_are .content{margin:60px 30px 30px}.sec.we_do .content{margin:60px 30px 30px}.sec.our_approach .content{margin:60px 30px 30px}.sec.top_reason .content{margin:60px 30px 30px 30px}.sec.terms_conditions .bg_design{top:0}.sec.terms_conditions .bg_design:before{display:none}.sec.terms_conditions .content{margin:30px}.sec.terms_conditions .content h2{font-size:30px;margin:60px 0 0 0}.sec.terms_conditions .content h3{margin:30px 0 0 0}.sec.mobile .content{margin:60px 30px 30px}.sec.mobile .content .native_app,.sec.mobile .content .hybrid_app,.sec.mobile .content .iot_app{margin:40px 0}.sec.mobile .content .native_app ul{margin:20px}.sec.mobile .content .native_app ul b{font-weight:400}.sec.contact .content{margin:60px 30px 30px}.sec.contact .content .contact_form .field{margin:10px 0 30px}.sec.contact .content .contact_form .field label{display:block;font-weight:300}.sec.contact .content .contact_form .field input,.sec.contact .content .contact_form .field textarea{width:100%;padding:10px;font-size:16px;border:1px solid #ccc}.sec.contact .content .contact_form .action{text-align:center}.sec.contact .content .contact_form .action input{border:none;background:#cf3131;color:#fff;padding:12px 24px;text-transform:uppercase;margin:5px 10px}.sec.contact .content .contact_form .action .reset{background:#999}.sec.map{min-height:auto;background:#2278c9}.sec.map .content{margin:30px}.sec.map .content #vtrio_map_container{width:100%;height:80vh}.sec.design .content,.sec.web .content{margin:60px 30px 30px}.sec.design .content .area,.sec.web .content .area{margin:40px 0}.sec.design .content .area ul,.sec.web .content .area ul{margin:20px}.sec.ecommerce .content{margin:60px 30px 30px}.sec.ecommerce .content .area img{margin:10px 0}.sec.ecommerce .content .area h3{font-size:22px;text-transform:uppercase}.sec.ecommerce .content .area h3:after{content:" ";background:#2278c9;display:block;margin:6px 0 12px 0;height:2px;width:50px}.sec.support h2{font-size:48px}.sec.support .content{margin:60px 30px 30px 30px}.sec.support .content .area{margin:40px 0}.sec.support .content .area ul{margin:20px}.project_list .project{background-size:cover;background-position:0 0;background-repeat:no-repeat;box-sizing:border-box;position:relative;height:100vh;text-align:left;color:#fff;z-index:0;overflow:hidden;display:table;width:100%}.project_list .project 
 .proj_details{display:table;vertical-align:middle;height:100vh}.project_list .project .proj_details:after{content:" ";background:#fff;opacity:1;position:absolute;z-index:-1;right:0;left:0;bottom:-30%;height:80%;-webkit-transform:skewY(15deg);-moz-transform:skewY(15deg);-ms-transform:skewY(15deg);-o-transform:skewY(15deg);transform:skewY(15deg)}
 
 .project_list .project .proj_text{font-size:20px;line-height:26px;font-weight:300;color:#636363;display:table-cell;padding:20px;vertical-align:bottom;text-align:left}
 .proj_text1 h2{
	 color:#333;
	 margin-top:15%;
	 margin-left:20%;
	 font-family: 'Nunito', sans-serif;
	 font-size:34px;
 }
.proj_text1 p{
	color:#333;
	font-size:19px;
	text-align:left;
	line-height:26px;
	font-weight:300;
	margin-top:5%;
	 font-family: 'Quattrocento Sans', sans-serif;
	padding-left:50px;
}
.proj_text1 h5{
	color:#297AD6;
	float:left;
	font-size:19px;
	margin-left:60%;
	margin-top:7%;
	padding-right:10px;
	
}
	.proj_text1 img{
		
		float:right;
	}
	.arrow1 {
  animation: slide1 1s ease-in-out infinite;
  margin-left: 9px;
}

 .proj_text2 h2{
	 color:#333;
	 margin-top:15%;
	 margin-left:20%;
	 font-size:34px;
	 font-family: 'Nunito', sans-serif;
 }
.proj_text2 p{
	color:#333;
	font-size:19px;
	text-align:end;
	line-height:26px;
	 font-family: 'Quattrocento Sans', sans-serif;
	font-weight:300;
	margin-top:5%;
	padding-right:50px;
}
.proj_text2 h5{
	color:#297AD6;
	float:left;
	font-size:19px;
	margin-left:20%;
	margin-top:7%;
}
	.proj_text2 img{
		
		float:left;
	}	
	@media(max-width:868px) { 
.proj_text1 h2{
	 color:#333;
	 margin-top:50%;
	 font-size:20px;
	 text-align:right;
	 font-family: 'Nunito', sans-serif;
 }
.proj_text1 p{
	color:#333;
	font-size:17px;
	text-align:left;
	line-height:26px;
	font-weight:300;
	padding-left:15px;
}
.proj_text1 h5{
	color:#297AD6;
	float:left;
	font-size:13px;
	margin-left:60%;
	margin-top:7%;
	padding-right:10px;
}
	.proj_text1 img{
		float:right;
		display:none;
	}
.proj_text2 h2{
	 color:#333;
	 font-size:20px;
	 margin-top:50%;
	 font-family: 'Nunito', sans-serif;
	 text-align:left;
	 
 }
.proj_text2 p{
	color:#333;
	font-size:17px;
	line-height:26px;
	font-weight:300;
	text-align:right;
	padding-right:10px;
}
.proj_text2 h5{
	color:#297AD6;
	float:left;
	font-size:13px;
	margin-left:60%;
	margin-top:7%;
	padding-right:10px;
}
	.proj_text2 img{
		float:right;
		display:none;
	}
	}
	@media(max-width:567px) { 
.proj_text1 h2{
	 color:#333;
	 font-family: 'Nunito', sans-serif;
	 font-size:17px;
	 margin-top:400px;
	 text-align:left;
	 padding-top:30px;
	 
 }
.proj_text1 p{
	color:#333;
	font-size:17px;
	text-align:left;
	line-height:26px;
	
	padding-left:20px;
}
.proj_text1 h5{
	color:#333;
	float:left;
	font-size:13px;
	margin-left:60%;
	margin-top:7%;
	padding-right:10px;
}
	.proj_text1 img{
		float:right;
		display:none;
	}
.proj_text2 h2{
	 color:#333;
	 font-size:17x;
	 text-align:left;
	 font-family: 'Nunito', sans-serif;
	 margin-top:430px;
 }
.proj_text2 p{
	color:#333;
	font-size:17px;
	text-align:left;
	line-height:26px;
	padding-left:20px;
	font-family: 'Quattrocento Sans', sans-serif;

}
.proj_text2 h5{
	color:#297AD6;
	float:left;
	font-size:13px;
	margin-left:60%;
	margin-top:7%;
	padding-right:10px;
	
}
	.proj_text2 img{
		float:right;
		display:none;
	}
	}
 .project_list .project .proj_link{font-size:18px;font-weight:300;font-style:italic;padding:0 0 0 25px}.project_list .project .proj_link:before{content:" ";background:#348fe8;opacity:0.9;height:2px;width:20px;display:inline-block;margin:0 0 0 -20px;position:relative;top:-5px}.project_list .project .features_action{margin:10px 0 0 0;z-index:0}.project_list .project .features{background:rgba(255,255,255,0.3);padding:5px;float:left;display:none}.project_list .project .features .responsive,.project_list .project .features .magento{width:34px;height:34px;float:left;margin:0 10px}.project_list .project .features .magento{background:url(../img/feature_magento.html) no-repeat center}.project_list .project .features .responsive{background:url(../img/feature_responsive.html) no-repeat center}
 
 .project_list .project .action .view_case_study{background:url(../img/white_arrow.html) no-repeat center #0B3E88;
 width:62px;
 height:62px
 ;display:block;
 color:#fff;
 text-indent:-9999px;text-decoration:none;position:absolute;top:50%;left:50%;margin:-31px 0 0 -31px;cursor:pointer;z-index:1;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-transition:all 0.1s ease-out 0s;-moz-transition:all 0.1s ease-out 0s;-ms-transition:all 0.1s ease-out 0s;-o-transition:all 0.1s ease-out 0s;transition:all 0.1s ease-out 0s}
 
 .project_list .project .action .view_case_study:after{content:" ";opacity:0;position:absolute;top:0;left:0;border:5px solid #0B3E88;
 width:62px;height:62px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}
 
 
 
 .project_list .project .action .view_case_study:hover{background:url(../img/white_arrow.html) no-repeat center #0B3E88}
 
 .project_list .project .action .view_case_study:hover:after{opacity:.5;border:5px solid #0B3E88;top:-16px;left:-16px;width:94px;height:94px}
 .project_list .project:nth-child(odd) .proj_details{margin-left:0}
 
 .project_list .project:nth-child(odd) .proj_details:after{right:0;left:0;bottom:-10%;height:60%;-webkit-transform:skewY(-15deg);-moz-transform:skewY(-15deg);-ms-transform:skewY(-15deg);-o-transform:skewY(-15deg);transform:skewY(-15deg)}.project_list .variety{background-image:url(../img/variety-mob-project.html) !important;background-position:center 0 !important}.project_list .franklin{background-image:url(../img/franklin-mob-project.html) !important;background-position:center 0 !important}.project_list .yosisamra{background-image:url(../img/yosisamra-mob-project.html) !important;background-position:center 0 !important}.project_list .fashion_ecommerce_major{background-image:url(../img/fashion-ecommerce-major-mob-project.html) !important;background-position:center 0 !important}.project_list .webax{background-image:url(../img/webax-mob-project.html) !important;background-position:center 0 !important}.project_list .tvstoybox{background-image:url(../img/tvstoybox-mob-project.html) !important;background-position:center 0 !important}.project_list .exp_advt{background-image:url(../img/exp_advt-mob-project.html) !important;background-position:center 0 !important}.project_list .createmytattoo{background-image:url(../img/createmytattoo-mob-project.html) !important;background-position:center 0 !important}@media (min-width: 768px) and (orientation: landscape){#site_intro .intro_text{padding:100px;vertical-align:middle}#site_intro .intro_text .intro_heading{font-size:30px;line-height:34px;width:50%;margin:0}#site_intro .intro_text .intro_heading b{font-size:50px}#site_intro .intro_text .intro_supporting_text,#site_intro .intro_text .intro_para{font-size:14px;line-height:20px;width:40%}#site_intro:after,#site_intro:before{top:0;bottom:0;-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg);-ms-transform:skewX(-25deg);-o-transform:skewX(-25deg);transform:skewX(-25deg);-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}#site_intro:after{right:-50%;left:82%}#site_intro:before{right:47%;left:-50%}#page_intro{display:table;height:100vh}#page_intro .intro_text{padding:50px;display:table-cell;width:50%;vertical-align:middle;text-align:left}#page_intro .intro_text .intro_heading{font-size:40px}#page_intro .intro_content{padding:40px 20px 0 0;display:table-cell;vertical-align:middle}#page_intro .intro_content p{margin:20px 0 0 0}#page_intro .intro_content ul{float:left;width:40%}
 
 
 
 
 #page_intro .bg_design{right:-50%;left:290px;top:0;bottom:0;-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg);-ms-transform:skewX(-25deg);-o-transform:skewX(-25deg);transform:skewX(-25deg)}#page_intro .bg_design:before{top:30%;bottom:0;height:60px;width:20px;left:0}#page_intro:after,#page_intro:before{top:0;bottom:0;right:auto;-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg);-ms-transform:skewX(-25deg);-o-transform:skewX(-25deg);transform:skewX(-25deg)}#page_intro:before{width:830px;left:-660px}#page_intro.case_study_intro .intro_text{padding:70px 0 70px 70px}#page_intro.case_study_intro:before{left:-620px}#service_inquiry h3{font-size:48px;font-weight:300}
 
 
 
 #service_inquiry .enquiry_form .field_2{float:left;width:50%;clear:none}#site_footer22 #page_footer22{position:fixed;bottom:10px;left:10px;right:auto}#site_footer22 #twitter_feeds li{width:300px}#site_footer22 .footer22_links{text-align:center}#site_footer22 .footer22_links li{display:inline-block;background:none;text-align:left;border:none;padding:0 10px}#site_footer22 .footer22_links li a{padding:8px 0}#site_footer22 .footer22_links li:before{display:none}#site_footer22 .address{margin:0}#site_footer22 .address .location{margin:40px 30px}#site_footer22 .address p{text-align:left;display:inline-block;vertical-align:top;border-left:1px solid #ccc;border-top:none;padding:0 20px;width:300px;font-size:12px}#site_footer22 #site_eop .copy{font-size:12px;margin:0}.extra_info{padding:60px}.extra_info .summary{width:38%;float:left;padding:0 50px 0 0}.extra_info .details{width:62%;float:left;padding:0 0 0 50px;border-top:none;border-left:1px solid #ccc}.extra_info .details .tech_stack_preview{width:150px;margin:0}.extra_info .details .tech_stack_preview ul{margin:10px 0 0 0}.sec{height:80vh}.sec h2{float:left;text-align:right;margin:80px 10px}.sec .bg_design{top:600px}.sec .bg_design:before{height:600px;top:-600px;left:110px;-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg);-ms-transform:skewX(-25deg);-o-transform:skewX(-25deg);transform:skewX(-25deg)}.sec .bg_design:after{top:-560px;left:202px;height:40px;-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg);-ms-transform:skewX(-25deg);-o-transform:skewX(-25deg);transform:skewX(-25deg)}.sec.alt h2{text-align:left;float:right;margin:80px 50px 0 0}.sec.alt .bg_design:before{left:auto;right:110px;-webkit-transform:skewX(25deg);-moz-transform:skewX(25deg);-ms-transform:skewX(25deg);-o-transform:skewX(25deg);transform:skewX(25deg)}.sec.alt .bg_design:after{left:auto;right:202px;-webkit-transform:skewX(25deg);-moz-transform:skewX(25deg);-ms-transform:skewX(25deg);-o-transform:skewX(25deg);transform:skewX(25deg)}.sec.alt .content{margin:150px 100px 50px}.sec.what_we_do .content{float:left;width:60%;margin:60px 0 60px 60px;overflow:hidden}.sec.what_we_do .content .area{float:left;width:230px;padding:20px;height:230px}.sec.what_we_do .content .area h3{font-size:16px}.sec.about .bg_design:before{top:-600px;height:600px;right:120px;left:auto;-webkit-transform:skewX(25deg);-moz-transform:skewX(25deg);-ms-transform:skewX(25deg);-o-transform:skewX(25deg);transform:skewX(25deg)}.sec.about .bg_design:after{top:-600px;left:auto;right:-260px;height:300px;width:300px;-webkit-transform:skewX(25deg);-moz-transform:skewX(25deg);-ms-transform:skewX(25deg);-o-transform:skewX(25deg);transform:skewX(25deg)}.sec.about .content{margin:60px 50px 50px}.sec.about .content .desc{width:50%;margin:0 0 40px 0}.sec.about .content .head_team .team_text{width:36%;float:left}.sec.about .content .head_team .team_text .desc{width:80%}.sec.about .content .head_team .team_members{float:left;width:62%;text-align:left}.sec.case_study .bg_design:before{top:-600px;height:600px;right:120px;left:auto;-webkit-transform:skewX(25deg);-moz-transform:skewX(25deg);-ms-transform:skewX(25deg);-o-transform:skewX(25deg);transform:skewX(25deg)}.sec.case_study .bg_design:after{top:-600px;left:auto;right:-260px;height:300px;width:300px;-webkit-transform:skewX(25deg);-moz-transform:skewX(25deg);-ms-transform:skewX(25deg);-o-transform:skewX(25deg);transform:skewX(25deg)}.sec.case_study .content{margin:60px 50px 50px}.sec.case_study .content .desc{width:50%;margin:0 0 40px 0}.sec.technology h2{font-size:46px}.sec.technology .content{float:right;width:52%;margin:100px 20px 50px}.sec.technology .content .tech_stack .area{display:inline-block;width:48%;vertical-align:top}.sec.technology .content .tech_stack h3{font-size:18px}.sec.technology .content .tech_stack ul{margin:10px 0 40px}.sec.who_we_are h2{font-size:46px}.sec.who_we_are .content{float:right;width:54%;margin:100px 20px 50px}.sec.we_do h2{font-size:46px}.sec.we_do .content{float:left;width:54%;margin:100px 20px 80px}.sec.our_approach h2{font-size:46px}.sec.our_approach .content{float:right;width:54%;margin:100px 20px 50px}.sec.top_reason .content{margin:60px 20px 50px 0;width:50%;float:right}.sec.terms_conditions .content{margin:40px}.sec.terms_conditions .content h2{font-size:40px}.sec.mobile h2{font-size:26px}.sec.mobile .content{margin:60px 20px 50px 0;width:50%;float:right}.sec.contact .content{margin:60px 20px 50px 0;width:50%;float:right}.sec.map .content{margin:30px 100px}.sec.design .content{margin:60px 40px 50px;width:50%;float:right}.sec.web .content{margin:60px 20px 50px;width:50%;float:right}.sec.ecommerce .content{margin:60px 40px 50px 0;width:50%;float:right}.sec.ecommerce .content .area{display:inline-block;width:360px;padding:20px 30px;vertical-align:top}.sec.support h2{font-size:26px}.sec.support .content{margin:60px 20px 50px 0;width:50%;float:right}.sec.vtrio_advantage .content{margin:0 100px;display:table;height:100vh}.sec.vtrio_advantage .content .centered{padding:0 80px 0 0;display:table-cell;vertical-align:middle}.project_list .project .proj_details{margin-left:50%;width:50%}.project_list .project .proj_details:after{top:0;right:-300px;left:50%;bottom:0 !important;height:auto !important;-webkit-transform:skewX(25deg);-moz-transform:skewX(25deg);-ms-transform:skewX(25deg);-o-transform:skewX(25deg);transform:skewX(25deg)}
 
 .project_list .project .proj_details:before{content:" ";
 background:#1114AF;
 position:absolute;top:0;
 margin-left:-100px;width:200px;
 height:20px;
 left:70%;-webkit-transform:skewX(25deg);
 -moz-transform:skewX(25deg);
 -ms-transform:skewX(25deg);
 -o-transform:skewX(25deg);
 transform:skewX(25deg)}
 
 
 .project_list .project .proj_text{vertical-align:middle;font-size:30px;line-height:34px;padding:50px}
 
 .project_list .project .action{float:left}
 
  	.proj_text h2{
    		font-size: 30px;
    		margin-left: 40px;
    	
    		color: #000;
    	}
 
 .project_list .project .action .view_case_study:hover{background:url(../img/white_arrow.html) no-repeat center #0B3E88}
 
 
 .project_list .project:nth-child(odd) .proj_details:after{right:50%;left:-300px;-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg);-ms-transform:skewX(-25deg);-o-transform:skewX(-25deg);transform:skewX(-25deg)}.project_list .project:nth-child(odd) .proj_details:before{left:30%;-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg);-ms-transform:skewX(-25deg);-o-transform:skewX(-25deg);transform:skewX(-25deg)}.project_list .variety{background-image:url(../img/variety-project.jpg) !important}.project_list .fashion_ecommerce_major{background-image:url(../img/fashion-ecommerce-major-project.html) !important}.project_list .franklin{background-image:url(../img/franklin-project.jpg) !important}.project_list .yosisamra{background-image:url(../img/yosisamra-project.html) !important}.project_list .webax{background-image:url(../img/webax-project.html) !important}.project_list .tvstoybox{background-image:url(../img/tvstoybox-project.html) !important}.project_list .exp_advt{background-image:url(../img/exp_advt-project.html) !important}.project_list .createmytattoo{background-image:url(../img/createmytattoo-project.html) !important}
 

 
 
 .project_list .yosisamra .proj_details:before{background:#bfcfff}
 
 .project_list .fashion_ecommerce_major .proj_details:before{background:#c6ed87}.project_list .webax .proj_details:before{background:#898879}.project_list .tvstoybox .proj_details:before{background:#dabe38}.project_list .createmytattoo .proj_details:before{background:#838892}}@media (min-width: 992px){#site_intro .intro_text .intro_heading{font-size:50px;line-height:60px}#site_intro .intro_text .intro_heading b{font-size:60px}#page_intro .intro_text{padding:70px}#page_intro .intro_text .intro_heading{font-size:60px;line-height:60px}#page_intro .intro_text .intro_heading b{font-size:60px}#page_intro .bg_design{left:400px}#page_intro:before{left:-520px}#page_intro.case_study_intro:before{left:-460px}.sec h2{font-size:60px;line-height:60px;margin:150px 0 0 50px}.sec h2 b{font-size:75px}.sec .bg_design{top:900px}.sec .bg_design:before{top:-900px;height:900px}.sec .bg_design:after{top:-820px;height:60px;left:250px}.sec.alt h2{margin:150px 50px 0 0}.sec.alt .bg_design:after{right:250px}.sec.what_we_do .content{margin:100px 0 60px 60px}.sec.what_we_do .content .area{width:290px}.sec.about .bg_design:before{top:-900px;height:900px;right:120px;left:auto;-webkit-transform:skewX(25deg);-moz-transform:skewX(25deg);-ms-transform:skewX(25deg);-o-transform:skewX(25deg);transform:skewX(25deg)}.sec.about .bg_design:after{top:-900px;left:auto;right:-360px;height:900px;width:300px;-webkit-transform:skewX(25deg);-moz-transform:skewX(25deg);-ms-transform:skewX(25deg);-o-transform:skewX(25deg);transform:skewX(25deg)}.sec.about .content .head_team .team_text{width:30%;float:left}.sec.about .content .head_team .team_text .desc{width:80%}.sec.about .content .head_team .team_members{float:left;width:70%;text-align:left}.sec.case_study .bg_design:before{top:-900px;height:900px;right:120px;left:auto;-webkit-transform:skewX(25deg);-moz-transform:skewX(25deg);-ms-transform:skewX(25deg);-o-transform:skewX(25deg);transform:skewX(25deg)}.sec.case_study .bg_design:after{top:-900px;left:auto;right:-360px;height:900px;width:300px;-webkit-transform:skewX(25deg);-moz-transform:skewX(25deg);-ms-transform:skewX(25deg);-o-transform:skewX(25deg);transform:skewX(25deg)}.sec.terms_conditions .content{margin:60px}.sec.technology h2{font-size:56px}.sec.who_we_are h2{font-size:56px}.sec.we_do h2{font-size:56px}.sec.our_approach h2{font-size:56px}}@media (min-width: 1200px){#page_intro .intro_text{padding:70px}#page_intro .intro_text .intro_heading{font-size:60px;line-height:60px}#page_intro .intro_text .intro_heading b{font-size:60px}#page_intro .bg_design{left:560px}#page_intro .intro_content .address{margin:0 30px 40px 0;float:left}#page_intro .intro_content .address:last-child{border-left:1px solid #ccc;padding-left:30px}#page_intro:before{left:-410px}#page_intro.case_study_intro:before{left:-300px}.sec.what_we_do .content{float:left;width:60%;margin:100px 0 60px 180px;overflow:hidden}.sec.what_we_do .content .area{width:300px}.sec.about .content{margin:100px 100px 50px}.sec.case_study .content{margin:100px 100px 50px}.sec.technology .content{margin:150px 100px 50px}.sec.who_we_are .content{margin:150px 100px 50px}.sec.we_do .content{margin:150px 100px 80px}.sec.our_approach .content{margin:150px 100px 50px}.sec.design .content{margin:130px 100px 50px}.sec.ecommerce .content{margin:130px 100px 50px}.sec.ecommerce .content .area{width:330px}.sec.top_reason .content{margin:150px 100px 50px}.sec.mobile h2{font-size:40px}.sec.mobile .content{margin:150px 100px 50px}.sec.contact .content{margin:150px 100px 50px}.sec.support h2{font-size:40px}.sec.support .content{margin:150px 100px 50px}.sec.web .content{margin:150px 100px 50px}.project_list .variety,.project_list .highroad,.project_list .fashion_ecommerce_major,.project_list .yosisamra,.project_list .webax,.project_list .franklin,.project_list .exp_advt,.project_list .tvstoybox,.project_list .zenboxx,.project_list .createmytattoo{background-image:none !important}}@-webkit-keyframes updown{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(0, 5px);-moz-transform:translate(0, 5px);-o-transform:translate(0, 5px);transform:translate(0, 5px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-moz-keyframes updown{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(0, 5px);-moz-transform:translate(0, 5px);-o-transform:translate(0, 5px);transform:translate(0, 5px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-ms-keyframes updown{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(0, 5px);-moz-transform:translate(0, 5px);-o-transform:translate(0, 5px);transform:translate(0, 5px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@-o-keyframes updown{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(0, 5px);-moz-transform:translate(0, 5px);-o-transform:translate(0, 5px);transform:translate(0, 5px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes updown{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}50%{-webkit-transform:translate(0, 5px);-moz-transform:translate(0, 5px);-o-transform:translate(0, 5px);transform:translate(0, 5px)}100%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}
/*# sourceMappingURL=main.min.css.map */