body{
    overflow-x: hidden;
    color: #212529;
}

::-webkit-scrollbar {
  background-color: #ccc;
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: #045dff;
}

.orange-app-bg{
    background: #fc6d21;	
}
.d-table {
	display: table;
	width: 100%;
}
.width_50{
	width: 50%;
}
.width_30{
	width: 30%;
}
.width_25{
	width: 25%;
}
.width_70{
	width: 70%;
}
.table-cell-content-img {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	left: 50%;
}
.table-cell-content-wwrap {
	width: 50%;
	right: 50%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,700&display=swap');
@font-face {
 font-family:proxima_nova_rgbold;
 src:url(../fonts/proximanova-bold-webfont.html);
 src:url(../fonts/proximanova-bold-webfontd41dd41d.html?#iefix) format("embedded-opentype"),  url(../fonts/proximanova-bold-webfont-2.html) format("woff"),  url(../fonts/proximanova-bold-webfont-3.html) format("truetype"),  url(../fonts/proximanova-bold-webfont-4.html#proxima_nova_rgbold) format("svg");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:proxima_novasemibold;
 src:url(../fonts/proximanova-semibold-webfont.html);
 src:url(../fonts/proximanova-semibold-webfontd41dd41d.html?#iefix) format("embedded-opentype"),  url(../fonts/proximanova-semibold-webfont-2.html) format("woff"),  url(../fonts/proximanova-semibold-webfont-3.html) format("truetype"),  url(../fonts/proximanova-semibold-webfont-4.html#proxima_novasemibold) format("svg");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:proxima_novalight;
 src:url(../fonts/proximanova-light-webfont.html);
 src:url(../fonts/proximanova-light-webfontd41dd41d.html?#iefix) format("embedded-opentype"),  url(../fonts/proximanova-light-webfont-2.html) format("woff"),  url(../fonts/proximanova-light-webfont-3.html) format("truetype"),  url(../fonts/proximanova-light-webfont-4.html#proxima_novalight) format("svg");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:proxima_nova_rgregular;
 src:url(../fonts/proximanova-regular-webfont.html);
 src:url(../fonts/proximanova-regular-webfontd41dd41d.html?#iefix) format("embedded-opentype"),  url(../fonts/proximanova-regular-webfont-2.html) format("woff"),  url(../fonts/proximanova-regular-webfont-3.html) format("truetype"),  url(../fonts/proximanova-regular-webfont-4.html#proxima_nova_rgregular) format("svg");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:proxima_nova_rgregular;
 src:url(../fonts/proximanova-regular-webfont.html);
 src:url(../fonts/proximanova-regular-webfontd41dd41d.html?#iefix) format("embedded-opentype"),  url(../fonts/proximanova-regular-webfont-2.html) format("woff"),  url(../fonts/proximanova-regular-webfont-3.html) format("truetype"),  url(../fonts/proximanova-regular-webfont-4.html#proxima_nova_rgregular) format("svg");
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:proxima_nova_thinthin;
 src:url(../fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Thin-webfont.html);
 src:url(../fonts/proximanovat-thin-webfontd41d.html?#iefix) format("embedded-opentype"),  url(../fonts/proximanovat-thin-webfont.html) format("woff"),  url(../fonts/Mark%20Simonson%20-%20Proxima%20Nova%20Thin-webfont-2.html) format("truetype"),  url(../fonts/proximanovat-thin-webfont-2.html#proxima_nova_thinthin) format("svg");
 font-weight:400;
 font-style:normal
}

@font-face {
	font-family:ProximaNova-Extrabld;
      padding-top: 10px;
  src: url('../fonts/ProximaNova-Extrabldd41dd41d.html?#iefix') format('embedded-opentype'),  url('../fonts/ProximaNova-Extrabld.html')  format('opentype'),
	     url('../fonts/ProximaNova-Extrabld-2.html') format('woff'), url('../fonts/ProximaNova-Extrabld-3.html')  format('truetype'), url('../fonts/ProximaNova-Extrabld-4.html#ProximaNova-Extrabld') format('svg');
  font-weight: normal;
  font-style: normal;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #101010;
}
::-moz-placeholder { /* Firefox 19+ */
 color: #101010;
}
:-ms-input-placeholder { /* IE 10+ */
 color: #101010;
}
:-moz-placeholder { /* Firefox 18- */
 color: #101010;
}
h1, h2, h3, h4, h5, h6, p, span, strong, div, section, b, aside, footer, header, body, html, ul, li {
	margin: 0px;
	padding: 0px;
}
*, *:before, *:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.display-inline {
	display: inline-block;
}
body {
	font-family:proxima_nova_rgregular;
	font-size: 18px;
	line-height: 26px;
}
.d-table {
	display: table;
}
.table-cell {
	display: table-cell;
	vertical-align: middle;
}
@font-face {
 font-family: 'BebasNeue';
 src: url('../fonts/BebasNeued41d.html?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue.html') format('opentype'),  url('../fonts/BebasNeue-2.html') format('woff'), url('../fonts/BebasNeue-3.html') format('truetype'), url('../fonts/BebasNeue-4.html#BebasNeue') format('svg');
 font-weight: normal;
 font-style: normal;
}
img {
	max-width: 100%;
}
a, a:hover, a:focus {
	outline: none;
 transition: all .2s ease-in-out;
}
.clear {
	clear: both;
}
.btn-block {
	display: block;
	width: 100%;
}
.overflowH {
	overflow: hidden;
}
.block {
	display: block !important;
	overflow: hidden;
}
.rows {
	float: left;
	width: 100%;
}
.center {
	text-align: center !important;
}
.text-left {
	text-align: left !important;
}
.text-center {
	text-align: center !important;
}
.text-right {
	text-align: right !important;
}
.hide {
	display: none;
}
.no_margin {
	margin: 0px !important;
}
.no_padding {
	padding: 0px !important;
}
.margin_top0 {
	margin-top: 0px !important;
}
.margin_top5 {
	margin-top: 5px !important;
}
.margin_top10 {
	margin-top: 10px !important;
}
.margin_top15 {
	margin-top: 15px !important;
}
.margin_top20 {
	margin-top: 20px !important;
}
.margin_top25 {
	margin-top: 25px !important;
}
.margin_top30 {
	margin-top: 30px !important;
}
.margin_top35 {
	margin-top: 35px !important;
}
.margin_top40 {
	margin-top: 40px !important;
}
.margin_top45 {
	margin-top: 45px !important;
}
.margin_top50 {
	margin-top: 50px !important;
}
.margin_left0 {
	margin-left: 0px !important;
}
.margin_left5 {
	margin-left: 5px !important;
}
.margin_left10 {
	margin-left: 10px !important;
}
.margin_left15 {
	margin-left: 15px !important;
}
.margin_left20 {
	margin-left: 20px !important;
}
.margin_left25 {
	margin-left: 25px !important;
}
.margin_left30 {
	margin-left: 30px !important;
}
.margin_left35 {
	margin-left: 35px !important;
}
.margin_left40 {
	margin-left: 40px !important;
}
.margin_left50 {
	margin-left: 50px !important;
}
.margin_left45 {
	margin-left: 45px !important;
}
.margin_right0 {
	margin-right: 0px !important;
}
.margin_right5 {
	margin-right: 5px !important;
}
.margin_right10 {
	margin-right: 10px !important;
}
.margin_right15 {
	margin-right: 15px !important;
}
.margin_right20 {
	margin-right: 20px !important;
}
.margin_right25 {
	margin-right: 25px !important;
}
.margin_right30 {
	margin-right: 30px !important;
}
.margin_right35 {
	margin-right: 35px !important;
}
.margin_right40 {
	margin-right: 40px !important;
}
.margin_right45 {
	margin-right: 45px !important;
}
.margin_right50 {
	margin-right: 50px !important;
}
.margin_bottom0 {
	margin-bottom: 0px !important;
}
.margin_bottom5 {
	margin-bottom: 5px !important;
}
.margin_bottom10 {
	margin-bottom: 10px !important;
}
.margin_bottom15 {
	margin-bottom: 15px !important;
}
.margin_bottom20 {
	margin-bottom: 20px !important;
}
.margin_bottom25 {
	margin-bottom: 25px !important;
}
.margin_bottom30 {
	margin-bottom: 30px !important;
}
.margin_bottom35 {
	margin-bottom: 35px !important;
}
.margin_bottom40 {
	margin-bottom: 40px !important;
}
.margin_bottom45 {
	margin-bottom: 45px !important;
}
.margin_bottom50 {
	margin-bottom: 50px !important;
}
.padding_top0 {
	padding-top: 0px !important;
}
.padding_top5 {
	padding-top: 5px !important;
}
.padding_top10 {
	padding-top: 10px !important;
}
.padding_top15 {
	padding-top: 15px !important;
}
.padding_top20 {
	padding-top: 20px!important;
}
.padding_top25 {
	padding-top: 25px !important;
}
.padding_top30 {
	padding-top: 30px !important;
}
.padding_top35 {
	padding-top: 35px !important;
}
.padding_top40 {
	padding-top: 40px !important;
}
.padding_top45 {
	padding-top: 45px !important;
}
.padding_top50 {
	padding-top: 50px !important;
}
.padding_top100 {
	padding-top: 100px !important;
}
.padding_left0 {
	padding-left: 0px !important;
}
.padding_left5 {
	padding-left: 5px !important;
}
.padding_left10 {
	padding-left: 10px !important;
}
.padding_left15 {
	padding-left: 15px !important;
}
.padding_left20 {
	padding-left: 20px !important;
}
.padding_left25 {
	padding-left: 25px !important;
}
.padding_left30 {
	padding-left: 30px !important;
}
.padding_left35 {
	padding-left: 35px !important;
}
.padding_left40 {
	padding-left: 40px !important;
}
.padding_left45 {
	padding-left: 45px !important;
}
.padding_left50 {
	padding-left: 50px !important;
}
.padding_right0 {
	padding-right: 0px !important;
}
.padding_right5 {
	padding-right: 5px !important;
}
.padding_right10 {
	padding-right: 10px !important;
}
.padding_right15 {
	padding-right: 15px !important;
}
.padding_right20 {
	padding-right: 20px !important;
}
.padding_right25 {
	padding-right: 25px !important;
}
.padding_right30 {
	padding-right: 30px !important;
}
.padding_right35 {
	padding-right: 35px !important;
}
.padding_right40 {
	padding-right: 40px !important;
}
.padding_right45 {
	padding-right: 45px !important;
}
.padding_right50 {
	padding-right: 50px !important;
}
.padding_bottom0 {
	padding-bottom: 0px !important;
}
.padding_bottom5 {
	padding-bottom: 5px !important;
}
.padding_bottom10 {
	padding-bottom: 10px !important;
}
.padding_bottom15 {
	padding-bottom: 15px!important;
}
.padding_bottom20 {
	padding-bottom: 20px!important;
}
.padding_bottom25 {
	padding-bottom: 25px !important;
}
.padding_bottom30 {
	padding-bottom: 30px !important;
}
.padding_bottom35 {
	padding-bottom: 35px !important;
}
.padding_bottom40 {
	padding-bottom: 40px !important;
}
.padding_bottom45 {
	padding-bottom: 45px !important;
}
.padding_bottom50 {
	padding-bottom: 50px !important;
}
.padding_bottom100{
	padding-bottom: 100px !important;
}
.common-heading {
	width: 100%;
	float: left;
	text-align: center;
}
.common-heading span, .common-heading h1 {
	float: none;
	color: #101010;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	font-size: 28px;
	padding-bottom: 10px;
	font-family:proxima_novalight;
}
.common-heading p {
	font-size: 18px;
	display: block;
	margin: 10px 0px 20px;
	line-height: 26px;
}
.common-heading.white-heading span, 
.common-heading.white-heading p {
	color: #fff;
}
.common-heading.white-heading span:after {
	background: #fff;
}
.common-heading span:after {
	left: 50%;
	bottom: 0px;
	height: 2px;
	width: 70px;
	margin-left: -35px;
	background: #045dff;
	position: absolute;
	content: '';
}
.rows {
	width: 100%;
	float: left;
}
.round-btn {
	float: none;
	display: inline-block;
	border-radius: 50px;
	color: #fff;
	border: 1px solid transparent;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#59a3ff+0,165bd4+38,00132a+100 */
    background: #59a3ff; /* Old browsers */
	background: -moz-linear-gradient(left, #59a3ff 0%, #165bd4 38%, #00132a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #59a3ff 0%, #165bd4 38%, #00132a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #59a3ff 0%, #165bd4 38%, #00132a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a3ff', endColorstr='#00132a', GradientType=1 ); /* IE6-9 */
	padding: 15px 50px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
 transition: all .3s;
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
	font-family:proxima_novasemibold;
}
.round-btn:hover {
	background: #0e4198;
	color: #fff;
	text-decoration: none;
}
.white-btn {
	float: none;
	display: inline-block;
	border-radius: 50px;
	color: #130a05;
	border: 1px solid transparent;
	background: #fff;
	padding: 5px 55px;
	letter-spacing: 3px;
	font-size: 16px;
 transition: all .3s;
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
	font-weight: 600;
	outline: none;
}
.white-btn:hover {
	background: #fff;
	color: #000;
	text-decoration: none;
}
.dark-shine-btn {
    display: inline-block;
    float: none;
    position: relative;
    padding: 15px 0px;
    width: 320px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    transition: all .3s;
    font-size: 16px;
    letter-spacing: 1px;
    /* font-weight: 600; */
    font-family: proxima_novasemibold;
    background-color: #212121;
    border: 2px solid #fff;
    background-repeat: no-repeat;
    background-position: -430px 0px, 0 0;
    background-image: -webkit-linear-gradient( top left, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 37%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.0) 50% );
    background-image: -moz-linear-gradient( 0 0, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 37%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.0) 50% );
    background-image: -o-linear-gradient( 0 0, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 37%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.0) 50% );
    background-image: linear-gradient( 0 0, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 37%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0.0) 50% );
    -moz-background-size: 250% 250%, 100% 100%;
    background-size: 250% 250%, 100% 100%;
    -webkit-transition: background-position 0s ease;
    -moz-transition: background-position 0s ease;
    -o-transition: background-position 0s ease;
    transition: background-position 0s ease;
}
.dark-shine-btn:hover, 
.dark-shine-btn:focus {
  	background-position: 0 0, 0 0;
  	transition: all .3s;
  	-webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s;
    text-decoration: none;
    color: #fff;
  	background-color: #111;
}
.grey-btn {
	float: none;
	display: inline-block;
	border-radius: 50px;
	color: #000;
	border: 1px solid transparent;
	background: #ebebeb;
	padding: 10px 40px;
	letter-spacing: 0px;
	font-size: 16px;
 transition: all .3s;
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
	font-weight: 600;
}
.grey-btn:hover {
	background: #ebebeb;
	color: #000;
	text-decoration: none;
}
.blue-btn {
    float: none;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    border: 1px solid transparent;
    background: #055dff;
    padding: 10px 20px;
    font-size: 18px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    font-family: proxima_nova_rgregular;
    letter-spacing: .3px;
}
.blue-btn:hover {
	background: #055dff;
	color: #fff;
	text-decoration: none;
}
.transparent-btn {
	float: none;
	display: inline-block;
	border-radius: 50px;
	color: #fff;
	border: 1px solid #fff;
	background: transparent;
	padding: 15px 50px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
 transition: all .3s;
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
	font-family:proxima_novasemibold;
}
.transparent-btn:hover {
	background: #fff;
	color: #101010;
	text-decoration: none;
}
/*.container {
	width: 1240px;
}*/
.home-banner-section {
	width: 100%;
	float: left;
	background: url(../images/home-banner.jpg) no-repeat center center;
	background-size: cover;
	height: 100vh;
	position: relative;
}
.header {
	/*position: fixed;*/
	/*left: 0px;*/
	/*right: 0px;*/
	width: 100%;
	/*top: 0px;*/
	padding: 20px;
	z-index: 99;
	transition: all .3s;
}
.header.add-header{
	background: #fff;
	z-index: 999;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	padding: 10px 0px;
	transition: all .3s;
}
.header.add-header .navbar-default .navbar-nav li a{
	color: #000;
}
.header.add-header .header-right .request-btn a{
	background: #045dff;
	color: #fff;
}
.header.add-header .navbar-default .navbar-nav li a:hover,
.header.add-header .navbar-default .navbar-nav li a:focus,
.header.add-header .navbar-default .navbar-nav li.active a{
	color: #045dff;
}
.header.add-header .navbar-default .navbar-nav li.active a:before{
	background: #045dff;
}
.header .logo {
	float: left;
}
.header .logo img {
    max-width: 230px;
}
.header .logo img.black-logo{
	opacity: 0;
	height: 0px;
	visibility: hidden;
}
.header.add-header .logo img.black-logo {
    height: auto;
    opacity: 1;
    visibility: visible;
}
.header.add-header .logo img.white-logo {
    height: 0px;
    opacity: 0;
    visibility: hidden;
}
.header .header-right {
	float: right;
}
.header .header-right .request-btn {
	float: right;
}
.header .header-right .request-btn a {
    border-radius: 40px;
    float: left;
    font-size: 14px;
    padding: 3px 10px;
    border: 1px solid #fff;
    background: #fff;
    color: #000;
    font-family:proxima_novasemibold;
}
.header .header-right .request-btn a img {
	display: none;
}
.header .navbar-default {
	float: right;
	background: transparent;
	border: 0px;
	min-height: inherit;
	margin: 0px;
	border-radius: 0;
}
.header .navbar-default .navbar-nav {
	border: 0px;
	max-height: inherit;
	box-shadow: none;
}
.header .navbar-default .navbar-nav li a {
	color: #fff;
	text-transform: capitalize;
	font-size: 16px;
	font-family:proxima_novasemibold;
	padding: 10px;
}
.header .navbar-default .navbar-nav li a:hover, .header .navbar-default .navbar-nav li a:focus, .header .navbar-default .navbar-nav li.active a {
	background: transparent;
	color: #fff;
}
 .header .navbar-default .navbar-nav li a:before{
 	content: "";
    height: 2px;
    width: 25px;
    background-color: #fff;
    display: block;
    bottom: 7px;
    transform-origin: left top;
    transform: scaleX(0);
    position: absolute;
    transition: color .1s,transform .3s cubic-bezier(.25,.46,.45,.94);
 }
 .header .navbar-default .navbar-nav li a:hover:before, 
 .header .navbar-default .navbar-nav li.active a:before{
    width: 25px;
    transform-origin: left top;
    transform: scale(1);
 }
.header .navbar-default .navbar-nav > li.remove-overlay {
	display: none;
}
.home-banner-section .banner-content {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    max-width: 768px;
    margin: 0 auto;
    padding: 0px 15px;
}
.home-banner-section .banner-content h3 {
	color: #fff;
	font-size: 50px;
	line-height: 50px;
	font-family:proxima_nova_rgbold;
	margin-bottom: 10px;
}
.home-banner-section .banner-content span {
    color: #fff;
    line-height: 24px;
    display: block;
}
.happy-client-section {
	width: 100%;
	float: left;
}
.happy-client-section .common-heading {
	width: 100%;
	float: left;
	text-align: center;
}
.happy-client-section .common-heading span {
	background: rgba(255, 255, 255, 0.91);
	color: #101010;
	padding: 10px;
}
.happy-client-section ul {
	display: block;
	overflow: hidden;
}
.client-list {
	width: 100%;
	float: left;
	background: #fff;
	box-shadow: 1px 3px 18px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 3px 18px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 1px 3px 18px rgba(0, 0, 0, 0.08);
	margin-top: 30px;
	padding: 5px 0px;
}
.client-list span {
	float: left;
	margin-top: 15px;
	border-right: 1px solid #eeeeee;
	padding: 0px 15px;
}
.client-list span img {
	width: 50px;
}
.client-list ul li {
	list-style: none;
	float: left;
	width: 20%;
	text-align: center;
}
/*.client-list ul li img{
    width: 120px;
}*/
.our-servie-home-section {
	width: 100%;
	float: left;
	position: relative;
}
.our-servie-home-section:after {
	position: absolute;
	content: '';
	right: 0px;
	width: 810px;
	height: 834px;
	background: url(../images/service-bg-after.png) no-repeat;
	top: -340px;
	z-index: -9;
}
.our-servie-home-section .service-left-content {
	width: 35%;
	float: left;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#59a3ff+0,165bd4+38,00132a+100 */
    background: #59a3ff; /* Old browsers */
	background: -moz-linear-gradient(left, #59a3ff 0%, #165bd4 38%, #00132a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #59a3ff 0%, #165bd4 38%, #00132a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #59a3ff 0%, #165bd4 38%, #00132a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a3ff', endColorstr='#00132a', GradientType=1 ); /* IE6-9 */
	height: 500px;
}
.our-servie-home-section .service-left-content .center-content {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	color: #fff;
	left: 0px;
	padding-left: 150px;
	width: inherit;
	padding-right: 50px;
}
.our-servie-home-section .service-left-content .center-content h3 {
	color: #fff;
	font-family:proxima_nova_thinthin;
}
.our-servie-home-section .service-left-content .center-content span {
	color: #fff;
	font-family: proxima_novasemibold;
	margin: 10px 0px;
	display: block;
}
.our-servie-home-section .service-left-content .center-content p {
	color: #fff;
	font-family: proxima_nova_rgregular;
	display: block;
	margin-bottom: 15px;
}
.service-right-list {
	overflow: hidden;
	padding-right: 150px;
	margin-top: 80px;
}
.service-right-list ul li {
	width: 33.33%;
	float: left;
	margin-bottom: 50px;
	list-style: none;
	text-align: center;
}
.service-right-list ul li i {
	width: 120px;
	height: 120px;
	line-height: 120px;
	border-radius: 100%;
	background: transparent;
	border: 1px solid #0d47ae;
	float: none;
	display: inline-block;
}
.service-right-list ul li span {
	width: 100%;
	float: left;
	margin-top: 10px;
	font-size: 18px;
	font-family:proxima_nova_rgregular;
}
.why-us-section {
	width: 100%;
	float: left;
	background: url(../images/why-us-bg.jpg) no-repeat;
	background-size: cover;
	padding: 50px 0px;
	text-align: center;
}
.why-us-listing {
	width: 80%;
	float: none;
	display: inline-block;
	margin-top: 90px;
}
.why-us-listing ul li {
	list-style: none;
	float: left;
	width: 33.33%;
	text-align: center;
}
.why-us-listing ul li span {
	font-size: 32px;
	color: #0d47ae;
	display: block;
	margin: 30px 0px 20px;
	font-weight: 900;
}
.why-us-listing ul li p {
	font-size: 18px;
	font-weight: 400;
	display: block;
	font-family:proxima_nova_rgregular;
}
.our-process-section {
	width: 100%;
	float: left;
	padding: 50px 0px;
	background: url(../images/our-process-section-bg.jpg) no-repeat;
	background-size: cover;
}
.features-project-section {
	width: 100%;
	float: left;
	position: relative;
	padding: 50px 0px;
	overflow: hidden;
	border-bottom: 1px solid #efefef;
	margin-bottom: 50px;
}
.features-project-section:before {
	position: absolute;
	content: '';
	right: -250px;
	bottom: 80px;
	background: url(../images/portfolio-section-bg-after.png) no-repeat;
	width: 648px;
	height: 569px;
}
.project-listing-slider, .project-listing-slider .item {
	width: 100%;
	float: left;
}
.project-listing-slider .item {
	margin-top: 70px;
}
.project-detail-section {
	width: 30%;
	float: left;
	margin-top: 70px;
}
.project-detail-section span {
	font-size: 28px;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 15px;
	display: block;
}
.project-detail-section span:before {
	left: 0px;
	bottom: 0px;
	height: 2px;
	width: 150px;
	margin-left: 0px;
	background: #045dff;
	position: absolute;
	content: '';
}
.project-detail-section p {
	display: block;
	line-height: 32px;
	font-size: 16px;
}
.project-tags {
	width: 100%;
	float: left;
	margin: 30px 0px;
}
.project-tags li {
	float: left;
	list-style: none;
	background: #fff;
	border-radius: 10px;
	color: #101010;
	text-align: center;
	font-size: 16px;
	margin-bottom:  10px;
	margin-right: 10px;
	padding: 5px 10px;
	box-shadow: 0px 6px 10px rgba(25, 60, 179, 0.08);
	-webkit-box-shadow: 0px 6px 10px rgba(25, 60, 179, 0.08);
	-moz-box-shadow: 0px 6px 10px rgba(25, 60, 179, 0.08);
	position: relative;
 transition: all .3s;
	overflow: hidden;
	border: 1px solid #e4efff;
}
.project-tags>li:after {
	width: 0px;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	background: #013084;
 transition: all .5s ease-in-out 0s;
 -webkit-transition: all .5s ease-in-out 0s;
/*border: 1px solid tra;*/
}
.project-tags>li:hover:after {
	width: 100%;
}
/*.project-tags li:hover{
    background: #013084;
    color: #fff;
}*/
.project-screen-section {
	overflow: hidden;
	display: block;
	float: right;
	width: 70%;
}
.project-screen-section figure img {
	position: absolute;
	right: -100px;
	max-width: 771px;
	top: 113px;
}
.slider-bottom-bg {
	width: 100%;
	float: left;
	background: #00245d;
	position: relative;
	height: 150px;
	/*margin-top: -100px;*/
    text-align: center;
}
.slider-bottom-bg span {
	float: none;
	display: inline-block;
	color: #fff;
	padding-top: 100px;
}
.project-listing-slider .owl-nav>div {
	color: #fff;
	float: left;
	margin-right: 15px;
	border: 1px solid #fff;
	border-radius: 50px;
	padding: 5px 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
}
.project-listing-slider .owl-nav {
	width: 100%;
	float: left;
}
.client-testimonail-section {
	width: 100%;
	float: left;
}
#testcontentslider {
    width: 100%;
    position: relative;
    float: left;
    /*margin-top: 40px;*/
}
/*#testcontentslider:before {
	position: absolute;
	content: '';
	left: 30px;
	top: -50px;
	background: url(../images/testimonial-ic.png);
	width: 98px;
	height: 86px;
}*/
#testcontentslider .owl-dots{
	width: 100%;
	opacity: 10;
	position: absolute;
	bottom: 10px;
	margin: 0 auto;
}
#testcontentslider .owl-nav {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
}
#testcontentslider .owl-nav div {
    position: absolute;
    content: '';
    background: url(../images/long-arrow.png);
    width: 60px;
    height: 24px;
    left: 15px;
    bottom: 50px;
}
#testcontentslider .owl-nav div.disabled{
	opacity: 0;
}
#testcontentslider .owl-nav div.owl-prev {
    transform: rotate(180deg);
}
#testcontentslider .owl-nav div.owl-next {
    right: 15px;
    left: initial;
}
#testcontentslider .owl-item .item .content img {
	border-radius: 100%;
	width: 60px;
	height: 60px;
	float: left;
}
#testcontentslider .owl-item.center .item .content img {
	opacity: 1;
}
.client-testimonail-section {
	width: 100%;
	float: left;
	text-align: center;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    height: 520px;
    overflow: hidden;
}
#testcontentslider .item .content p {
    font-size: 18px;
    line-height: 28px;
    color: #303030;
    font-family: proxima_nova_rgregular;
    display: block;
    min-height: 84px;
    margin-top: 15px;
}
.expertise-section {
	width: 100%;
	float: left;
	background: url(../images/expetise-section-bg.jpg) no-repeat;
	/*background-attachment: fixed;*/
    padding: 70px 0px 60px;
	margin: 50px 0px 0px 0px;
}
.expetise-list {
	width: 100%;
	float: left;
	margin-top: 30px;
}
.expetise-list li {
	list-style: none;
	float: left;
}
.simply-scroll .simply-scroll-list li img {
	margin: 0 auto;
}
.blog-section {
	background: #fff;
	width: 100%;
	float: left;
	padding: 50px 0px;
	font-family: 'Source Sans Pro', sans-serif;
	border-bottom: solid 1px #efefef;
}
.blog-lists {
	width: 100%;
	float: left;
	margin-top: 30px;
}
.blog-lists ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.blog-lists ul li {
	margin: 0;
	padding: 20px;
	float: left;
	width: 33.33%;
}
.blog-box {
	background: #fff;
	box-shadow: 0 3px 15px rgba(0, 0, 0, .08);
	width: 100%;
	padding: 0;
 transition: all .5s ease 0s;
 -webkit-transition: all .5s ease 0s;
	min-height: 350px;
	padding-bottom: 20px;
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.blog-lists ul li:hover .blog-box {
	-webkit-transform: translate(0, -8px);
	-moz-transform: translate(0, -8px);
	-ms-transform: translate(0, -8px);
	-o-transform: translate(0, -8px);
	transform: translate(0, -8px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, .1)
}
.blog-block-img img {
	margin: 0 auto;
	display: block;
	width: 100%;
}
.blog-block-content {
	color: #101010;
	font-size: 17px;
	text-align: left;
	line-height: 26px;
	margin-top: 5px;
	letter-spacing: .7px;
	padding: 15px 15px;
}
.blog-block-content a {
	color: #101010;
	text-decoration: none;
}
.know-more-btn {
	color: #032784;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
	margin-left: 15px;
}
.know-more-btn img {
	vertical-align: -1px;
}
.know-more-btn:hover, .know-more-btn:focus {
	text-decoration: none;
	color: #032784;
}
.insight-see-all-btn {
	width: 160px;
	display: block;
	text-align: center;
	font-weight: 300;
	margin: 0 auto;
	clear: both;
}
.insight-see-all-btn:hover, .insight-see-all-btn:focus {
	color: #fff;
	text-decoration: none;
}
.home-form-section {
	width: 100%;
	float: left;
	position: relative;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	overflow: hidden;
}
.home-form-section:before{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/footer-form-bg.jpg);
	width: 50%;
	background-size: cover;
	height: 768px;
	content: '';
}
.home-form-section form {
	width: 100%;
	float: left;
	margin-top: 20px;
}
.home-form-section .common-heading {
    padding-top: 0px;
}
.form-control {
	background: #f5f7f8;
	height: 50px;
	border-radius: 0;
	box-shadow: none;
	border: 0;
	font-size: 16px;
	color: #101010;
	border: 1px solid #e0e0e0;
	font-weight: 400;
}
.home-form-section form .form-group {
	margin-bottom: 20px;
}
.form-white-bg {
	box-shadow: 0 3px 15px rgba(0, 0, 0, .08);
	width: 100%;
	float: left;
	padding: 50px 30px 50px 30px;
	background: #fff;
	position: relative;
}
footer {
	width: 100%;
	float: left;
	/*background: #f7f7f7;*/
	padding: 50px 0px 0px;
}
.footer-container{
	padding: 0 25px;
}
.bottom-footer{
	background: url(../images/footer-img.png) center center no-repeat;
	background-size: cover;
	width: 100%;
	padding: 110px 0px 20px;
}
.footer-about-detail {
	width: 100%;
	float: left;
	margin-top: 15px;
}
.footer-about-detail span {
	display: block;
	margin-top: 15px;
	line-height: 26px;
	color: #000;
	font-size: 16px;
	font-family:proxima_nova_rgregular;
}
.social-icons{
	margin-top: 14px;
    float: left;
}
.fa-whatsapp{
	background: #448fcd;
	color: #fff !important;
	border-radius: 10px;
	width: 25px;
}
.fa-instagram{
	background: #448fcd;
	color: #fff !important;
	border-radius: 7px;
	width: 25px;
}
.social-icons li a{
	padding: 10px !important;
}
.social-icons li a i{
	color: #448fcd;
	font-size: 25px;
}
.footer-menus {
	width: 100%;
	display: inline-block;
	margin: 0 0 30px;
	text-align: center;
}
.footer-menus ul{
	display: inline-block;
	text-align: center;
}
.footer-menus ul li {
	width: 100%;
	list-style: none;
	margin-bottom: 7px;
	display: contents;
}
.footer-menus ul li a {
	color: #000;;
	font-family:proxima_nova_rgregular;
	font-size: 16px;
	padding: 35px;
}
.footer-menus ul li a:hover, .footer-menus ul li a:focus {
	text-decoration: none;
	color: #045dff;
}
.footer-menus ul li:first-child {
	padding-left: 0px;
}
.footer-menus ul li:last-child {
	border: 0px;
}
.social-menus {
	float: left;
	margin-top: 10px;
	width: 100%;
	text-align: center;
}
.social-menus ul li a img {
	width: 40px;
}
.social-menus ul li {
	float: none;
	display: inline-block;
	list-style: none;
	margin-right: 10px;
}
.fa-facebook:hover{
	color: #3b5998;
}
.fa-instagram:hover{
	background: linear-gradient(45deg, #ffdc7d, #f46f30, #7232bd, #4c5fd7, #c32aa3);
}
.fa-twitter:hover{
	color: #00acee;
}
.fa-linkedin:hover{
	color: #0e76a8 ;
}
.fa-youtube-play:hover{
	color: #FF0000;
}
.fa-whatsapp:hover{
	background: #25d366;
}
.address-section span {
	float: right;
	color: #fff;
}
.address-section span strong {
	display: block;
}
.copyright{
	padding: 0;
}
.copyright-section {
    width: 100%;
    float: left;
    font-family: proxima_nova_rgregular;
    font-size: 16px;
    text-align: center;
    background: #448fcd;
    padding: 10px 0;
    margin: 0;
    color: aliceblue;
}
.inner-banner-section {
	width: 100%;
	float: left;
	background-size: cover;
	height: 428px;
	position: relative;
}
.service-banner {
	background: url(../images/service-banner.jpg);
}
.about-banner {
	background: url(../images/about-banner.jpg);
}
.contact-banner {
	background: url(../images/contact-banner.jpg);
}
.inner-banner-content {
	width: 800px;
	text-align: center;
	margin: 0% auto;
	color: #fff;
	padding: 0px 15px;
	transform: translate(0%, -50%);
	top: 50%;
	position: absolute;
	left: 50%;
	margin-left: -400px;
	margin-top: 45px;
}
.inner-banner-content h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 45px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
}
.service-list ul {
	margin-top: 30px;
	list-style: none;
	width: 100%;
	float: left;
}
.service-list ul li {
	padding: 15px;
	float: left;
	width: 50%;
}
.service-list .service-box:after {
    width: 0px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: #055dff;
    transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
}
.service-list .service-box:hover:after {
    width: 100%;
}
.service-list .service-box {
    background: #fff;
    width: 100%;
    min-height: 220px;
    transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s;
    position: relative;
    float: left;
    box-shadow: 0 0 27px 0 rgba(181,183,184,.17);
    border: 1px solid #f1f1f1;
    padding: 15px;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.service-list .service-box .service-icon {
    float: left;
}
.service-list .service-icon img {
	max-width: 50px;
}
.service-list .service-box .service-icon {
    float: left;
    padding-right: 20px;
}
.service-list .service-heading {
    color: #303030;
    font-size: 22px;
    line-height: 26px;
    display: inline-block;
    overflow: hidden;
    font-family:proxima_nova_rgbold;
    margin-top: 0px;
}
.service-list .service-content {
    color: #6e6e6e;
    font-size: 16px;
    line-height: 26px;
    width: 100%;
    font-family:proxima_nova_rgregular;
    float: left;
}
.service-list .service-box .no-more-btn {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #032784;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 15px;
}
.service-page-listing {
    width: 100%;
    float: left;
    padding: 50px 0px;
    border-bottom: 1px solid #eaeaea;
    background: #f5f8ff;
    border-top: 1px solid #e1eaff;
}
.flexible-modal-section {
	width: 100%;
	float: left;
	background: #59a3ff;
	background: -moz-linear-gradient(left, #59a3ff 0%, #165bd4 38%, #00132a 100%);
	background: -webkit-linear-gradient(left, #59a3ff 0%, #165bd4 38%, #00132a 100%);
	background: linear-gradient(to right, #59a3ff 0%, #165bd4 38%, #00132a 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a3ff', endColorstr='#00132a', GradientType=1 );
	padding: 120px 0px 70px;
}
.modal-listing-section {
	width: 100%;
	float: left;
	background: #fff;
	border-radius: 5px;
	padding: 50px 15px 50px;
}
.modal-lists ul {
	margin-top: 50px;
	width: 100%;
	float: left;
}
.modal-lists ul li {
	float: left;
	width: 33.33%;
	text-align: center;
	list-style: none;
	padding: 0px 15px;
}
.modal-lists ul li span {
	display: block;
	font-weight: 700;
	font-size: 21px;
	margin: 25px 0px 5px;
	color: #032784;
}
.modal-lists ul li p {
	font-size: 16px;
	line-height: 32px;
}
.about-services {
	width: 100%;
	float: left;
	margin-top: 50px;
}
.about-services .service-right-list {
	padding: 0px;
	overflow: inherit;
	margin-top: 30px
}
.about-services .service-right-list ul {
	margin-top: 50px;
	width: 100%;
	float: left;
}
.about-services .service-right-list ul li {
	width: 16.667%;
}
.about-services .service-right-list ul li i {
	width: 100px;
	height: 100px;
	line-height: 100px;
}
.about-services .service-right-list ul li i img {
	width: 50px;
}
.about-us-content {
	width: 100%;
	float: left;
	margin-top: 50px;
}
.about-us-content .common-heading {
	margin-bottom: 30px;
}
.about-content {
	width: 80%;
	float:  none;
	margin: 40px auto;
	text-align: center;
}
.about-content h3 {
	font-weight: 700;
	display: block;
	margin-bottom: 15px;
}
.about-services {
	width: 100%;
	float: left;
	margin-top: 50px;
	background: #f3f6ff;
	padding: 60px 0px 10px;
}
.about-us-clients {
	margin: 60px 0px 60px 0px;
}
.about-us-clients .client-list {
	box-shadow: none;
}
.about-testimonial {
	border-top: 1px solid #efefef;
	padding-top: 60px;
}
.our-team-section {
	width: 100%;
	float: left;
	background: #000f38;
	padding: 60px 0px;
	margin-bottom: 50px;
}
.operational-team-list ul {
	float: left;
	width: 100%;
	margin-top: 50px;
	list-style: none;
	text-align: center;
}
.operational-team-list ul li {
	margin: 0;
	padding: 0 4px;
	display: inline-block;
	position: relative;
	width: 16.33%;
	vertical-align: top;
}
.operational-team-list ul li img {
	border: solid 2px #e4e4e4;
	border-radius: 4px;
	width: 130px;
}
.operational-team-box {
	position: relative;
	max-width: 80%;
	margin: 0 auto 15px;
}
.operational-team-list ul li .team-name {
	font-size: 18px;
	text-align: center;
	color: #ffffff;
	font-weight: 300;
	padding: 3px 0;
	letter-spacing: .5px;
}
.operational-team-list ul li .team-post {
	font-size: 13px;
	/* text-align: center; */
    color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
	margin-top: -8px;
}
.call-us-section {
	width: 100%;
	float: left;
	padding: 50px 0px;
}
/*Material-css for input*/

.material-input {
	width: 100%;
	float: left;
}
.material-input .input-group-addon {
	float: left;
	width: 7%;
	height: 50px;
	line-height: 50px;
	color: rgb(116, 116, 116);
	font-size: 24px;
	padding: 0px;
	background: transparent;
	border-radius: 0px;
	border: 0px;
}
.material-input .group {
	position: relative;
	margin-bottom: 40px;
	float: right;
	width: 93%;
}
.material-input input {
	font-size: 17px;
	display: block;
	width: 100%;
	border: 0px;
	font-weight: 300;
	color: rgb(117, 117, 117);
	z-index: inherit;
	padding: 10px 10px 10px 5px;
	border-bottom: 1px solid #e6e6e6;
}
.material-input input:focus {
	outline: none;
	background: none;
}
.material-input label {
	color: #999;
	font-size: 18px;
	font-weight: 500;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}
.material-input .has-error {
	text-align: left;
}
.material-input input:focus ~ label, .material-input input:valid ~ label {
 top: -10px;
 font-size: 14px;
 color: #1a65d8;
}
.material-input .bar {
	position: relative;
	display: block;
	width: 100%;
}
.material-input .bar:before, .material-input .bar:after {
	content: '';
	height: 2px;
	width: 0;
	bottom: 1px;
	position: absolute;
	background: #6f4bff;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}
.material-input .bar::before {
 left: 50%;
}
.material-input .bar::after {
 right: 50%;
}
.material-input input:focus ~ .bar:before, .material-input input:focus ~ .bar:after {
 width: 50%;
}
.material-input .bar::before, .material-input .bar::after {
 content: "";
 height: 2px;
 width: 0px;
 bottom: 1px;
 position: absolute;
 background: #1a65d8;
 transition: all 0.2s ease;
}
.material-input label {
	color: #8b8b8b;
	font-size: 17px;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	transition: all 0.2s ease;
	font-weight: 400;
}
/*Material-css for input*/


/*Material-css for textarea*/

.material-textarea {
	width: 100%;
	float: left;
}
.material-textarea .input-group-addon {
	float: left;
	width: 7%;
	height: 50px;
	line-height: 70px;
	color: rgb(116, 116, 116);
	font-size: 24px;
	padding: 0px;
	background: transparent;
	border-radius: 0px;
	border: 0px;
}
.material-textarea .group {
	position: relative;
	margin-bottom: 40px;
	float: right;
	width: 93%;
}
.material-textarea textarea {
	font-size: 18px;
	display: block;
	width: 100%;
	font-weight: 300;
	color: rgb(117, 117, 117);
	z-index: inherit;
	padding: 10px 10px 10px 5px;
	border: 0px;
	border-bottom: 1px solid rgb(196, 196, 196);
	resize: none;
}
.material-textarea textarea:focus {
	outline: none;
	background: none;
}
.material-textarea label {
	color: #999;
	font-size: 18px;
	font-weight: 500;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}
.material-textarea .has-error {
	text-align: left;
}
.material-textarea textarea:focus ~ label, .material-textarea textarea:valid ~ label {
 top: -20px;
 font-size: 14px;
 color: #1a65d8;
}
.material-textarea .bar {
	position: relative;
	display: block;
	width: 100%;
}
.material-textarea .bar:before, .material-textarea .bar:after {
	content: '';
	height: 2px;
	width: 0;
	bottom: 1px;
	position: absolute;
	background: #1a65d8;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}
.material-textarea .bar::before {
 left: 50%;
}
.material-textarea .bar::after {
 right: 50%;
}
.material-textarea textarea:focus ~ .bar:before, .material-textarea textarea:focus ~ .bar:after {
 width: 50%;
}
.material-textarea .bar::before, .material-textarea .bar::after {
 content: "";
 height: 2px;
 width: 0px;
 bottom: 1px;
 position: absolute;
 background: #1a65d8;
 transition: all 0.2s ease;
}
.material-textarea label {
	color: rgb(153, 153, 153);
	font-size: 18px;
	font-weight: 400;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	transition: all 0.2s ease;
}
.contact-footer {
	padding-top: 50px;
	margin-top: 0px;
}
.contact-page-left {
	width: 100%;
	float: left;
	height: 500px;
	background: #59a3ff;
	background: -moz-linear-gradient(left, #59a3ff 0%, #165bd4 38%, #00132a 100%);
	background: -webkit-linear-gradient(left, #59a3ff 0%, #165bd4 38%, #00132a 100%);
	background: linear-gradient(to right, #59a3ff 0%, #165bd4 38%, #00132a 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a3ff', endColorstr='#00132a', GradientType=1 );
}
.contact-page-left img {
	position: absolute;
	left: -120px;
	width: 580px;
	bottom: -30px;
}
.contact-page-left h3 {
	float: left;
	width: 100%;
	padding: 20px 10px 10px 30px;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 38px;
}
.mobile-app-develop-jaipur-banner {
	width: 100%;
	float: left;
	position: relative;
	padding: 120px 0px 0px;
	display: table;
	background: url(../images/mobile-app-jaipur/mobile-app-jaipur-banner.jpg) no-repeat;
	background-size: cover;
}
.mobile-app-develop-jaipur-banner .banner-right-img-panel {
	display: table-cell;
	vertical-align: bottom;
	width: 50%;
	float: none;
	position: relative;
	left: 0%;
	padding-right: 15px;
}
.mobile-app-develop-jaipur-banner .banner-right-img-panel figure img {
	max-width: 600px;
	width: 100%;
}
.mobile-app-develop-jaipur-banner .banner-left-panel {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	float: none;
	position: relative;
	right: 0%;
	padding-left: 15px;
}
.mobile-app-develop-jaipur-banner .banner-left-panel h3 {
	color: #fff;
	font-size: 34px;
	line-height: 45px;
}
.about-main-content {
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	padding: 50px 0px;
}
.about-main-content h3 {
	color: #000;
	font-size: 50px;
	font-family: proxima_nova_rgbold;
}
.about-main-content span {
	color: #505050;
	font-size: 20px;
	font-family: proxima_novasemibold;
	width: 85%;
	padding: 15px 0px;
	margin: 0 auto;
	display: block;
}
.about-main-content p {
	color: #50535d;
	font-size: 18px;
	display: block;
	line-height: 32px;
	font-family: proxima_nova_rgregular;
	text-align: -webkit-auto;
}
.jaipur-development-type {
	width: 100%;
	float: left;
	background: #045dff;
	background-size: cover;
	padding: 50px 0px;
	background-attachment: fixed;
}
.jaipur-development-type-lists {
	width: 100%;
	float: left;
	margin-top: 40px;
}
.jaipur-development-type-lists ul li {
	width: 33.33%;
	float: left;
	text-align: center;
	padding: 15px;
	background: #004fe0;
	height: 280px;
	display: table;
	list-style: none;
}
.jaipur-development-type-lists ul li a {
	display: table-cell;
	vertical-align: middle;
	float: none;
	width: 100%;
	text-align: center;
}
.jaipur-development-type-lists ul li a i {
	width: 100%;
	float: left;
}
.jaipur-development-type-lists ul li a i img {
	max-width: 75px;
}
.jaipur-development-type-lists ul li a span {
	color: #fff;
	margin: 20px 0px;
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 24px;
	font-family:proxima_nova_rgregular;
}
.jaipur-development-type-lists ul li:nth-child(2) {
 background: #fff;
}
.jaipur-development-type-lists ul li:nth-child(2) a span {
 color: #303030;
}
.mobile-app-portfolio-section {
	width: 100%;
	float: left;
	padding: 0px 0px 40px;
	background: #f3f9ff;
}
.mobile-app-portfolio-slider {
	position: relative;
}
.mobile-app-portfolio-slider .owl-nav {
	position: absolute;
	right: 20px;
	top: 60px;
}
.mobile-app-portfolio-slider.owl-theme .owl-nav [class*='owl-'] {
 color: #fff;
 padding: 5px 30px;
 font-size: 16px;
 font-weight: 600;
 text-transform: capitalize;
 background: #045dff;
 border: 2px solid transparent;
 transition: all .3s;
 border-radius: 50px;
}
.mobile-app-portfolio-slider.owl-theme .owl-nav [class*='owl-']:hover, .mobile-app-portfolio-slider.owl-theme .owl-nav [class*='owl-']:focus {
 border: 2px solid #045dff;
 color: #045dff;
 background: #fff;
}
.mobile-app-portfolio-slider, .mobile-app-portfolio-slider .item {
	width: 100%;
	float: left;
}
.mobile-app-portfolio-slider .item {
	position: relative;
	margin: 50px 0px 0px;
	border-top: 1px solid #e0e8ff;
	border-bottom: 1px solid #e0e8ff;
}
.mobile-app-portfolio-slider .item .table-data-img-slide {
	width: 50%;
	float: left;
	padding: 0px 15px;
}
.mobile-app-portfolio-slider .item .table-data-img-slide .portslider-inner {
	padding-top: 60px;
}
.mobile-app-portfolio-slider .item .table-data-content-slide {
	width: 50%;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translate(0%, -50%);
	padding: 0px 15px;
	height: 100vh;
}
.mobile-app-portfolio-slider .item .left-color-bg {
	width: 300px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
/*.mobile-app-portfolio-slider .item.v-tab-item .left-color-bg {
	background: #ff1a48;
}*/
/*.mobile-app-portfolio-slider .item.tol-item .left-color-bg {
	background: #0325b9;
}
.mobile-app-portfolio-slider .item.puppy-item .left-color-bg {
	background: #21d6ab;
}
.mobile-app-portfolio-slider .item.v-shop-item .left-color-bg {
	background: #fd8400;
}*/
.mobile-app-portfolio-slider .item .rich-experience-slider .slick-slide {
	margin: 0px -60px;
	z-index: 9;
	padding-bottom: 80px;
}
.rich-experience-slider .slick-slide .slideItem img {
	opacity: .3;
 transition: all .3s ease;
	transform: scale(.6);
	margin: 0 auto;
	box-shadow: 0 70px 100px -40px rgba(0, 0, 0, .5);
}
.rich-experience-slider .slick-slide.slick-center .slideItem img {
	opacity: 1;
	transform: scale(1);
}
.rich-experience-slider .slick-slide.slick-current {
	z-index: 99;
	position: relative;
}
.rich-experience-slider .slick-prev {
	left: 45%;
	margin-left: -40px;
	bottom: 0px;
	top: 100%;
	z-index: 999;
	margin-top: -50px;
	background-color: transparent;
}
.rich-experience-slider .slick-next {
	right: 45%;
	top: 100%;
	bottom: 0px;
	margin-top: -50px;
	margin-right: -40px;
	background-color: transparent;
}
.rich-experience-slider .slick-arrow:before {
	color: #000;
	font-size: 30px;
}
.portfolio-data-panel {
	position: absolute;
	transform: translate(0%, -50%);
	top: 50%;
	right: 0px;
	padding-left: 80px;
	padding-right: 100px;
}
.portfolio-data-panel h3 {
	float: left;
	color: #ed103c;
	font-size: 24px;
	font-family:proxima_novasemibold;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 10px;
}
.portfolio-data-panel h3:after {
	position: absolute;
	content: '';
	width: 80px;
	height: 2px;
	border-radius: 50px;
	background: #ff0033;
	left: 0px;
	bottom: 0px;
}
.portfolio-data-panel .app-version-list {
	float: right;
}
.portfolio-data-panel .app-version-list li {
	float: left;
	list-style: none;
	padding: 0px 10px;
}
.portfolio-data-panel .app-version-list li:first-child {
	border-right: 1px solid #ccc;
}
.portfolio-data-panel .app-des {
	width: 100%;
	float: left;
	margin: 10px 0px;
	color: #50535d;
	font-size: 20px;
	display: block;
	line-height: 30px;
	font-family: proxima_nova_rgregular;
}
.portfolio-data-panel .portfolio-use-tech {
	width: 100%;
	float: left;
	margin: 25px 0px;
}
.portfolio-sec-title {
	color: #404040;
	font-size: 22px;
	font-family: proxima_novasemibold;
	width: 100%;
	float: left;
	margin: 5px 0px;
}
.portfolio-data-panel .portfolio-use-tech ul li {
	float: left;
	list-style: none;
	padding: 0px 10px;
	width: 10%;
}
.portfolio-data-panel .portfolio-use-tech ul li>img {
	max-width: 100%;
	width: auto;
}
.portfolio-data-panel .portfolio-use-tech ul li:first-child {
	padding-left: 0px;
}
.portfolio-data-panel .portfolio-slide-features {
	width: 100%;
	float: left;
	margin: 25px 0px 15px;
}
.portfolio-data-panel .portfolio-slide-features li {
	width: 50%;
	float: left;
	list-style: none;
	position: relative;
	padding: 0px 15px 0px 15px;
	color: #2f2d2d;
	font-size: 18px;
	font-family: proxima_nova_rgregular;
	margin: 7px 0px;
	line-height: 20px;
	min-height: 40px;
}
.portfolio-data-panel .portfolio-slide-features li:before {
	position: absolute;
	left: 0px;
	content: '\f101';
	font-family: 'FontAwesome';
	color: #000;
	font-size: 18px;
}
.client-tasks {
	width: 100%;
	float: left;
	margin: 15px 0px 0px;
}
.client-tasks ul li {
	float: left;
	margin-right: 20px;
	list-style: none;
	position: relative;
	padding-left: 15px;
	font-family: proxima_nova_rgregular;
	color: #50535d;
	font-size: 20px;
	margin-bottom: 7px;
}
.client-tasks ul li:before {
	position: absolute;
	content: '';
	left: 0px;
	width: 5px;
	height: 5px;
	background: #ff1a48;
	border-radius: 100%;
	top: 50%;
	margin-top: -3px;
}
.approach-sec {
	width: 100%;
	float: left;
	padding: 50px 0;
	position: relative;
	background: #fff;
	z-index: 2;
	min-height: 690px;
	overflow: hidden;
}
.approch-heading {
	font-size: 22px;
	color: #303030;
	text-align: center;
	font-weight: 600;
	line-height: 25px;
	position: relative;
	z-index: 9;
}
.approch-heading img {
	margin: -10px auto 10px;
	display: block;
}
.approch-content {
	font-size: 18px;
	color: #6e6e6e;
	line-height: 32px;
	margin-top: 7px;
}
.ap-box {
	max-width: 190px;
	text-align: left;
}
.ap-box1 {
	padding-left: 0;
	margin-left: 49px;
}
.ap-box2 {
	padding-left: 0;
	top: 273px;
	position: absolute;
	left: 49px;
}
.approch-heading2 {
	position: relative;
}
.approch-heading2 img {
/*position: absolute;
    left: -80px;
    top: -50px;*/
}
.mockup-sec {
	max-width: 500px;
	width: 100%;
	float: left;
}
.mockup-sec .mockup-left {
	width: 50%;
	float: left;
}
.mockup-sec .mockup-right {
	width: 50%;
	float: left;
	position: relative;
}
.mockup-right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mockup-right ul li {
	margin: 0;
	padding: 3px 0;
}
.mockup-right ul li img {
	vertical-align: 2px;
	margin-right: 5px;
}
.mockup-large-arrow {
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: -70px;
}
/****Box3***/
.approch-box {
	position: relative;
	margin-top: 70px;
	width: 100%;
	float: left;
}
.ap-box3 {
	position: absolute;
	top: 0px;
	left: 322px;
}
.ap-box3-sec {
	width: 100%;
	float: left;
	margin-top: 0;
}
.approch-heading3 {
	position: relative;
	float: left;
}
.approch-heading3 img {
/*position: absolute;
    left: -145px;
    top: -10px;*/
}
.approch-content3 {
	position: relative;
}
.mockup-large-arrow2 {
	position: absolute;
	top: 7px;
	left: -50px;
}
.box3-bottom-content {
	color: #043468;
	font-size: 18px;
	max-width: 210px;
}
.box3-bottom-content1 {
	margin-top: 30px;
	float: left;
}
.box3-bottom-content2 {
	margin-top: 30px;
	float: right;
}
.box3-bottom-content3 {
	margin-top: 40px;
	float: left;
	width: 100%;
	text-align: center;
}
/***Box4***/
.ap-box4 {
	left: 598px;
	position: absolute;
	top: 273px;
}
/***Box5***/
.ap-box5 {
	position: absolute;
	left: 873px;
	top: 0px;
}
.approch-heading5 {
	position: relative;
	margin-top: 0px;
}
.approch-heading5 img {
/*position: absolute;
    left: -125px;*/
}
/***Box6***/
.ap-box6 {
	left: 1018px;
	position: absolute;
	top: 195px;
	text-align: center;
	max-width: 238px;
}
.ap-box6 img {
	margin: 0 auto 7px;
	display: block;
}
.approch-heading6 {
	text-align: center;
}
/***Animation line1***/
.dashed {
	stroke-dasharray: 3;
	stroke: 4;
}
.path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
}
.path1 {
	animation: dash 2s linear alternate forwards 0s;
	animation-play-state: paused;
}
.path2 {
	animation: dash 2s linear alternate forwards 1s;
	animation-play-state: paused;
}
.path3 {
	animation: dash 2s linear alternate forwards 2s;
	animation-play-state: paused;
}
.path4 {
	animation: dash 2s linear alternate forwards 3s;
	animation-play-state: paused;
}
.path5 {
	animation: dash 2s linear alternate forwards 4s;
	animation-play-state: paused;
}
.path31 {
	animation: dash 3s linear alternate forwards 2.4s;
	animation-play-state: paused;
}
.path32 {
	animation: dash 3s linear alternate forwards 2.7s;
	animation-play-state: paused;
}
 @keyframes dash {
 from {
 stroke-dashoffset: 1000;
}
to {
	stroke-dashoffset: 0;
}
}
.line-one {
	position: absolute;
	top: 9px;
	left: 0;
	z-index: 1;
}
.line-one2 {
	position: absolute;
	left: 132px;
	top: 20px;
	z-index: 1;
}
.shap-31 {
	position: absolute;
	top: 24%;
	left: 43%;
}
.shap-32 {
	position: absolute;
	top: 25.5%;
	left: 35.8%;
}
.line-3 {
	position: absolute;
	top: 25px;
	left: 416px;
	z-index: 1;
}
.line-4 {
	position: absolute;
	top: 9px;
	left: 710px;
	z-index: 1;
}
.line-5 {
	position: absolute;
	top: 9px;
	left: 945px;
	z-index: 1;
}
.ap-box1 .triangle-shap1 {
	border-bottom: 8px solid #ff5400;
}
.ap-box1 .triangle-shap2 {
	border-left: 8px solid #ff5400;
}
.line-one2 .triangle-shap1 {
	border-bottom: 8px solid #fbbc05;
}
.line-one2 .triangle-shap2 {
	border-left: 8px solid #fbbc05;
}
.line-3 .triangle-shap3 {
	border-top: 8px solid #4285f4;
}
.line-3 .triangle-shap2 {
	border-left: 8px solid #4285f4;
}
.line-4 .triangle-shap1 {
	border-bottom: 8px solid #9a00a4;
}
.line-4 .triangle-shap2 {
	border-left: 8px solid #9a00a4;
}
.line-5 .triangle-shap3 {
	border-top: 8px solid #109132;
}
.line-5 .triangle-shap2 {
	border-left: 8px solid #109132;
}
.triangle-shap1 {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #043468;
}
.triangle-shap2 {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #043468;
}
.triangle-shap3 {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #043468;
}
.triangle-shap4 {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 8px solid #043468;
}
.triangle-position11 {
	position: absolute;
	top: 21px;
	left: 20%;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 0s forwards;
}
.triangle-position12 {
	position: absolute;
	top: 46%;
	left: 4px;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 0.5s forwards;
}
.triangle-position13 {
	position: absolute;
	top: 294px;
	left: 20%;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 0.7s forwards;
}
.triangle-position21 {
	position: absolute;
	top: 283px;
	left: 30%;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 1.2s forwards;
}
.triangle-position22 {
	position: absolute;
	top: 45%;
	left: 48.5%;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 1.6s forwards;
}
.triangle-position23 {
	position: absolute;
	top: 30%;
	left: 48.5%;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 1.9s forwards;
}
.triangle-position24 {
	position: absolute;
	top: 10px;
	left: 67%;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 2s forwards;
}
.triangle-position31 {
	position: absolute;
	top: 89%;
	left: 3.5%;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 2.5s forwards;
}
.triangle-position32 {
	position: absolute;
	top: 42.3%;
	left: 70%;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 3.4s forwards;
}
.triangle-position33 {
	position: absolute;
	top: 42.3%;
	left: 24%;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 3.6s forwards;
}
.triangle-position34 {
	position: absolute;
	top: 5px;
	left: 26%;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 2.2s forwards;
}
.triangle-position35 {
	position: absolute;
	top: 43%;
	left: 46.5%;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 2.4s forwards;
}
.triangle-position36 {
	position: absolute;
	top: 278px;
	left: 66%;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 2.6s forwards;
}
.triangle-position41 {
	position: absolute;
	top: 294px;
	left: 25%;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 3.5s forwards;
}
.triangle-position42 {
	position: absolute;
	top: 47%;
	left: 47%;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 3.7s forwards;
}
.triangle-position43 {
	position: absolute;
	top: 21px;
	left: 71%;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 3.9s forwards;
}
.triangle-position51 {
	position: absolute;
	top: 21px;
	left: 58%;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 4.8s forwards;
}
.triangle-position52 {
	position: absolute;
	top: 59%;
	right: 5px;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 5.1s forwards;
}
.triangle-position53 {
	position: absolute;
	top: 78%;
	right: 5px;
	opacity: 0;
	animation: triangleshow 0.2s ease-in 5.3s forwards;
}
@keyframes triangleshow {
 from {
 opacity: 0;
}
to {
	opacity: 1;
}
}
.ap-icon1 {
	opacity: 0;
	animation: triangleshow 0.2s ease-in 0s forwards;
}
.ap-icon2 {
	opacity: 0;
	animation: triangleshow 0.2s ease-in 0.5s forwards;
}
.ap-icon3 {
	opacity: 0;
	animation: triangleshow 0.2s ease-in 1.5s forwards;
}
.ap-icon4 {
	opacity: 0;
	animation: triangleshow 0.2s ease-in 2.5s forwards;
}
.ap-icon5 {
	opacity: 0;
	animation: triangleshow 0.2s ease-in 3.5s forwards;
}
.ap-icon6 {
	opacity: 0;
	animation: triangleshow_one 4s ease-in 4.5s forwards;
}
@keyframes triangleshow_one {
 0% {
 opacity: 0;
 transform: translate(0, 0);
}
 10% {
 opacity: 1;
 transform: translate(0, 0);
}
 30% {
 opacity: 1;
 transform: translate(0, 0);
}
 100% {
 opacity: 1;
    /*transform: translate(500px,-240px);
    -webkit-transform: translate(500px,-240px);*/
    transform: translate(500px, -500px);
}
}
.ap-icon7 {
	opacity: 0;
	animation: triangleshow 0.5s ease-in 8s forwards;
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 70px;/*position: absolute; 
    left: 50%;
    margin-left: -35px;
    top: -5px;*/
}
.ap-arrow-icon1 {
	position: absolute;
	left: -65px;
	top: 50%;
	margin-top: -9px;
}
.approch-heading img {
	max-width: 90px;
}
.approch-heading2 {
	opacity: 0;
	animation: triangleshow 0.3s ease-in 0.5s forwards;
}
.mockup-left {
	opacity: 0;
	animation: triangleshow 0.3s ease-in 0.6s forwards;
}
.mockup-right {
	opacity: 0;
	animation: triangleshow 0.3s ease-in 0.7s forwards;
}
.approch-heading3 {
	opacity: 0;
	animation: triangleshow 0.3s ease-in 1.5s forwards;
}
.approch-content3 {
	opacity: 0;
	animation: triangleshow 0.3s ease-in 1.6s forwards;
}
.box3-bottom-content1 {
	opacity: 0;
	animation: triangleshow 0.3s ease-in 1.7s forwards;
}
.box3-bottom-content2 {
	opacity: 0;
	animation: triangleshow 0.3s ease-in 1.8s forwards;
}
.box3-bottom-content3 {
	opacity: 0;
	animation: triangleshow 0.3s ease-in 1.9s forwards;
}
.approch-heading4 {
	opacity: 0;
	animation: triangleshow 0.3s ease-in 2.5s forwards;
}
.approch-content4 {
	opacity: 0;
	animation: triangleshow 0.3s ease-in 2.7s forwards;
}
.approch-heading5 {
	opacity: 0;
	animation: triangleshow 0.3s ease-in 3.2s forwards;
}
.approch-content5 {
	opacity: 0;
	animation: triangleshow 0.3s ease-in 3.4s forwards;
}
.approch-heading6 {
	opacity: 0;
	animation: triangleshow 0.3s ease-in 4.8s forwards;
}
.approch-content6 {
	opacity: 0;
	animation: triangleshow 0.3s ease-in 5s forwards;
}
.approach-img {
	display: none;
}
.industries-serve-section {
	width: 100%;
	float: left;
	background: url(../images/mobile-app-jaipur/industries-section-bg.jpg) no-repeat;
	background-size: cover;
	padding: 50px 0px;
	background-attachment: fixed;
}
.industries-serve-lists {
	width: 100%;
	float: left;
	margin: 50px 0px 20px;
}
.industries-serve-lists ul li {
	width: 16.66%;
	float: left;
	margin-bottom: 30px;
	text-align: center;
	list-style: none;
}
.industries-serve-lists ul li span {
	width: 110px;
	height: 110px;
	background: transparent;
	border: 1px dashed #fff;
	float: none;
	display: inline-block;
	border-radius: 100%;
	line-height: 110px;
}
.industries-serve-lists ul li .industry-title {
	display: block;
	color: #fff;
	font-family:proxima_nova_rgregular;
	font-size: 20px;
	margin: 10px 0px;
}
.why-choose-us-section {
	width: 100%;
	float: left;
	background: #f4f7ff;
	height: 750px;
	padding: 50px 0px;
	border-bottom: 1px solid #e5e8f3;
}
.why-choose-lists {
	width: 100%;
	float: left;
	margin: 30px 0px;
	text-align: center;
	z-index: 9;
	position: relative;
}
.why-choose-lists ul li {
	float: left;
	position: relative;
	list-style: none;
	display: table;
	height: 90px;
}
.why-choose-lists ul.first-why-lists {
	width: 50%;
	float: none;
	display: inline-block;
}
.why-choose-lists ul.first-why-lists li:first-child i {
	background: #24abe5;
}
.why-choose-lists ul.first-why-lists li:nth-child(2) i {
 background: #d60e56;
}
.why-choose-lists ul.secound-why-lists li:first-child i {
	background: #87c639;
}
.why-choose-lists ul.secound-why-lists li:nth-child(2) i {
 background: #ff9824;
}
.why-choose-lists ul li i img {
	max-width: 70px;
}
.why-choose-lists ul.secound-why-lists {
	width: 90%;
	float: none;
	display: inline-block;
	margin-top: 60px;
}
.why-choose-lists ul.secound-why-lists li {
	float: left;
}
.why-choose-lists ul li i {
	position: absolute;
	left: 0px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	background: #ccc;
	border-radius: 100%;
}
.why-choose-lists ul li span {
	padding-left: 115px;
	text-align: left;
	line-height: 23px;
	color: #080707;
	font-size: 20px;
	font-family: proxima_nova_rgregular;
	vertical-align: middle;
	display: table-cell;
}
.why-choose-mobile-img {
	position: absolute;
	left: 50%;
	margin-left: -200px;
	top: 65%;
	z-index: 4;
}
.user-friendly-app-sec {
	width: 100%;
	float: left;
	display: table;
}
.vertical-center-img {
	vertical-align: middle;
	position: relative;
	left: 60%;
	width: 40%;
	display: table-cell;
	text-align: center;
	padding-right: 15px;
}
.user-friendly-app-sec {
	width: 100%;
	float: left;
	background: #ffffff;
	position: relative;
	padding-bottom: 40px;
}
.vertical-center-img figure img {
	max-width: 800px;
	width: 100%;
}
.vertical-center-content {
	float: none;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	right: 50%;
	width: 50%;
	padding-right: 15px;
}
.left-common-head.common-heading {
	text-align: left;
}
.left-common-head.common-heading span:after {
	left: 0px;
	margin-left: 0px;
}
.vertical-center-content p {
	font-size: 18px;
	color: #50535d;
	display: block;
	line-height: 31px;
	font-family: proxima_nova_rgregular;
	margin: 20px 0px;
	width: 100%;
	float: left;
}
.user-friendly-app-sec .vertical-center-img figure img {
	border: 1px solid #f2f2f5;
}
}
.footer-menu {
	width: 100%;
	float: left;
	text-align: center;
}
}
.footer-menu li {
	float: none;
	display: inline-block;
}
.food-app-feature-sec {
	width: 100%;
	float: left;
	padding: 50px 0px 40px;
	background: #055dff;
}
.food-feature-box {
	width: 100%;
	float: left;
	padding: 55px 15px;
	text-align: center;
	background: #fff;
	margin-top: 30px;
}
.food-feature-box i {
	float: left;
	width: 100%;
}
.food-feature-box span {
	font-size: 20px;
	color: #055dff;
	font-weight: 600;
	margin: 25px 0px 15px;
	width: 100%;
	float: left;
}
.different-mid, .different-wrap, .marketplace-wrap, .n-partner-wrap {
	float: left;
	position: relative
}
.different-wrap {
	width: 100%;
	padding: 50px 0px;
	z-index: 2;
	margin: 0;
	background: #fff;
 	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f5f7fa', endColorstr='#e8f1ff', GradientType=1)
}
.different-sec {
	width: 100%;
	float: left;
	margin-top: 30px;
	padding: 0px 15px;
}
.different-left {
	width: 25%;
	float: left
}
.team-box {
	width: 100%;
	float: left;
	padding-bottom: 15px
}
.team-box-left {
	float: left;
	padding-left: 50px
}
.team-box-right {
	float: left;
	padding-left: 12px;
	padding-top: 20px
}
.team-member {
	font-size: 26px;
	color: #222;
	font-family:proxima_novasemibold;
	line-height: 26px;
	padding-top: 5px
}
.team-count {
	color: #045dff;
	font-size: 125px;
	font-family: Oswald, sans-serif;
	font-weight: 800;
	line-height: 125px
}
.home-banner-content h3, .portfolio-fm-heading {
	text-transform: uppercase
}
.team-count .team-plus .fa {
	font-size: 24px;
	vertical-align: 83px
}
.different-mid {
	width: 50%;
	min-height: 660px;
	border-left: dashed 1px #045dff;
	border-right: dashed 1px #045dff
}
.triangle-shap1, .triangle-shap3 {
	border-right: 5px solid transparent
}
.different-right {
	width: 25%;
	float: right
}
.different-list {
	width: 100%;
	float: left;
	border-top: dashed 1px #045dff;
	padding: 20px 20px 10px 0
}
.different-heading {
	font-size: 24px;
	font-family:proxima_novasemibold;
	color: #222;
	text-align: left;
	line-height: 27px;
	padding-left: 38px;
}
.different-list ul {
	margin: 0;
	padding: 15px 0 0;
	list-style: none
}
.different-list ul li {
	margin: 0;
	padding: 0;
	float: left;
	width: 33.33%;
	min-height: 80px;
	margin-bottom: 7px;
}
.different-list ul li img {
	margin: 0 auto;
	display: block;
	max-width: 45px
}
.diff-anim1, .diff-anim2 {
	position: absolute;
	max-width: 75%
}
.different-list ul li div {
	font-size: 16px;
	font-family:proxima_nova_rgregular;
	color: #101010;
	text-align: center;
	margin: 5px 0 0;
	line-height: 20px;
}
.different-right .team-count {
	font-size: 82px;
	line-height: 82px
}
.different-right .team-count .team-plus .fa {
	vertical-align: 45px
}
.different-right .team-box-right {
	padding-top: 0
}
.presence-list {
	width: 100%;
	float: left;
	border-top: dashed 1px #045dff;
	padding: 30px 20px 30px 30px
}
.presence-list .different-heading {
	padding-left: 0
}
.different-right .team-box-left {
	padding-left: 30px
}
.different-mid .different-heading {
	text-align: center;
	padding-top: 15px
}
.diff-anim1, .diff-anim2 {
	-webkit-animation: sinusoid 3s ease infinite;
	animation: sinusoid 3s ease infinite
}
.diff-anim1 {
 -webkit-animation-delay: -.4s;
 animation-delay: -.4s;
	top: 205px;
	left: 43px;
	z-index: 1
}
.diff-anim2 {
 -webkit-animation-delay: -.2s;
 animation-delay: -.2s;
	top: 75px;
	left: 20%;
	z-index: 2
}
 @-webkit-keyframes sinusoid {
 0%,  50% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 -webkit-animation-timing-function: cubic-bezier(.2, .25, .55, 1);
 animation-timing-function: cubic-bezier(.2, .25, .55, 1)
}
 25% {
 -webkit-transform: translateY(-7px);
 transform: translateY(-7px);
 -webkit-animation-timing-function: cubic-bezier(.45, 0, .8, .75);
 animation-timing-function: cubic-bezier(.45, 0, .8, .75)
}
 75% {
 -webkit-transform: translateY(7px);
 transform: translateY(7px);
 -webkit-animation-timing-function: cubic-bezier(.45, 0, .8, .75);
 animation-timing-function: cubic-bezier(.45, 0, .8, .75)
}
to {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
}
 @keyframes sinusoid {
 0%,  50% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 -webkit-animation-timing-function: cubic-bezier(.2, .25, .55, 1);
 animation-timing-function: cubic-bezier(.2, .25, .55, 1)
}
 25% {
 -webkit-transform: translateY(-7px);
 transform: translateY(-7px);
 -webkit-animation-timing-function: cubic-bezier(.45, 0, .8, .75);
 animation-timing-function: cubic-bezier(.45, 0, .8, .75)
}
 75% {
 -webkit-transform: translateY(7px);
 transform: translateY(7px);
 -webkit-animation-timing-function: cubic-bezier(.45, 0, .8, .75);
 animation-timing-function: cubic-bezier(.45, 0, .8, .75)
}
to {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
}
.team-sp {
	width: 100%;
	float: left;
	padding: 1px 20px 20px 32px
}
.team-sp ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.team-sp ul li {
	margin: 0;
	padding: 5px 0 10px;
	float: left;
	font-family:proxima_nova_rgregular;
	width: 50%;
	font-size: 16px;
	color: #101010
}
.team-sp ul li img {
	vertical-align: -9px
}
.n-flag-list li {
	float: left;
	list-style: none;
	padding-right: 35px;
	padding-top: 10px;
}
/*----------contacts----------*/
.contact-form-section {
	margin-top: 50px;
	background-color: #fff;
	box-shadow: 0 3px 15px rgba(0, 0, 0, .08);
	border-radius: 20px;
	border: 1px solid #e6e6e6;
}
.input-group.material-input.col_input {
	border-right: 1px solid #e6e6e6;
}
.input-group.material-input.col_input .group {
	position: relative;
	margin-bottom: 0px;
	float: right;
	width: 100%;
}
.cl_20 {
	padding: 0px;
}
.contact-form_right {
	display: table-cell;
	vertical-align: middle;
	float: none;
	background-color: #1e2dbf;
	padding: 0px 30px;
	color: #fff;
	border-radius: 0 20px 20px 0;
}
.col_section {
	height: 70px;
	background-color: transparent;
	border-top: none;
	border-right: none;
	color: #c4c4c4;
	font-size: 20px;
	border-left: none;
}
.contact-detail {
	float: left;
}
.contact_user {
	float: left;
	padding-left: 15px;
	margin-top: 23px;
}
.contact-sm_left {
	width: 60%;
	float: left;
}
.contact-sm_right {
	float: right;
	width: 40%;
	height: 519px;
}
.contact-sm_right .d-table{
	height: 100%;
}
.col_input input {
	background-color: transparent;
	padding: 20px 15px 20px 15px;
}
.get-contact-form {
	padding: 0px 0px;
}
.col_input input:focus ~ label, .col_input input:valid ~ label {
 top: 20px;
 font-size: 18px;
 color: #bababa;
 left: 20px;
}
.col_submit-btn {
	padding: 10px 35px 10px 35px;
	font-size: 23px;
	border-radius: 10px;
	background-color: #1d2cb9;
	margin-top: 7%;
}
.contact_submitBtn {
	text-align: center;
}
.contact_user h3 {
	font-size: 22px;
	font-weight: 600;
}
.detail-box ul {
	padding:0px;
	margin:auto;
}
.detail-box ul li {
	list-style: none;
}
.detail-box li a {
	color: #fff;
}
.detail-box li a:hover {
	text-decoration:none;
}
.detail-box ul li i {
	margin-right: 11px;
}
.detail-box {
	margin-top: 27px;
}
.contact-form_right p {
	margin-bottom: 30px;
}
.upload-box .btn-file {
	background-color: #1b8af3;
}
.upload-box .hold {
	float: left;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #e6e6e6;
	border-radius: 3px;
	padding: 16px 0 14px 20px;
}
.upload-box .hold a {
	color: #c4c4c4;
	font-size: 21px;
	text-decoration: none;
}
.upload-box .btn-file {
	position: relative;
	overflow: hidden;
	float: right;
	padding: 18px 20px;
	font: 900 14px/14px 'Roboto', sans-serif;
	color: #fff;
	margin: 0 10px 0 0;
	text-transform: uppercase;
	border-radius: 10px;
	cursor: pointer;
}
.upload-box .btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	opacity: 0;
	outline: none;
	background: #fd0707;
	cursor: inherit;
	display: block;
}
.attach_01 {
	background-color: #1e2dbf !important;
}
.contact-content {
    text-align: center;
    padding: 40px 0px;
}
.contact-content h3 {
	font-size: 26px;
	margin-bottom: 35px;
}
.contact-content a {
    background-color: #032252;
    padding: 15px 35px;
    border-radius: 50px;
    color: #fff;
    margin: 0px 10px;
    font-size: 18px;
}
.contact-content a i {
	margin-right: 10px;
}
.contact-content a:hover {
	text-decoration: none;
	color: #fff;
	background: #1e2dbf;
}
.address-section_p1 {
	padding: 40px 0px 0px;
	text-align: center;
	float: left;
	width: 100%;
}
.address-section_p1 h3 {
	font-size: 26px;
	line-height: 32px;
}
.office_address {
	text-align: left;
	margin: 50px 0px;
}
.office_address h4 {
    font-size: 20px;
    color: #000;
    margin-top: 20px;
    display: block;
    margin-bottom: 15px;
    font-weight: 600;
}
.office_address p {
	font-size: 18px;
	line-height: 24px;
}
/*----------//4-06-2019----------*/

/*----------services----------*/

#best h2 {
    color: #101010;
    font-weight: 600;
    text-align: center;
    font-size: 24px;
    padding: 60px 0 25px;
    width: 25%;
    line-height: 30px;
    text-transform: uppercase;
    margin: 0 auto;
    background: -webkit-linear-gradient(45deg, #3b61d0, #7b25d0 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#experts {
	padding:70px 0;
	background-image: -moz-linear-gradient( -148deg, rgb(77,34,139) 0%, rgb(61,86,196) 93%);
    background-image: -webkit-linear-gradient( -148deg, rgb(77,34,139) 0%, rgb(61,86,196) 93%);
    background-image: -ms-linear-gradient( -148deg, rgb(77,34,139) 0%, rgb(61,86,196) 93%);
}
#experts .resr_text {
	padding:130px 0;
}
#experts .resr_text h3 {
	color:#fff;
	font-size:35px;
	font-weight: 600;
}
#experts .resr_text h3 span {
	display: block;
}
#experts .resr_text p {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	padding: 15px 0;
}
#experts .resr_text_right img {
	float:right;
	padding: 50px 0;
}
#story {
	padding:70px 0;
}
#story .dolor {
	padding:120px 0;
}
#story .dolor h3 {
	color:#626262;
	font-size:35px;
	font-weight: 600;
}
#story .dolor h3 span {
	display: block;
}
#story .dolor p {
	color: #626262;
	font-size: 18px;
	font-weight: 400;
	padding: 15px 0;
}
#story .dolor_right img {
	float:right;}
	
#getintouch .white_bg{ background:#3f5dd0; padding:20px; border-radius:15px; min-height:150px;
background-image: -moz-linear-gradient( -148deg, rgb(77,34,139) 0%, rgb(61,86,196) 93%);
  background-image: -webkit-linear-gradient( -148deg, rgb(77,34,139) 0%, rgb(61,86,196) 93%);
  background-image: -ms-linear-gradient( -148deg, rgb(77,34,139) 0%, rgb(61,86,196) 93%);}
#getintouch .network{width:25%; float:left;padding-right:30px;}
#getintouch .support{ width:70%; text-align:center; margin:0 auto;}
#getintouch .white_bg h3{ font-size:30px; font-weight:900; color:#fff; padding:15px 0px;}
#getintouch .white_bg button{ text-align:center; margin:15px 75px;}
#getintouch .white_bg .btn{ color:#fff; color:#831ed0; background:#fff; font-size:20px; font-weight:bold; padding:12px 25px; border-radius:8px; border:none;}
#getintouch	.map_text{box-shadow: 0 3px 15px rgba(0, 0, 0, .08); width: 100%; margin-top:15px; padding: 48px 30px 10px 30px; background: #fff; position: relative; border-radius:15px;}
#getintouch .network_ss{width:25%; float:left; min-height: 115px;}
#getintouch .network_ss img{ width: auto;}
#getintouch .support_ss{ width:100%; text-align:center; margin:0 auto; min-height: 115px;}	
#getintouch .support_ss p span{ font-size:18px; color:#191919; font-weight:bold; display:block; text-align:center;}
#getintouch .support_ss p{font-size: 15px;color: #313030;font-weight: 500;text-transform: uppercase;line-height: 25px;}  
.rows.text-center.margin_top30.servc_coct {
    margin-top: 80px !important;
}
    
    

	
	
.servc_coct input.round-btn {
    background: #831ed0 !important;
    border-radius: 4px;
    padding: 9px 28px;
}
.home-form-section .form-control {
    border-color: #e4e4e4;
    background: #fff;
    outline: none;
    box-shadow: none;
    font-family:proxima_nova_rgregular;
}
.home-form-section .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1d1d1d;
}
.home-form-section .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #1d1d1d;
}
.home-form-section .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #1d1d1d;
}
.best-experts h2 {
    font-size: 34px !important;
    text-transform: capitalize !important;
    width: 100% !important;
}
.best-experts h2 span {
    display: block;
    line-height: 47px !important;
}
.contact-main {
    width: 100%;
    float: left;
}
.hr-value {
    width: 100%;
    float: left;
    background: #f1f1f1;
}
.inner-banners{
	width: 100%;
	float: left;
	height: 82vh;
	padding-top: 42px;
	position: relative;
	overflow: hidden;
	background-size: cover !important; 
	background-repeat: no-repeat !important;
}
/*.inner-banners:before {
    width: 100%;
    height: 100%;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    content: '';
}*/
.inner-banners .table-cell-content-wwrap h3 {
    color: #fff;
    font-size: 40px;
    font-family: 'ProximaNova-Extrabld';
    line-height: 40px;
    display: block;
}
.inner-banners .table-cell-content-wwrap span {
    color: #fff;
    display: block;
    margin: 15px 0px;
    font-family:proxima_nova_rgregular;
}
.inner-banners .d-table {
    height: 82vh;
    width: 70%;
    margin: 0 auto;
}
.service-banner-new .table-cell-content-wwrap span {
    width: 70%;
    float: none;
    display: inline-block;
}
.service-tab-list {
    width: 100%;
    float: left;
    text-align: center;
}
.service-tab-list ul li {
    float: none;
    text-align: center;
    list-style: none;
    display: inline-block;
    padding: 0px 10px;
    margin-top: 10px;
}
.service-tab-list ul li a {
    width: 100%;
    float: left;
    color: #fff;
    font-family:proxima_nova_rgregular;
    text-decoration: underline;
    position: relative;
    padding-left: 15px;
    font-size: 18px;
}
.service-tab-list ul li a:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50px;
    background: #fff;
}
.service-banner-new.inner-banners .d-table {
	width: 100%;
}
.about-welcome{
	width: 100%;
	float: left;
	padding: 50px 0px;
	position: relative;
}
.welcome-content {
    width: 100%;
    float: left;
    position: relative;
    z-index: 9;
}
.about-welcome:after {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    width: 398px;
    height: 445px;
    background: url(../images/about-welcome-right.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: right top;
}
.welcome-content span {
    color: #6e6e6e;
    display: block;
    font-size: 28px;
    text-transform: uppercase;
    font-family: proxima_novalight;
}
.welcome-content p {
    font-family: 'Noto Serif', serif;
    font-size: 24px;
    display: block;
    font-weight: 700;
    margin-top: 15px;
    line-height: 40px;
}
.story-stats {
    width: 100%;
    float: left;
    padding: 50px 0px;
}
.our-stry {
    margin: 100px 0;
    float: left;
    width: 100%;
}
.our-stry li {
    float: left;
    width: 20%;
    position: relative;
    border-right: 0px;
    border-left: 0px;
    list-style: none;
}
.our-stry li:before {
    position: absolute;
    right: 0;
    top: -25px;
    height: calc(100% + 50px);
    background: #d4d4d4;
    content: '';
    width: 1px;
    z-index: 2;
    margin: 0 0 0 -1px;
}
.our-stry li a {
    display: block;
    padding: 32px 0;
    text-align: center;
    color: #055dff;
    text-decoration: none;
    background: none;
    z-index: 666;
    position: relative;
    -webkit-transition: none;
    transition: none;
}
.our-stry li h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 50px;
}
.our-stry li span {
    font-family: proxima_nova_rgregular;
    font-size: 20px;
    color: #141414;
    display: block;
    margin-top: 5px;
}
.our-stry li.active span{
	color: #fff;
}
.our-stry li a:after {
    position: absolute;
    content: "";
    z-index: -1;
    width: 100%;
    height: 235px;
    background: #055dff;
    opacity: 0;
    top: -35px;
    left: 0px;
    box-shadow: 0 20px 60px -10px rgba(0, 0, 0, .22);
    transition: transform .4s;
    transform: scale(.4);
}
.our-stry li:last-child:after{
	display: none;
}
.our-stry li.active a:after {
    transform: scale(1.1);
    opacity: 1;
}
.our-stry li.active a {
    color: #fff;
}
.work-priciple-sec{
	width: 100%;
	float: left;
	height: 100vh;
}
.left-priciple-sec{
	float: left;
	display: table;
	width: 50%;
	background: url(../images/left-principle-bg.jpg);
	height: 100vh;
}
.left-priciple-sec .left-center {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 0px 15px 0px 80px;
    padding-left: 25%;
    line-height: 80px;
    text-transform: uppercase;
}
.left-priciple-sec .left-center span{
	font-family:proxima_nova_rgbold;
	font-size: 70px;
	display: block;
	color: #fff;
}
.left-priciple-sec .left-center p{
	font-size: 18px;
	display: block;
	color: #fff;
	line-height: 26px;
}
.right-priciple-content {
    width: 50%;
    float: right;
    height: 100vh;
    display: table;
    background: #055dff;
    padding: 0px 30px;
}
.right-priciple-content .panel-group {
    display: table-cell;
    vertical-align: middle;
    margin: 0px;
}
.right-priciple-content .panel.panel-default {
    border: 0px;
    background: transparent;
    box-shadow: none;
    border-radius: 0px;
    margin-bottom: 20px;
}
.right-priciple-content .panel.panel-default .panel-heading {
    color: #fff;
    background: transparent;
    border: 0px;
}
.right-priciple-content .panel.panel-default .panel-heading h4 {
    font-size: 20px;
    text-transform: uppercase;
    font-family: proxima_nova_rgbold;
}
.right-priciple-content .panel.panel-default .panel-body {
    border: 0px;
    color: #dfe4ff;
    font-size: 18px;
    padding-top: 0px;
    line-height: 28px;
}
.right-priciple-content .panel-group .panel-default:last-child{
	margin: 0px;
}
.client-partner-sec {
    width: 100%;
    float: left;
    padding: 70px 0px;
}
.client-partner-lists {
    width: 100%;
    float: left;
    margin-top: 50px;
}
.client-partner-lists li {
    list-style: none;
    padding: 20px 0px;
    width: 20%;
    float: left;
	text-align: center;
}
.client-partner-lists li img {
    max-width: 170px;
}
.client-partner-lists:after, .client-partner-lists:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 260px;
    top: 0;
    display: none;
    z-index: 1;
}
.client-partner-lists:before {
    background: linear-gradient(90deg,#fff 30px,hsla(0,0%,100%,0));
    left: 0px;
}
.client-partner-lists:after {
    background: linear-gradient(270deg,#fff 30px,hsla(0,0%,100%,0));
    right: 0px;
}
.leadership-sec, 
.leader-lists{
	width: 100%;
	float: left;
}
.leadership-sec{
	background: #055dff;
    padding: 50px 0px;
}
.leader-lists ul li{
	width: 33.33%;
	float: left;
	padding: 0px 15px;
	position: relative;
	list-style: none;
	margin: 30px 0px;
}
.leader-box{
	width: 100%;
	float: left;
	position: relative;
	background: url(../images/testimonial-bg.jpg);
	padding: 15px 15px 0px 15px;
}
.leader-box .leader-data {
    float: right;
    width: 100%;
    text-align: right;
}
.leader-box .leader-data span{
	color: #055dff;
	font-size: 20px;
	display: block;
	font-family:proxima_nova_rgbold;	
}
.leader-box .leader-data p{
	color: #191919;
	font-size: 16px;
	text-transform: uppercase;
}
.reality-process-sec{
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 50px 0px;
}
.reality-proces-list{
	width: 100%;
	float: left;
	position: relative;
}
.reality-proces-list li{
	width: 100%;
	float: left;
	display: table;
	padding: 50px 0px;
	position: relative;
}
.reality-proces-list li:last-child{
	padding-bottom: 0px;
}
.reality-proces-list li:last-child:before{
	display: none;
}
.reality-proces-list li:before {
    content: "";
    display: block;
    width: 360px;
    height: 100px;
    background: url(../images/dotted-line2.svg) no-repeat center;
    background-size: 360px 100px;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -80px;
}
.reality-proces-list li:nth-child(even):before {
    background: url(../images/dotted-line3.svg) no-repeat center;
    background-size: 360px 100px;
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
}
.reality-proces-list li .proces-right-content {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    right: 0%;
    padding-left: 15px;
}
.reality-proces-list li:nth-child(even) .proces-right-content{
	right: 50%;
	padding: 0px;
}
.reality-proces-list li:nth-child(even) .process-left{
	left: 50%;
}
.reality-proces-list li:nth-child(even) .process-left figure img{
	float: right;
}
.reality-proces-list li .proces-right-content span {
    font-family: proxima_nova_rgbold;
    color: #000;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 15px;
    display: block;
}
.reality-proces-list li .proces-right-content p {
    color: #8a8a8a;
    font-size: 18px;
}
/*.reality-proces-list li:nth-child(even) .process-left img {
    float: right;
}*/
.reality-proces-list li .process-left {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    left: 0%;
    position: relative;
}
.reality-proces-list li .process-left img {
    position: relative;
    box-shadow: 20px 60px 120px 0 rgba(0, 0, 0, 0.11);
    max-width: 450px;
}
.reality-proces-list li .process-left img:before{
	position: absolute;
	content: '';
}
.award-sec {
    width: 100%;
    float: left;
    background: #f5f7fa;
   	padding: 50px 0px;
}
.awards-slider .item {
    width: 100%;
    float: left;
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    text-align: center;
    margin: 30px 0px;
}
.awards-slider .owl-stage{
	padding-left: 0px !important;
}
.awards-slider .owl-item:nth-child(even) .item {
    margin-top: 114px;
}
.awards-slider .item figure img {
    max-width: auto;
    margin: 0 auto;
    height: 80px;
    width: auto;
}
.awards-slider .item span {
    display: block;
    font-size: 24px;
    font-family: proxima_novasemibold;
    margin-top: 40px;
}
.start-project {
    width: 100%;
    float: left;
    background: url(../images/start-project-bg.jpg);
    padding: 180px 0px;
    text-align: center;
    background-position: center center;
}
.start-project-center span{
	color: #fff;
	font-size: 50px;
	font-family:proxima_nova_rgbold;
	display: block;
	margin-bottom: 30px;
}
.start-project-center p {
    color: #fff;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 15px;
}
.start-project-center {
    width: 100%;
    float: left;
    padding: 0px 70px;
}
.service-detail-tab {
    width: 100%;
    float: left;
    padding: 30px 0px 70px;
}
.service-tab-box .service-left, 
.service-tab-box .service-right-content{
	width: 50%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.service-detail-tab.right-service .service-left {
    left: 50%;
}
.service-detail-tab.right-service .service-right-content {
    right: 50%;
}
.service-tab-box .service-left{
	left: 0%;
}
.service-tab-box .service-right-content{
	right: 0%;
	padding-left: 30px;
}
.service-tab-box .service-right-content>span {
    font-size: 34px;
    line-height: 34px;
    display: block;
    margin-bottom: 15px;
}
.service-tab-box .service-right-content ul li {
    width: 100%;
    float: left;
    list-style: none;
    position: relative;
    color: #848484;
    margin-bottom: 5px;
}
.service-tab-box .service-right-content ul {
    float: left;
    width: 100%;
    margin: 15px 0px;
}
/*.service-detail-tab.right-service{
	background: #f5f7fa;
}*/
.right-service .service-tab-box .service-right-content{
	padding-left: 0px;
	padding-right: 30px;	
}
.service-tech-sec {
    width: 100%;
    float: left;
    padding: 50px 0px;
    background: #055dff;
}
.service-tech-accordian {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.service-tech-accordian .panel.panel-default {
    border-radius: 0px;
    border: 0px;
    background: transparent;
    box-shadow: none;
}
.service-tech-accordian .panel.panel-default .panel-heading {
    color: #fff;
    border: 0px;
    background: transparent;
    padding: 10px 0px;
}
.service-tech-accordian .panel.panel-default .panel-heading h4.panel-title {
    font-size: 22px;
    font-weight: 600;
    padding: 0px 15px;
    position: relative;
}
.service-tech-accordian .panel.panel-default .panel-heading h4.panel-title a:after{
	position: absolute;
	content: "\f106";
	right: 0px;
	font-family: 'FontAwesome';
}
.service-tech-accordian .panel.panel-default .panel-heading h4.panel-title a.collapsed:after{
	content: "\f107";
}
.service-tech-accordian .panel.panel-default .panel-heading h4.panel-title a {
    display: block;
    position: relative;
}
.service-tech-work-list {
    width: 100%;
    float: left;
    margin: 0px -15px;
}
.service-tech-work-list ul li {
    width: 16.666%;
    float: left;
    text-align: center;
    list-style: none;
    margin-bottom: 20px;
	padding: 0px 30px;
}
.service-tech-work-list ul li i {
    width: 100%;
    background: #fff;
    float: none;
    display: inline-block;
    border-radius: 10px;
    height: 105px;
}
.service-tech-work-list ul li i span {
    display: block;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    margin-top: 10px;
}
.service-tech-accordian .panel-body {
    border: 0px !important;
    padding: 0px;
}
.service-tech-work-list ul li i img {
    margin: 10px 0px 5px 0px;
    max-width: 95px;
}


/*Portfoli Css*/
.common-portfolio.one {
    background: url(../images/portfolio/v_tab_bg.jpg);
    z-index: 9;
    background-size: cover
}
.common-portfolio.two {
    background: url(../images/portfolio/port-slide-2-bg.jpg);
    z-index: 99;
    background-size: cover
}
.common-portfolio.three {
    background: url(../images/portfolio/port-slide-3-bg.jpg);
    z-index: 99;
    background-size: cover
}
.common-portfolio.four {
    background: url(../images/portfolio/port-slide-4-bg.jpg);
    z-index: 99;
    background-size: cover
}
.common-portfolio.five {
    background: url(../images/portfolio/port-slide-6-bg.jpg);
    z-index: 99;
    background-size: cover
}
.common-portfolio.six{
    background: url(../images/portfolio/port-slide-14-bg.jpg);
    z-index: 99;
    background-size: cover
}
.homeportfolio-section .common-portfolio.two {
    background: url(../images/portfolio/port-slide-6-bg.jpg) !important;
    z-index: 99;
    background-size: cover;
    background-repeat: no-repeat;
}.common-portfolio.seven {
    background: url(../images/portfolio/active-stream-portfolio-list-bg.jpg);
    z-index: 99;
    background-size: cover
}
.common-portfolio.eight{
    background: url(../images/portfolio/port-slide-20-bg.jpg);
    z-index: 99;
    background-size: cover
}
.homeportfolio-section .common-portfolio.five{
    background: url(../images/portfolio/port-slide-8-bg.jpg) !important; 
    z-index: 99;
    background-size: cover
}
.homeportfolio-section .common-portfolio.six{
    background: url(../images/portfolio/port-slide-13-bg.jpg) !important; 
    z-index: 99;
    background-size: cover
}
.homeportfolio-section .common-portfolio.seven{
    background: url(../images/portfolio/port-slide-14-bg.jpg) !important; 
    z-index: 99;
    background-size: cover
}
.common-portfolio.nine {
    background: url(../images/portfolio/port-slide-9-bg.jpg);
    z-index: 99;
    background-size: cover
}
.common-portfolio.ten {
    background: url(../images/portfolio/port-slide-10-bg.jpg);
    z-index: 99;
    background-size: cover
}
.common-portfolio.eleven {
    background: url(../images/portfolio/port-slide-21-bg.jpg);
    z-index: 99;
    background-size: cover
}
.common-portfolio.twelve {
    background: url(../images/portfolio/port-slide-22-bg.jpg);
    z-index: 99;
    background-size: cover
}
.common-portfolio.thirteen{
    background: url(../images/portfolio/port-slide-5-bg.jpg);
    z-index: 99;
    background-size: cover
}
.common-portfolio.fourteen {
    background: url(../images/portfolio/port-slide-7-bg.jpg);
    z-index: 99;
    background-size: cover
}
.common-portfolio.fifteen {
    background: url(../images/portfolio/port-slide-12-bg.jpg);
    z-index: 99;
    background-size: cover
}
.common-portfolio.sixteen {
    background: linear-gradient(111deg, rgb(189, 41, 67) 30%, rgb(105, 68, 171));
    z-index: 99;
    background-size: cover
}
.common-portfolio.seventeen {
    background: linear-gradient(123deg, rgb(41, 10, 88) 42%, rgb(164, 74, 40));
    z-index: 99;
    background-size: cover
}
.common-portfolio.eighteen {
    background: linear-gradient(45deg, rgb(62, 61, 56), rgb(125, 122, 107));
    z-index: 99;
    background-size: cover
}
.social-post .img-pos-2.first-figure {
    left: 50%;
    right: inherit;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100%;
    text-align: center;
   	margin-top: 5%;
}
.social-post .home-project-detail {
    left: 0%;
    top: 0%;
    transform: translate(0%, 10%);
    text-align: center;
    width: 100%;
    margin-top: 5%;
}
.social-post .home-project-detail .top-detail {
    float: none;
    display: inline-block;
}
.social-post .img-pos-2.first-figure img {
    width: 100%;
    max-width: 1280px;
}
.trigger-wpsec {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: -1
}

 
.misrii_food .img-pos-3 {
    max-width: 980px
}

.misrii_food .img-pos-4 {
    max-width: 210px
}

.jt_tailors .img-pos-1 {
    top: 0;
    position: absolute;
    left: 0
}

.jt_tailors .img-pos-2 {
    bottom: 0;
    left: -30px;
    position: absolute;
    z-index: -9
}

.jt_tailors .img-pos-3 {
    position: absolute;
    right: -9%;
    bottom: 5%;
    max-width: 980px
}

.jt_tailors .img-pos-4 {
    position: absolute;
    right: 40%;
    bottom: 5%;
    max-width: 210px
}

.jt_tailors .home-project-detail .top-detail span,
.jt_tailors .home-project-detail .top-detail span aside {
    color: #111
}

.jt_tailors .free-quote-btn.white-move-btn {
    background: 0 0;
    color: #111;
    border-color: #d9a738
}

.jt_tailors .free-quote-btn.white-move-btn:hover {
    background: #d9a738;
    color: #111;
    border-color: #d9a738
}

.n-portfolio-home-wrap {
    background: url(../img/home-portfolio/port-slide-4-bg.html);
    background-size: cover;
    width: 100%;
    float: left;
    min-height: 750px;
    position: relative;
    z-index: 2;
    padding: 0 0 15px;
    margin: 0;
    border-bottom: 1px solid #e6e6e6
}

.spacer {
    left: 0;
    height: 1px;
    position: absolute;
    width: 100%;
    top: 50%
}
.spacer {
    margin-top: 0
}
.content-right .img-pos-1 {
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translate(0%, -50%);
}
.common-portfolio.content-right .home-project-detail {
    right: 100px;
    left: inherit;
    transform: translate(0%, -50%);
}
.common-portfolio.content-right .home-project-detail .home-project-tech-section {
    height: inherit;
}
.pp_jewel .img-pos-2 {
    position: absolute;
    right: 0;
    top: 8%
}

.pp_jewel .img-pos-3 {
    position: absolute;
    right: -9%;
    bottom: 5%;
    max-width: 980px
}

.pp_jewel .img-pos-4 {
    position: absolute;
    right: 40%;
    max-width: 210px;
    bottom: 10%
}

.pp_jewel .img-pos-5 {
    position: absolute;
    right: 46%;
    bottom: 10%
}

.songdew_music .img-pos-1 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9
}

.songdew_music .img-pos-2 {
    position: absolute;
    right: 15%;
    bottom: 8%;
    max-width: 550px
}

.home-project-detail .home-project-tech-section {
    margin-top: 5px
}

.oursuccessstories-msec {
    position: relative;
    width: 100%;
    float: left
}

.common-portfolio {
    height: 100Vh;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: absolute;
    left: 0;
    /*top: 0px !important;*/
    width: 100%;
    background-attachment: fixed
}
.home-project-detail .top-detail span aside br,
.home-project-detail .top-detail span br {
    display: none
}

.home-work-slider {
    width: 100%;
    float: left;
    margin: 0!important;
    padding-bottom: 0
}

.home-partner-section {
    background: #ecf1f3
}

#client-logo.home-partner-section.web-develop-la-partners ul li {
    width: 20%!important;
    padding: 0 15px
}

.home-work-slider>.h3 {
    margin-bottom: 15px
}

.homepage-port-section {
    position: relative
}

.home-project {
    float: left;
    position: relative;
    height: 100%
}

.home-project .wow {
    visibility: visible
}

.home-project-detail .home-project-tech-section {
    margin-top: 5px
}

.oursuccessstories-msec-mobile, 
.oursuccessstories-msec-web, 
.oursuccessstories-msec-social, 
.oursuccessstories-msec-software, 
.oursuccessstories-msec-all {
    position: relative;
    width: 100%;
    float: left
}

.trigger-wpsec {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: -1
}

.food-app .img-pos-1 {
    position: absolute;
    right: 0;
    top: 5%;
}
.content-left .img-pos-2 {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translate(0%, -50%);
}
.food-app .img-pos-3 {
    position: absolute;
    right: 0;
    bottom: 5%;
}
.food-app .img-pos-4 {
    position: absolute;
    left: 0;
    top: 12%;
}
.home-project {
    min-height: 750px;
    width: 100%;
    overflow: hidden;
    background-size: cover!important
}
.homepage-port-section {
    width: 100%;
    float: left
}
.home-project-detail .top-detail .los-angele-tag-list {
    width: 80%;
    margin: 10px 0 0
}
.home-project-detail .top-detail .los-angele-tag-list li {
    border-radius: 3px;
    padding: 5px 7px;
    font-size: 18px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 0 15px #00026;
    -webkit-box-shadow: 0 0 15px #00026;
    -moz-box-shadow: 0 0 15px #00026
}
.home-project-detail {
    position: absolute;
    left: 100px;
    width: 30%;
    top: 50%;
    transform: translate(0%, -50%);
    right: 0;
    text-align: left;
    z-index: 1
}
.home-project-detail.content-left{
    right: 5%;
    width: 40%;
    top: 50%;
    right: 0;
    text-align: left;
    z-index: 1
}
.home-project-detail.content-right{
    right: 5%;
    width: 40%;
    top: 50%;
    right: 0;
    text-align: left;
    z-index: 1
}
.home-project-detail .top-detail .h1 {
    color: #fff;
    font-size: 65px;
    margin-bottom: 0;
    font-weight: 500
}
.home-project-detail .top-detail span {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    display: block;
    letter-spacing: .4px;
    font-weight: 300;
}
.home-project-detail .top-detail .sub-title {
    color: #fff;
    font-size: 24px
}
.home-project-detail .home-project-tech-section {
    float: left;
    width: 100%;
}
.home-project-detail .home-project-tech-section h3 {
    margin: 0;
    font-size: 26px;
    color: #fff
}
.home-project-detail .home-project-tech-section ul {
    padding: 0;
    float: left;
    margin: 15px 0 0
}
.home-project-detail .home-project-tech-section ul li {
    float: left;
    list-style: none;
    text-align: center;
    margin: 0 15px
}
.home-project-detail .home-project-tech-section ul li:first-child {
    margin-left: 0
}
.home-project-detail .home-project-tech-section ul li p {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    color: #fff;
    line-height: 20px;
    font-family: Oswald, sans-serif
}
.home-project-detail .top-detail {
    float: left;
}
.home-project-detail .top-detail span aside {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 32px;
    font-family: proxima_novasemibold;
    line-height: 40px;
}
.home-project-detail .home-project-tech-section .home-port-btn-section {
    width: 100%;
    float: left;
    margin-top: 10px;
    letter-spacing: 4px;
}
/*.home-project-detail .home-project-tech-section .home-port-btn-section .white-btn{
	display: none;
}*/
.fade-div{
	animation: fade 1s;
}
@keyframes fade{
	0%{opacity: 0;}
	100%{opacity: 100;}
}
.white-move-btn:hover img {
    opacity: 1;
    right: -2.5rem
}
.mac-port.content-left .img-pos-2 {
    right: 0px;
    top: 50%;
    position: absolute;
    transform: translate(0%, -50%);
}
.mac-port.content-right .img-pos-2 {
    left: 50px;
    right: inherit;
    top: 50%;
    transform: translate(0%, -50%);
    position: absolute;
}

.request-quote-sec {
    width: 100%;
    position: relative;
    z-index: 9;
    float: left;
    padding: 50px 0px;
}
.request-form-sec {
    width: 100%;
    float: left;
    padding: 50px 0px 0px;
}
.request-form-sec select.form-control{
    height: 55px !important;
}
 


.request-form-sec input.form-control[type="radio"]:checked,
.request-form-sec input.form-control[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.request-form-sec input.form-control[type="radio"]:checked + label,
.request-form-sec input.form-control[type="radio"]:not(:checked) + label
{
    position: relative;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #303030;
}
.request-form-sec input.form-control[type="radio"]:checked + label:before,
.request-form-sec input.form-control[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 10px;
    width: 18px;
    height: 18px;
    border: 1px solid #085eff;
    border-radius: 100%;
    background: #fff;
}


.request-form-sec input.form-control[type="radio"]:checked + label:after,
.request-form-sec input.form-control[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #0c5adb;
    position: absolute;
    top: 13px;
    left: 13px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.request-form-sec input.form-control[type="radio"]:checked + label {
    color: #0e5adb;
}
.request-form-sec input.form-control[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.request-form-sec input.form-control[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.request-form-sec .request-form-sec .select-title {
    display: block;
    color: #0d5bdb;
    font-size: 18px;
    font-weight: 600;
}
.request-form-sec .form-group label {
    display: block;
    font-size: 18px;
    margin: 5px 0px;
    padding: 10px 15px 10px 40px;
    border-radius: 50px;
}
.request-form-sec .form-control {
    width: 100%;
    background: #fff;
    border: 0px;
    font-size: 18px;
    border-radius: 5px;
    height: 55px;
    border: 1px solid #e4e4e4;
    font-family: proxima_nova_rgregular;
}
.request-form-sec .form-control:focus{
	outline: none;
	box-shadow: none;
}
.request-form-sec textarea.form-control{
	height: auto;
}

#modal-container {
  position: fixed;
  z-index: 999 !important;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  z-index: 1;
}
#modal-container.one {
  animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  z-index: 99;
}
#modal-container.one .modal-background .modal {
  animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
body.modal-active #modal-container .modal{
  	overflow-x: hidden;
    overflow-y: auto;
    display: block;
}
#modal-container.one.out {
  transform: scale(1);
  animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.one.out .modal-background .modal-background {
  animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container .modal-background {
  display: table-cell;
  background: #fff;
  vertical-align: middle;
  /*background: url(../images/request-quote-bg.jpg) right;*/
  background-size: cover;
}
#modal-container .modal-background .modal {
  /*background: #f0f1f1;*/
  padding: 30px 0px;
  width: 100%;
  display: inline-block;
  border-radius: 3px;
  font-weight: 300;
  /*position: relative;*/
}
#modal-container .modal-background .modal h2 {
  font-size: 25px;
  line-height: 25px;
  margin-bottom: 15px;
}
#modal-container .modal-background .modal p {
  font-size: 18px;
  line-height: 22px;
}
#modal-container .modal-background .modal .modal-svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 3px;
}
#modal-container .modal-background .modal .modal-svg rect {
  stroke: #fff;
  stroke-width: 2px;
  stroke-dasharray: 778;
  stroke-dashoffset: 778;
}
#testcontentslider .item .content {
    width: 80%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    text-align: left;
}
.testimonial-top-heading{
	padding: 30px 0px;
}
.content h1 {
  padding: 75px 0 30px 0;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
}
.content .buttons {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.content .buttons .button {
  display: inline-block;
  text-align: center;
  padding: 10px 15px;
  margin: 10px;
  background: red;
  font-size: 18px;
  background-color: #efefef;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.content .buttons .button:hover {
  color: white;
  background: #009bd5;
}

@keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(1) scaleX(1);
  }
}
@keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}
.industry-select-sec {
    margin: 20px 0px;
}
.attach-file-uploader span {
    text-align: center;
    color: #0e5adb;
    display: block;
    line-height: 55px;
    position: relative;
    border: 2px dashed #0e5adb;
    border-radius: 10px;
    background-color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.3px;
    height: 55px;
    box-shadow: 0 2px 16px 0 rgba(209,212,212,.35);
    font-style: normal;
}
.attach-file-uploader .form-control {
    font-size: 0;
    position: absolute;
    width: 100%;
    top: 0;
    opacity: 0;
}
.request-form-sec .blue-btn{
	width: 100%;
	padding: 15px 40px;
	font-size: 18px;
}
.select-title {
    width: 100%;
    float: left;
    font-size: 20px;
    font-weight: 700;
    color: #085eff;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.request-quote-sec .form-group{
	margin-bottom: 20px;
}
.request-form-remove {
    position: absolute;
    right: 20px;
    top: -20px;
}
.request-form-remove img {
    max-width: 45px;
}
.mobile-develop-work-process {
    width: 100%;
    float: left;
    background: #055dff;
    padding: 50px 0px;
}
.work-process-list {
    width: 100%;
    float: left;
    text-align: center;
    margin: 30px 0px;
}
.work-process-list ul li {
    float: left;
    width: 25%;
    position: relative;
    list-style: none;
}
.work-process-list ul li i {
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 65px;
    float: none;
    background: #055dff;
    display: inline-block;
    border-radius: 50px;
    z-index: 99;
    position: relative;
}
.work-process-list ul li:first-child:after{
    width: 50%;
}
.work-process-list ul li:last-child:after{
    width: 50%;
    left: 0px;
}
.work-process-list ul li:after {
    position: absolute;
    content: '';
    width: 100%;
    right: 0px;
    height: 1px;
    background: #fff;
    top: 30px;
}
.work-process-list ul li span {
    display: block;
    color: #fff;
    margin-top: 6px;
}
.work-process-list ul li figure {
    margin-top: 50px;
    width: 100%;
    float: left;
}
body.modal-active{
	overflow: hidden !important;
}
.successfull-project-sec {
    width: 100%;
    float: left;
    padding: 50px 0px;
}
.successfull-project-sec aside {
    color: #222;
    text-transform: uppercase;
    font-size: 28px;
    font-family:proxima_novasemibold;
    line-height: 34px;
    display: block;
}
.home-banner-bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
}
.bottom-adv-head {
    width: 33.33%;
    float: left;
   	background: #045dff;
   	display: table;
   	height: 130px;
}
.bottom-adv-head span {
    color: #fff;
    display: table-cell;
    padding: 30px 30px;
    font-size: 22px;
    font-family: proxima_novasemibold;
}
.bottom-adv-lists {
    width: 66.66%;
    float: left;
}
.bottom-adv-lists ul li {
    width: 33.33%;
    float: left;
    list-style: none;
    padding: 15px;
    height: 130px;
    background: rgba(0, 35, 66, 0.45);
    border-top: 3px solid #ff6a00;
    border-right: 1px solid #252525;
}		
.bottom-adv-lists ul li span {
    display: block;
    font-size: 18px;
    font-family: proxima_novasemibold;
    color: #fff;
}
.bottom-adv-lists ul li p {
    display: block;
    line-height: 20px;
    font-family: proxima_nova_rgregular;
    font-size: 15px;
    color: #fff;
}
/*.bottom-adv-lists ul li:first-child{
	background-image: linear-gradient(to right, #b7202f , #d54d00);
}
.bottom-adv-lists ul li:nth-child(2){
	background-image: linear-gradient(to right, #109c96 , #8dce1b);
}
.bottom-adv-lists ul li:nth-child(3){
	background-image: linear-gradient(to right, #2f3e57 , #06080c);
}
*/
/*Services Css*/

.cards--page-main-2{
    overflow:hidden;
    float:left;
    width:100%
}
.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;
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:opacity .8s ease,-webkit-transform 1s linear .8s;
    transition:opacity .8s ease,-webkit-transform 1s linear .8s;
    transition:opacity .8s ease,transform 1s linear .8s;
    transition:opacity .8s ease,transform 1s linear .8s,-webkit-transform 1s linear .8s
}
.cards--page-main-2 .row-background.active{
    -webkit-transition:opacity .8s ease,-webkit-transform 10s linear 0s;
    transition:opacity .8s ease,-webkit-transform 10s linear 0s;
    transition:opacity .8s ease,transform 10s linear 0s;
    transition:opacity .8s ease,transform 10s linear 0s,-webkit-transform 10s linear 0s;
    opacity:1;
    -webkit-transform:scale(1) rotate(.02deg);
    -ms-transform:scale(1) rotate(.02deg);
    transform:scale(1) rotate(.02deg)
}
/*.columns{
    margin:0 -15px
}
.columns--2 .column,.columns--3 .column,.columns--4 .column,.columns--5 .column,.columns--6 .column{
    display:block;
    float:left;
    padding:0 15px
}
.columns--no-padding .column{
    padding:0
}
.columns--2 .column{
    width:50%
}
.columns--3 .column{
    width:33.3333333%
}
.columns--4 .column{
    width:25%
}
.columns--5 .column{
    width:20%
}
.columns--6 .column{
    width:16.6666667%
}*/
.cards--page-main-2 .column{
    position:relative;
    padding:0px 15px;
    float: left;
    z-index:3;
    margin-bottom: 30px;
    width: 33.33%;
}
.cards--page-main-2 .cards-item{
    position:relative;
    display:block;
    margin-bottom:0;
    height: 350px;
    text-align:center;
    background:0 0;
    overflow:hidden;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.cards--page-main-2 .cards-item:hover{
    text-decoration:none
}
.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;
    -webkit-transition:all .8s ease;
    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;
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.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(0,0,0,.58);
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    opacity:1;
    z-index:2
}*/
.cards--page-main-2 .cards-icon{
    line-height:60px;
    opacity:0;
    -webkit-transition:all .4s ease;
    transition:all .4s ease
}
.cards--page-main-2 .cards-text{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    opacity:0
}
.cards--page-main-2 .cards-icon,.cards--page-main-2 .cards-name,.cards--page-main-2 .cards-text{
    position:relative;
    z-index:5
}
.cards--page-main-2 .cards-text p{
    color:#fff
}
.cards--page-main-2 .cards-name h4 {
    font-size: 18px;
    color: #000;
    font-family: proxima_nova_rgregular;
}

.cards--page-main-2 .cards-name {
    position: absolute;
    left: 0px;
    width: 100%;
    padding: 10px 15px;
    bottom: 0px;
    background: rgba(255, 255, 255, 0.89);
    width: 100%;
    color: #000;
}
.tech-stack-sec {
    width: 100%;
    float: left;
    padding: 50px 0px;
}
.tech-tab-list .nav.nav-tabs {
    width: 70%;
    float: none;
    display: inline-block;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px;
    border: 0px;
    position: relative;
}
.tech-tab-list .nav.nav-tabs li {
    float: none;
    width: 32%;
    overflow: hidden;
    display: inline-block;
}
.tech-tab-list .nav.nav-tabs li:before {
    content: '';
    position: absolute;
    width: 100%;
    left: -100%;
    bottom: 0;
    height: 3px;
    background-color: rgb(242, 245, 248);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.tech-tab-list .nav.nav-tabs li.active:before,
.tech-tab-list .nav.nav-tabs li:hover:before {
    left: 0;
    background-color: #045dff;
    z-index: 9;
}
.tech-tab-list .nav.nav-tabs li a {
    border: 0px;
    color: #949494;
    margin: 0px;
    font-size: 18px;
    border-bottom: 1px solid #e8e8e8;
}
.tech-tab-list .nav.nav-tabs li.active a {
    color: #045dff;
}
.tech-tab-list .nav.nav-tabs li a:hover{
    background: transparent;
}
.mobile-app-portfolio-section{
    background: #fff;
}
.tech-tab-list {
    width: 100%;
    float: left;
    text-align: center;
}
.tech-solution-list {
    width: 100%;
    float: left;
    margin: 15px 0px 0px;
}
.tech-solution-list ul li {
    width: 12%;
    float: none;
    display: inline-block;
    padding: 0px 15px;
    display: inline-block;
    list-style: none;
    margin-bottom: 30px;
}
.tech-solution-box {
    width: 100%;
    float: left;
    padding: 30px 0px 0px 0px;
    background: #fff;
    border: 1px dashed #cecece;
    border-radius: 10px;
}
.tech-solution-box img {
    max-width: 70px;
    margin: 0 auto;
    width: 100%;
    display: block;
}
.tech-solution-box span {
    display: block;
    margin-top: 30px;
    font-size: 16px;
    background: #045dff;
    color: #fff;
    padding: 10px;
    line-height: 18px;
}
.home-service-sec{
	width: 100%;
	float: left;
	/*background: url(../images/service-bg-banner.jpg);*/
	padding: 50px 0px 20px;
}
.home-service-lists {
    width: 100%;
    float: left;
    margin: 30px 0px 0px;
}
#testcontentslider .item {
    width: 100%;
    float: left;
    padding: 50px;
    background: #f7f7f7;
    height: 520px;
    display: table;
    padding-left: 20%;
    padding-right: 20%;
}
#testcontentslider .owl-item.active .item{
	background: #fff;
}
#testcontentslider .item .content h4 {
    color: #045dff;
    font-family: proxima_nova_rgbold;
    font-size: 40px;
    display: block;
}
#testcontentslider .item .content h4 span {
    display: block;
    color: #333;
}
.testimonial-name-pos {
    width: 100%;
    float: left;
    margin-top: 50px;
}
.testimonial-name-pos strong {
    display: block;
    overflow: hidden;
    padding-left: 15px;
}
.testimonial-name-pos strong span {
    font-family: proxima_novalight;
    display: block;
    color: #949494;
    font-size: 14px;
    margin-top: 3px;
}
#testcontentslider .item .video-content{
	width: 100%;
	float: left;
	position: relative;
	height: 520px;
}
.vide-slide-data {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
    width: 60%;
    padding: 0px 15px;
}
.vide-slide-data span {
    overflow: hidden;
    display: block;
}
.vide-slide-data span {
    overflow: hidden;
    display: block;
    color: #fff;
    font-family: proxima_nova_rgbold;
    font-size: 40px;
    text-align: left;
    line-height: 40px;
    padding-left: 30px;
}
.vide-slide-data i.fa {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    border: 1px solid #fff;
    line-height: 57px;
    color: #fff;
    font-size: 53px;
    text-align: center;
    float: left;
}
#testcontentslider .item .video-content:before {
    position: absolute;
    content: '';
    left: 0px;
    right: 0px;
    width: 100%;
    top: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.2);
    transition: all .5s;
}
.client-testimonail-section .owl-carousel .owl-stage {
    padding-left: 0px !important;
}
#testcontentslider .item.video-slider{
	padding: 0px;
    background-size: cover !important;
    background-position: top !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
}
#testcontentslider .item.video-slider:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#testcontentslider .item.video-slider:hover .video-content:before{
	background: rgba(0, 0, 0, 0.5);
}
/*#testcontentslider .item.video-slider:hover .vide-slide-data{
    -webkit-transform: translate(.9);
    transform: translate(.9);
}*/
#testcontentslider .item.video-slider.video-slide-1{
	background: url(../images/testimonial-video-img-1.jpg);
}
#testcontentslider .item.video-slider.video-slide-2{
	background: url(../images/testimonial-video-img-2.jpg);
}
#testcontentslider .item.video-slider.video-slide-3{
	background: url(../images/testimonial-video-img-3.jpg);
}
#testcontentslider .item.video-slider.video-slide-4{
	background: url(../images/testimonial-video-img-4.jpg);
}
#testcontentslider .item.video-slider.video-slide-5{
	background: url(../images/testimonial-video-img-5.jpg);
}
#testcontentslider .item.video-slider.video-slide-6{
	background: url(../images/testimonial-video-img-6.jpg);
}
#testcontentslider .item.video-slider.video-slide-7{
	background: url(../images/testimonial-video-img-7.jpg);
}
#testcontentslider .item.video-slider.video-slide-8{
	background: url(../images/testimonial-video-img-8.jpg);
}
.table-form-left {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    left: 0;
    /*background: url(../images/footer-form-bg.jpg);*/
    padding: 0px 15px;
}
.form-left-content h3 {
    color: #fff;
    font-family: proxima_nova_rgbold;
    font-size: 65px;
    display: block;
    margin-bottom: 15px;
    line-height: 65px;
}
.form-left-content p {
    display: block;
    font-size: 18px;
    color: #fff;
    font-family: proxima_nova_rgregular;
    line-height: 26px;
}
.table-form-right {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    right: 0;
    padding: 50px 30px;
    padding-right: 0px;
}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 1px solid #e4e4e4;
  background: #fff;
  border-radius: 4px;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 5px;
    left: 3px;
    font-size: 16px;
    line-height: 0.8;
    color: #0f6eff;
    transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  /*border: 2px dotted blue;*/
}
 
.custom-checkbox {
    width: 100%;
    margin-bottom: 20px;
    float: left;
}
.custom-checkbox p{
    font-size: 20px;
    display: block;
    color: #001e65;
}
.custom-checkbox .group{
    margin-top: 3px;
    float: left;
    width: 33.33%;
}
.custom-checkbox .group label {
    font-size: 16px;
    padding-left: 25px;
    font-family: proxima_nova_rgregular;
    line-height: 18px;
    color: #999999;
    font-weight: initial;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 38px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #0f6eff;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.form-subtitle {
    display: block;
    font-size: 20px;
    color: #0f6eff;
    font-family: proxima_nova_rgbold;
}
.other-contact-detail-sec, 
.other-contact-lists{
    width: 100%;
    float: left;
    position: relative;
}
.contact-box-sec {
    width: 100%;
    float: left;
    padding: 60px 0px;
    z-index: 99;
    padding-right: 15px;
    height: 279px;
    position: relative;
}
.other-contact-detail-sec:before{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 35%;
	height: 279px;
	background: url(../images/footer-detail-left-bg.jpg);

}
.other-contact-detail-sec:after{
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	width: 35%;
	height: 279px;
	background: url(../images/footer-detail-right-bg.jpg);
}
.contact-box-sec h3 {
    display: block;
    color: #fff;
    font-family: proxima_nova_rgbold;
    text-transform: uppercase;
    font-size: 28px;
}
.contact-box-sec span {
    display: block;
    margin-top: 10px;
    color: #fff;
    line-height: 22px;
    font-family: proxima_nova_rgregular;
    font-size: 16px;
}
.contact-box-sec a {
    color: #fff;
    text-decoration: underline;
    position: absolute;
    bottom: 50px;
    font-size: 22px;
    font-family: proxima_nova_rgbold;
    left: 0px;
    right: 0px;
}
.contact-box-sec.contact-secound-box h3, 
.contact-box-sec.contact-secound-box span, 
.contact-box-sec.contact-secound-box a{
    color: #333;
}
.contact-secound-box {
    text-align: center;
    padding: 60px 15px;
    /*background: #f8f8f8;*/
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}
.contact-box-sec.contact-last-box {
    text-align: right;
    padding-left: 15px;
    padding-right: 0px;
}
.other-contact-heading {
    width: 100%;
    float: left;
    padding: 50px 0px;
}
/*.visit-sec {
    width: 100%;
    float: left;
    padding: 50px 0px;
    background: url(../images/visit-bg.png);
    background-position: 50% 80%;
    background-repeat: no-repeat;
    background-size: 40%;
}*/
.visit-lists{
	width: 100%;
	margin: 0 auto;
    float: left;
    padding: 0px 0px 30px;
    background: url(../images/visit-bg.png);
    background-position: 30% 80%;
    background-repeat: no-repeat;
    background-size: 80%;
}
.visit-lists ul{
	width: 100%;
	/*float: left;*/
	margin-top: 0px;
}
.visit-lists ul li {
    width: 24.95%;
   /* float: left;*/
    padding: 0px 15px;
    list-style: none;
    display: table-cell;
}
@media only screen and (max-width: 767px) {
    .visit-lists ul {
        display: flex;
        flex-wrap: wrap;
    }
}
.visit-box {
    width: 100%;
    float: left;
    background: rgba(255, 255, 255, 0.65);
    padding: 15px;
    text-align: center;
    box-shadow: 0px 10px 10px rgba(15, 110, 255, 0.09);
    min-height: 225px;
}
.visit-box i {
    float: none;
    display: inline-block;
}
.visit-box span {
    display: block;
    margin: 15px 0px 5px;
    font-family: proxima_nova_rgbold;
    color: #045dff;
    font-size: 16px;
    text-transform: uppercase;
}
.visit-box p {
    display: block;
    min-height: 60px;
    font-size: 14px;
    font-family: proxima_nova_rgregular;
}
.visit-box a {
    font-family: proxima_novasemibold;
    color: #303030;
    font-size: 18px;
    display: block;
    margin-top: 20px;
}
.inner-banners .table-cell-content-wwrap {
    width: 100%;
    right: inherit;
    text-align: center;
}
.inner-banners .white-btn{
	display: none;
}
.footer-menus ul li.rating-footer {
    margin: 20px 0px;
}
.footer-menus ul li.rating-footer a {
    cursor: default;
}
.footer-menus ul li.rating-footer a img {
    display: inherit;
}
.portfolio-heading{
	padding: 0px 0px 50px 0px;
	float: left;
	width: 100%;
}
.portfolio-tab-list .nav.nav-tabs {
    border: 0px;
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 15px;
}
.portfolio-tab-list .nav.nav-tabs li {
    float: none;
    display: inline-block;
    margin: 0px;
}
.portfolio-tab-list .nav.nav-tabs li a {
    border: 1px solid transparent;
    box-shadow: none;
    padding: 6px 20px;
    font-family: proxima_nova_rgregular;
    color: #025dff;
    border-radius: 5px;
    font-size: 16px;
    background: rgba(2, 93, 255, 0.08);
}
/*.portfolio-tab-list .nav.nav-tabs li a:hover, 
.portfolio-tab-list .nav.nav-tabs li a:focus{
	background: transparent;
}*/
.portfolio-tab-list .nav.nav-tabs li.active a {
    color: #fff;
    background: #045dff;
    border-bottom: 1px solid #045dff;
}
.more-work-panel{
	margin-top: 30px;
	padding-bottom: 20px;
	float: left;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #e4e4e4;
}
.mobile-portfolio-sec {
    width: 100%;
    float: left;
    display: none;
    padding: 30px 0px;
    text-align: center;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.work-slider {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.work-slider .item {
    width: 100%;
    float: left;
}
.work-slider-content {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.work-slider-content .blue-btn{
	margin-top: 15px;
}
.work-slider-content>span{
	font-family:proxima_nova_rgbold;
	display: block;
	font-size: 22px;
}
.header .navbar-nav .dropdown-menu {
	position: absolute;
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-transform: scale(1,0);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	opacity: .3;
	padding: 0;
	margin: 0;
	display: block;
	visibility: hidden;
	border: 0;
	box-shadow: 0 2px 24px rgba(0,0,0,.06);
}
.header .navbar-nav li:hover .dropdown-menu {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
    visibility: visible;
}
.header .navbar-default .navbar-nav li.dropdown ul.dropdown-menu li a{
	text-transform: inherit;
	color: #333;
	padding: 10px 15px;
	font-size: 15px;
}
.header .navbar-default .navbar-nav li.dropdown ul.dropdown-menu li a:hover{
	background: #045dff;
	color: #fff;
}
.portfolio-banner{
	height: 82vh;
	background-size: contain !important;
	background-repeat: no-repeat !important;
}
.portfolio-banner:before{
	display: none;
}
.portfolio-banner.inner-banners .d-table{
	height: 82vh;
}
.portfolio-banner.inner-banners .d-table figure img {
    max-width: 760px;
}
.inner-banners .d-table figure img {
    margin-top: 30px;
}
.portfolio-slide-heading{
	width: 100%;
    float: left;
    text-align: center;
    color: #fff;	
}
.about-portfolio, 
.portfolio-goal-sec{
	width: 100%;
    float: left;
    text-align: center;
    padding: 50px 0px;
}
.about-portfolio{
	position: relative;
	margin-top: -70vh;
}
.app-goals-sec {
    width: 100%;
    float: left;
}
.app-goals-sec ul{
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 30px;
}
.app-goals-sec ul li{
    float: none;
    display: inline-block;
    padding: 0px 15px;
    width: 32%;
    margin-bottom: 30px;
    list-style: none;
}
.app-goals-sec ul li .goal-box span{
    min-height: 80px;
    float: left;
    width: 100%;
    line-height: 24px;
}
.app-features-list .reality-proces-list li:before{
	display: none;
}
.app-features-list.reality-process-sec .process-left img {
    box-shadow: none;
}
.portfolio-page-banner{
	width: 100%;
	float: left;
	height: 90vh;
}
.inner-portfolio-content{
	position: relative;
    padding: 0px 15px;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
    float: left;
}
.inner-portfolio-content span {
    color: #fff;
    font-family: 'ProximaNova-Extrabld';
    display: block;
    font-size: 36px;
    text-transform: uppercase;
}
.inner-portfolio-content p {
    color: #fff;
    font-family:proxima_nova_rgregular;
    display: block;
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 15px;
}
.portfolio-goal-sec {
    background: #f7f7f7;
    position: relative;
    overflow: hidden;
    padding-top: 150px;
    padding-bottom: 150px;
    margin-top: -40px;
}
.portfolio-goal-sec:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    border-top: 150px solid #fff;
    border-right: 100vw solid transparent;
}
.portfolio-goal-sec:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 0;
    border-bottom: 150px solid #fff;
    border-right: 100vw solid transparent;
}
.portfolio-features-list {
    width: 100%;
    float: left;
    position: relative;
}
.portfolio-features-list li {
    width: 100%;
    float: left;
    display: table;
    padding: 60px 0px 0px;
    position: relative;
}
.portfolio-features-list li .portfolio-features-left {
    width: 60%;
    display: table-cell;
    vertical-align: middle;
    right: 0%;
    position: relative;
}
.portfolio-features-list li .portfolio-features-left img {
    position: relative;
    max-width: 400px;
}
.portfolio-features-list li .portfolio-features-content {
    width: 40%;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    position: relative;
    left: 0%;
}
.portfolio-features-list li .portfolio-features-content span {
    font-family: proxima_nova_rgbold;
    color: #fff;
    font-size: 36px;
    line-height: 45px;
    margin-bottom: 15px;
    display: block;
}
.portfolio-features-list li .portfolio-features-content p {
    color: #fff;
    font-size: 20px;
    font-family:proxima_nova_rgregular;
}
.portfolio-features-list li:nth-child(even) .portfolio-features-left {
    right: 40%;
}
/*.portfolio-features-list li:nth-child(even) .portfolio-features-left figure img {
    float: right;
}*/
.portfolio-features-list li:nth-child(even) .portfolio-features-content {
    left: 60%;
    padding: 0px;
    text-align: left;
}
.portfolio-features-sec {
    width: 100%;
    float: left;
    position: relative;
}
.feature-before-after{
	width: 100%;
    float: left;
    position: relative;
    padding: 100px 0px 150px;
}
.first-feature-boxes:before, 
.fourth-feature-boxes:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	border-top: 100px solid #fff;
	border-left: 100vw solid transparent;
}
.first-feature-boxes:after, 
.fourth-feature-boxes:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 0;
	width: 0;
	border-bottom: 100px solid #fff;
	border-left: 100vw solid transparent;
}
.black-head-text .portfolio-features-list li .portfolio-features-content span {
    color: #000;
}
.black-head-text .portfolio-features-list li .portfolio-features-content p {
    color: #333;
}
.secound-feature-boxes .feature-before-after {
    padding: 0px;
}
.secound-feature-boxes .portfolio-features-list li{
	padding: 50px 0px 0px;
}
.portfolio-features-sec.third-feature-boxes{
	background: #f7f7f7;
	padding-bottom: 62px;
    position: relative;
}
.portfolio-features-sec.third-feature-boxes:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    border-top: 150px solid #fff;
    border-right: 100vw solid transparent;
}
.portfolio-features-sec.third-feature-boxes:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 0;
    border-bottom: 150px solid #fff;
    border-right: 100vw solid transparent;
}
.ui-design-cost{
	width: 100%;
	float: left;
	position: relative;
	background: #045dff;
}
.ui-design-cost:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    border-top: 100px solid #fff;
    border-left: 100vw solid transparent;
}
.ui-design-cost:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 0;
    border-bottom: 100px solid #fff;
    border-left: 100vw solid transparent;
}
.ui-design-cost .table-cell-content-img {
    width: 40%;
}
.ui-design-cost .table-cell-content-wwrap {
    width: 60%;
}
.ui-design-cost .solution-vector-content h3, 
.ui-design-cost .solution-vector-content span, 
.ui-design-cost .solution-vector-content strong{
	color: #fff;
}
.ui-design-cost .table-cell-content-wwrap figure img {
    position: relative;
    z-index: 9;
}
.porttfolio-icon-sec {
    width: 100%;
    float: left;
    padding: 50px 0px;
}
.icon-lists {
    width: 100%;
    float: left;
}
.icon-lists ul li {
    width: 20%;
    float: left;
    list-style: none;
    text-align: center;
    margin: 30px 0px;
}
.icon-lists ul li img {
    max-height: 90px;
}
.development-text-sec{
	width: 100%;
	float: left;
	padding: 50px 0px;
	text-align: center;
}
.time-status-sec{
	width: 100%;
	float: left;
	background: #25303d;
	position: relative;
	/*padding: 150px 0px;*/
	padding-top: 70px;
}
.time-status-sec:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    border-top: 100px solid #fff;
    border-right: 100vw solid transparent;
}
.time-status-sec:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 0;
    border-bottom: 100px solid #fff;
    border-right: 100vw solid transparent;
}
.project-time-line {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 30px;
}
.timeline-lists li {
    width: 100%;
    float: left;
    text-align: center;
    list-style: none;
}
.timeline-lists li span {
    color: #7599c3;
    font-size: 16px;
}
.timeline-lists li span strong {
    color: #fff;
    font-size: 16px;
}
.project-time-line h3 {
    color: #fff;
}
.timeline-lists {
    width: 100%;
    float: left;
    margin: 10px 0px 45px;
}
.time-status-sec .feature-before-after:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -187px;
    height: 596px;
    width: 357px;
    background: url(../images/portfolio/portfolio-time-after.png) no-repeat;
    z-index: 99;
}
.suppotrt-work-sec{
	width: 100%;
	float: left;
	padding: 50px 0px;
	background: #025dff;
}
.portfolio-features-sec.third-feature-boxes .portfolio-features-list li:nth-child(odd) .portfolio-features-left {
    right: 0%;
    left: inherit;
}
.portfolio-features-sec.third-feature-boxes .portfolio-features-list li:nth-child(odd) .portfolio-features-content {
    right: inherit;
    left: 0%;
    text-align: right;
}
.web-portfolio-sec {
    width: 100%;
    float: left;
}
.web-port-lists, 
.web-port-lists li{
    width: 100%;
    float: left;
}
.web-port-lists li{
	display: table;
	position: relative;
	padding: 70px 0px;
}
.web-port-lists li .web-port-left {
    width: 25%;
    text-align: left;
    transform: translate(0%,-50%);
    top: 50%;
    position: absolute;
    z-index: 99;
    padding: 0px;
}
.web-port-lists li .web-port-right {
    width: 80%;
    position: relative;
}
.web-port-lists li .web-port-right figure img{
	max-width: 85%;
}
.screen-left-move{
	/*width: 480px;
	max-height: 300px;
    transform: matrix3d(.9,.102242,0,.000598,-.004839,1.880642,0,-.000048,0,0,1,0,0,100,0,1);*/
}
.web-port-lists li:nth-child(odd) .web-port-left{
	right: 0px;
}
.web-port-lists li:nth-child(odd) .web-port-right{
	float:  left;
}
.web-port-lists li:nth-child(even) .web-port-right figure img, 
.web-port-lists li:nth-child(even) .web-port-right{
	float: right;
}
.web-port-lists li .web-port-left span {
    display: block;
    font-family: proxima_nova_rgbold;
    color: #025dff;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 15px;
}
.reality-proces-list li .proces-right-content p {
    color: #8a8a8a;
    font-size: 18px;
    font-family:proxima_nova_rgregular;
}
.review-logo-list {
    width: 100%;
    float: left;
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: center;
}
.review-logo-list ul li {
    float: none;
    list-style: none;
    display: inline-block;
    padding-right: 30px;
}
.review-logo-list ul li figure img {
    max-width: 60px;
    transition: filter .5s ease-in-out;
  	-webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  	filter: grayscale(0%); /* FF 35+ */
}
.review-logo-list ul li figure img:hover{
	webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
 	filter: grayscale(100%); /* FF 35+ */
}
.review-logo-list span {
    display: block;
    font-size: 18px;
    font-family: proxima_nova_rgregular;
    color: #000;
}
.digital-marketing-welcome:after{
	display: none;
}
.digital-marketing-banner.inner-banners .table-cell-content-wwrap h3{
    text-transform: uppercase;
    font-size: 60px;
    letter-spacing: 2px;
}
.digital-marketing-banner.inner-banners .table-cell-content-wwrap h3 span{
	font-size: 28px;
	letter-spacing: 1px;
}
.digital-market-banner-list {
    width: 100%;
    float: left;
    background: #045dff;
}
.digital-market-banner-list ul li {
    width: 25%;
    float: left;
    list-style: none;
    padding: 0px 15px;
}
.digital-market-box .digital-main-logo {
    max-width: 150px;
}
.digital-market-box {
    float: left;
    width: 100%;
    text-align: center;
    padding: 15px 15px 20px 15px;
}
.inner-banners.digital-marketing-banner, 
.inner-banners.digital-marketing-banner .d-table{
	height: 65vh;
}
.inner-banners .d-table figure .digital-main-logo {
    max-width: 140px;
    margin-top: 20px;
}
.digital-review-ic {
    float: left;
    width: 100%;
}
.digital-review-ic a i {
    color: #ffd52c;
}
.digital-market-box .market-box-heading {
    font-family: proxima_novasemibold;
    display: inline-block;
    font-size: 22px;
    margin-top: 5px;
    color: #ffd52c;
}
.result-speak-sec {
    width: 100%;
    float: left;
    padding-bottom: 20px;
  	margin-top: 70px;
}
.result-speak-slider li.item {
    width: 100%;
    float: left;
    text-align: center;
    list-style: none;
    transition: .3s ease;
    padding: 0px 15px;
}
.result-speak-slider li.item .result-box {
    width: 100%;
    float: left;
    padding: 75px 15px 25px 15px;
    border-radius: 10px;
    background: url(../images/results-label-light.png) no-repeat center top;
    background-color: #101010;
}
.result-speak-slider li.item:nth-child(odd) .result-box{
	transform: perspective(10em) rotateX(3deg) rotateY(1deg) translateY(1px);
}
.result-speak-slider li.item:nth-child(even) .result-box{
	transform: perspective(10em) rotateX(-3deg) rotateY(-2deg) translateY(-10px);
}
.result-speak-slider.owl-carousel .owl-stage-outer{
	overflow: inherit;
}
.result-speak-slider li.item:hover{
	transform: perspective(10em) rotateX(0deg) rotateY(0deg) scale(1.1)!important;
	transition: .3s ease;
}
.result-speak-slider .slick-list{
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
.main-speak-slider-section {
    width: 100%;
    float: left;
}
.result-speak-slider li.item .result-box span {
    font-size: 34px;
    font-family: proxima_nova_rgbold;
    color: #fff;
    display: block;
    margin-bottom: 5px;
}
.result-speak-slider li.item .result-box p{
	color: #fffef7;
	font-size: 18px;
}
.client-retention-box {
    width: 100%;
    float: left;
    margin-top: 30px;
    background: #fff;
    border: 1px solid #e2e2e2;
}
.client-retention-rate-sec {
    width: 100%;
    float: left;
    margin-top: 70px;
}
.client-retention-box a.video-content {
    width: 100%;
    float: left;
}
.client-retention-text-sec {
    width: 100%;
    float: left;
}
.client-retention-text-sec h4 {
    width: 100%;
    float: left;
    padding: 10px;
    background: #ffd203;
    color: #101010;
    font-family: proxima_nova_rgbold;
    font-size: 24px;
    text-align: center;
}
.client-retention-box a.video-content figure {
    height: 280px;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}
.client-retention-box a.video-content figure:before{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	background-color: rgba(0, 0, 0, 0.34);
}
.client-retention-box a.video-content figure span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-family: proxima_novasemibold;
    text-transform: uppercase;
}
.client-retention-rate-per {
    width: 100%;
    float: left;
    padding: 20px 15px 15px 15px;
}
.client-retention-rate-per ul li {
    width: 50%;
    float: left;
    padding: 0px 15px;
    padding-top: 10px;
    text-align: center;
    list-style: none;
}
.client-retention-rate-per ul li strong {
    display: block;
    color: #045dff;
    font-size: 54px;
    font-family: proxima_nova_rgbold;
}
.client-retention-rate-per ul li span {
    display: block;
    color: #303030;
    font-size: 16px;
    font-family: proxima_nova_rgregular;
}
.client-retention-rate-per ul li strong sup {
    top: -.5em;
    right: .25em;
    font-size: 28px;
}
.client-retention-content {
    width: 100%;
    float: left;
    padding: 0px 30px 20px;
}
.client-retention-content p{
    display: block;
    font-size: 18px;
    color: #000;
}
.client-retention-text-sec h4 span {
    display: block;
    font-size: 16px;
    font-family: proxima_nova_rgregular;
    margin-top: 5px;
}.client-retention-text-sec h4 {
    width: 100%;
    float: left;
    padding: 15px;
    background: #ffd203;
    color: #101010;
    font-family: proxima_nova_rgbold;
    font-size: 24px;
    text-align: center;
}
.client-retention-box a.video-content figure span i {
    display: block;
    font-size: 60px;
    margin-bottom: 5px;
}
.client-ask-digital-marketing {
    width: 100%;
    float: left;
    padding: 70px 0px;
}
.client-ask-inner {
    width: 100%;
    float: left;
    background: #fff;
    position: relative;
    box-shadow: 0 16px 64px 0 rgba(0,0,0,0.15);
}
.client-ask-inner .table-cell-content-wwrap {
    left: 0px;
    right: inherit;
    padding: 110px 50px;
    position: relative;
    width: 40%;
}
.client-ask-inner .table-cell-content-wwrap:before {
    content: "?";
    display: block;
    position: absolute;
    font-size: 646px;
    font-weight: 900;
    z-index: 99;
    font-family: proxima_nova_rgbold;
    color: rgba(109, 132, 207, 0.08);
    top: calc(50% - -7px);
    transform: translateY(-50%) rotate(15deg);
    left: 90px;
}
.client-ask-inner .table-cell-content-wwrap h3 {
    color: #025dff;
    font-family:proxima_novalight;
    font-size: 55px;
    display: block;
    margin-bottom: 15px;
    line-height: 65px;
}
.client-ask-inner .table-cell-content-wwrap h3 span{
	font-family: proxima_nova_rgbold;
}
.client-ask-inner .table-cell-content-img {
    right: 0px;
    left: inherit;
    background: #025dff;
    text-align: center;
    padding: 50px;
    width: 60%;
}
.client-ask-inner .table-cell-content-img h3 {
    font-size: 30px;
    color: #fff;
    display: block;
    font-family:proxima_novasemibold;
}
.busines-needs-lists {
    width: 70%;
    margin: 0 auto;
    margin-top: 30px;
}
.busines-needs-lists ul li {
    list-style: none;
    width: 100%;
    float: left;
    margin-bottom: 15px;
    text-align: left;
}
.busines-needs-lists ul li a {
    color: #fff;
    position: relative;
    width: 100%;
    float: left;
}
.busines-needs-lists ul li a:hover{
	text-decoration: none;
}
.busines-needs-lists ul li a i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    float: left;
    background: #3c82ff;
    border-radius: 50px;
    margin-right: 15px;
}
.busines-needs-lists ul li a span {
    margin-top: 10px;
    display: block;
    font-size: 20px;
    overflow: hidden;
}
.digital-service-section{
	border: 0px;
	padding: 70px 0px;
	background: #f7f7f7;
}
.seo-importance-sec {
    width: 100%;
    float: left;
    padding: 70px 0px;
    margin-top: 70px;
    background: #101010;
}
.digital-maerket-seo-adv {
    width: 100%;
    float: left;
    background: #fff;
    padding: 40px 20px 20px 20px;
    box-shadow: 0 16px 64px 0 rgba(0,0,0,0.15);
    margin-top: 70px;
    min-height: 320px;
    border-radius: 5px;
}
.digital-maerket-seo-adv ul li {
    width: 100%;
    float: left;
    font-family: proxima_novasemibold;
    line-height: 24px;
    list-style: none;
    margin-bottom: 20px;
    padding-left: 50px;
    position: relative;
    font-size: 18px;
    color: #313131;
}
.digital-maerket-seo-adv ul li span {
    position: absolute;
    left: 0px;
    background: #f47921;
    width: 34px;
    height: 34px;
    line-height: 34px;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-family: proxima_novasemibold;
    font-size: 14px;
}
.seo-testimonial-sec{
	width: 100%;
	float: left;
	padding: 70px 0px;
	background: url(../images/seo-testimonial-bg.jpg);
}
.seo-testimonial-sec figure a.video-content {
    border: 15px solid #fff;
    float: left;
    width: 100%;
    border-radius: 10px;
    position: relative;
}
.seo-testimonial-sec .common-heading.white-heading {
    width: 80%;
    margin: 0 auto;
    float: none;
}
.seo-testimonial-sec .common-heading p {
    color: hsla(0,0%,100%,.65);
}
.seo-testimonial-sec .service-tab-box {
    width: 100%;
    float: left;
    margin-top: 70px;
}
.seo-testimonial-sec .service-right-content span{
	color: #fff;
}
.seo-testimonial-sec .service-right-content p{
	color: hsla(0,0%,100%,.65);
}
.seo-testimonial-sec figure a.video-content:before {
    content: "\f04b";
    position: absolute;
    font-family: 'FontAwesome';
    color: #025dff;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 16px 64px 0 rgba(0,0,0,0.15);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    line-height: 70px;
    text-align: center;
    font-size: 18px;
}
.seo-importance-sec .service-right-content span, 
.seo-importance-sec .service-right-content p {
    color: #fff;
}
.seo-importance-sec .service-right-content strong {
    color: #ffcf22;
    display: block;
    line-height: 24px;
    margin-top: 15px;
    font-size: 16px;
    font-family: proxima_nova_rgregular;
    font-weight: normal;
    letter-spacing: .1px;
}
.shine-btn {
    display: inline-block;
    float: none;
    position: relative;
    padding: 15px 0px;
    width: 320px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    transition: all .3s;
    font-size: 16px;
    letter-spacing: 1px;
    /* font-weight: 600; */
    font-family: proxima_novasemibold;
    background-color: #ff6d20;
    border: none;
    background-repeat: no-repeat;
    background-position: -430px 0px, 0 0;
    background-image: -webkit-linear-gradient(
 top left,
 rgba(255, 255, 255, 0.1) 0%,
 rgba(255, 255, 255, 0.1) 37%,
 rgba(255, 255, 255, 0.3) 45%,
 rgba(255, 255, 255, 0.0) 50%
 );
    background-image: -moz-linear-gradient(
 0 0,
 rgba(255, 255, 255, 0.1) 0%,
 rgba(255, 255, 255, 0.1) 37%,
 rgba(255, 255, 255, 0.3) 45%,
 rgba(255, 255, 255, 0.0) 50%
 );
    background-image: -o-linear-gradient(
 0 0,
 rgba(255, 255, 255, 0.1) 0%,
 rgba(255, 255, 255, 0.1) 37%,
 rgba(255, 255, 255, 0.3) 45%,
 rgba(255, 255, 255, 0.0) 50%
 );
    background-image: linear-gradient(
 0 0,
 rgba(255, 255, 255, 0.1) 0%,
 rgba(255, 255, 255, 0.1) 37%,
 rgba(255, 255, 255, 0.3) 45%,
 rgba(255, 255, 255, 0.0) 50%
 );
    -moz-background-size: 250% 250%, 100% 100%;
    background-size: 250% 250%, 100% 100%;
    -webkit-transition: background-position 0s ease;
    -moz-transition: background-position 0s ease;
    -o-transition: background-position 0s ease;
    transition: background-position 0s ease;
}
.shine-btn:hover, 
.shine-btn:focus {
    background-position: 0 0, 0 0;
    transition: all .3s;
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s;
    text-decoration: none;
    color: #fff;
    background-color: #ff6d20;
}
.award-win-dm {
    width: 100%;
    float: left;
    padding: 70px 0px 70px;
    border-top: 1px solid #e2e2e2;
}
.award-win-dm-lists {
    width: 100%;
    float: left;
    margin-top: 40px;
}
.digital-marketing-feature-box {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    border-bottom: 0px;
    border-right: 0px;
    padding: 50px 15px 0px 15px;
    min-height: 250px;
}
.digital-marketing-features .col-md-4 {
    padding: 0px;
}
.digital-marketing-features{
	width: 100%;
	float: left;
	padding: 70px 0px 0px;
}
.digital-marketing-feature-box>i {
    /* float: left; */
    position: absolute;
    left: 15px;
}
.digital-marketing-feature-box .feature-content-right {
    width: 100%;
    float: left;
    padding-left: 80px;
}
.digital-marketing-feature-box .feature-content-right span {
    display: block;
    margin-bottom: 10px;
    font-family: proxima_novasemibold;
    line-height: 24px;
}
.digital-marketing-feature-box .feature-content-right p {
    font-size: 16px;
    font-family: proxima_nova_rgregular;
    line-height: 24px;
    color: #000;
}
.digital-market-feature-lists {
    width: 100%;
    float: left;
    margin-top: 30px;
    padding: 0px 15px;
}
.benefits-sec{
	width: 100%;
	float: left;
	padding: 70px 0px 20px;
	background: #00032b;
}
.beneft-lists{
	width: 100%;
	float: left;
	margin-top: 70px;
}
.beneft-lists ul li{
	width: 50%;
	float: left;
	list-style: none;
	padding: 15px;
	margin-bottom: 70px;
	transition: all .3s;
	border-radius: 3px;
}
.beneft-lists ul li:hover{
	background: rgba(255, 255, 255, 0.04);
}
.beneft-lists ul li span {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-family: proxima_nova_rgbold;
    color: #fff;
    font-size: 26px;
}
.beneft-lists ul li p {
    color: #b3b3b3;
}
.beneft-lists ul li span i {
    background: -webkit-linear-gradient(left,#feb601,#ed7f07);
    background: linear-gradient(90deg,#feb601,#ed7f07);
    background: -webkit-linear-gradient(90deg,#feb601,#ed7f07);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 60px;
    padding-right: 15px;
}
.cloud-videos{
	width: 100%;
	float: left;
	padding: 70px 0px;
}
.cloud-video-sec{
	width: 100%;
	float: left;
	padding: 70px 0px 0px;
}
.strategic-cloud-partner {
    width: 100%;
    float: left;
}
.start-partner-lists{
	width: 100%;
	float: left;
	padding-bottom: 70px;
}
.start-partner-lists ul li {
    width: 25%;
    float: left;
    list-style: none;
    margin-top: 70px;
}
.cloud-work-process{
	width: 100%;
	float: left;
	padding: 70px 0px 0px;
}
.cloud-work-lists {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.cloud-work-process .service-tab-box .service-right-content ul li{
	margin-bottom: 30px;
}
.cloud-work-process .service-tab-box .service-left{
	width: 40%;
}
.cloud-work-process .service-tab-box .service-right-content{
	width: 60%;
}
.cloud-work-lists span {
    color: #000;
    font-size: 20px;
    font-family: proxima_nova_rgregular;
}
.cloud-work-lists i {
    float: left;
    color: #fff;
    background: #fc8b00;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
}
.cloud-work-lists .cloud-right-list {
    overflow: hidden;
    display: block;
    padding-left: 15px;
}
.cloud-work-process .service-tab-box .service-right-content ul li:last-child{
	margin-bottom: 0px;
}
.service-tab-box .service-right-content .cloud-work-lists ul{
	position: relative;
}
.service-tab-box .service-right-content .cloud-work-lists ul:before {
    position: absolute;
    content: '';
    left: 20px;
    width: 3px;
    top: 0px;
    height: 100%;
    background: #f1f1f1;
}
/*@media only screen and (max-width: 1440px){
	.about-portfolio{
	position: relative;
	margin-top: -60vh;
}*/
/*
.rotateInRightX{
    animation:rotateInRightX 1s cubic-bezier(.28,.06,.07,1);
    animation-delay:.367s;
    animation-fill-mode:forwards
}
.noAnimation .rotateInAndriod,.noAnimation .rotateInLeft,.noAnimation .rotateInRight,.noAnimation .rotateInRightX,.noAnimation .rotateOutAndriod,.noAnimation .rotateOutLeft,.noAnimation .rotateOutRight,.noAnimation .rotateOutRightX{
    animation:none
}
@-webkit-keyframes rotateInRightX{
    0%{
        transform:matrix3d(.9,.102242,0,.000598,-.004839,1.880642,0,-.000048,0,0,1,0,0,100,0,1)
    }
    to{
        transform:matrix3d(1.170318,.102242,0,.000598,-.004839,1.880642,0,-.000048,0,0,1,0,0,100,0,1)
    }
}
@keyframes rotateInRightX{
    0%{
        transform:matrix3d(.9,.102242,0,.000598,-.004839,1.880642,0,-.000048,0,0,1,0,0,100,0,1)
    }
    to{
        transform:matrix3d(1.170318,.102242,0,.000598,-.004839,1.880642,0,-.000048,0,0,1,0,0,100,0,1)
    }
}
.rotateInRightScreen{
    animation:rotateInRightScreen 1s cubic-bezier(.28,.06,.07,1);
    animation-delay:.367s;
    animation-fill-mode:forwards
}
@-webkit-keyframes rotateInRightScreen{
    0%{
        transform:matrix3d(1,.059794,0,-.000485,-.154995,1,0,-.000282,0,0,1,0,0,0,0,1)
    }
    to{
        transform:matrix3d(1,.049794,0,-.000085,-.134995,1,0,-.000082,0,0,1,0,0,0,0,1)
    }
}
@keyframes rotateInRightScreen{
    0%{
        transform:matrix3d(1,.059794,0,-.000485,-.154995,1,0,-.000282,0,0,1,0,0,0,0,1)
    }
    to{
        transform:matrix3d(1,.049794,0,-.000085,-.134995,1,0,-.000082,0,0,1,0,0,0,0,1)
    }
}*/
.screen-right-move {
    max-width: 100%;
    /*transform-origin: center right -10px;
    transform: matrix3d(1,.059794,0,-.000485,-.154995,1,0,-.000282,0,0,1,0,0,0,0,1);*/
}
.web-develop-sec{
	width: 100%;
	float: left;
	padding-top: 70px;
	position: relative;
	margin-top: 115px;
}
.web-develop-sec:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    background-color: #fdfefe;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fdfefe),to(#edf1f5));
    background-image: -webkit-linear-gradient(bottom,#fdfefe,#edf1f5);
    height: 82%;
}
.web-develop-box figure img {
    position: relative;
    top: -190px;
}
.web-develop-box {
    width: 100%;
    float: left;
    display: table;
    position: relative;
}
.web-develop-box figcaption {
    position: absolute;
    right: 0px;
    top: 50%;
    width: 50%;
}
.web-develop-box figcaption h3 {
    display: block;
    color: #025dff;
    font-size: 60px;
    font-family:proxima_nova_rgbold;
    margin-bottom: 10px;
}
.web-develop-box figure {
    display: table-cell;
    vertical-align: middle;
    width: 70%;
}
.user-centric-sec {
    width: 100%;
    float: left;
    padding-bottom: 70px;
}
.user-view-lists {
    width: 100%;
    float: left;
    margin-top: 50px;     
}
.user-view-lists ul li{
	width: 33.33%;
	float: left;
	padding: 0px 15px;
	list-style: none;
	text-align: center;
	position: relative;
}
.user-view-lists ul li:after {
    position: absolute;
    content: '';     
    border: 1.5px dashed #9b9b9b;
    right: 0%;
    width: 45%;
    top: 80px;
    transform: translate(50%, 0%);
}
.user-view-lists ul li:last-child:after{
	display: none;
}
.user-view-lists ul li figure {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    line-height: 180px;
    border: 2px dashed #9b9b9b;
    border-radius: 100px;
    transition: all .5s;
}
.user-view-lists ul li figure>span{
	display: none;
}
.user-view-lists ul li:hover figure{
	border: 2px dashed #025dff;	
}
.user-view-lists ul li figcaption {
    display: block;
    margin-top: 40px;
}
.user-view-lists ul li figcaption span {
    display: block;
    margin-bottom: 30px;
    font-size: 28px;
    color: #025dff;
    font-family: proxima_novasemibold;
}
.user-view-lists ul li figure img {
    max-width: 70px;
}
.web-expertise-panel{
	width: 100%;
	float: left;
	padding-top: 30px;
}
.web-expertise-panel-lists{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.web-expertise-box {
    padding: 100px 0px;
    overflow: hidden;
    position: relative;
    transition: all .3s;
}
.web-expertise-box:hover figure{
	opacity: .2;
	transition: all .3s;
	visibility: visible;
}
.web-expertise-box h3 {
    font-size: 30px;
    font-family: proxima_nova_rgbold;
    float: none;
    display: inline-block;
    text-align: left;
    padding: 0px 15px;
}
.web-how-it-works{
	width: 100%;
	float: left;
	padding: 70px 0px;
}
.web-how-it-works .d-table.flip .width_70 {
    left: 30%;
}
.web-how-it-works .d-table.flip .width_30 {
    right: 70%;
}
.web-how-it-works .table-cell{
	position: relative;
}
.web-how-it-works .arrow1 {
    position: absolute;
    right: 4%;
    top: 65%;
    z-index: -2;
}
.web-work-admin-ui-dashboars {
    width: 100%;
    float: left;
    padding: 70px 0px 30px;
}
.web-work-admin-features {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 30px;
}
.web-work-admin-features figure {
    width: 100%;
    float: left;
    margin-top: 30px;
}
.web-work-admin-features span {
    color: #025dff;
    display: block;
    font-size: 34px;
    font-family: proxima_nova_rgbold;
    line-height: 40px;
}
.web-develop-partner{
	padding-top: 70px;
}
.web-expertise-box figure {
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    visibility: hidden;
    transition: all .3s;
    opacity: 0;
}
.web-development-mobile-banner {
    display: none;
}
.header .navbar-nav .dropdown-menu li {
    display: block !important;
}