@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
html { font-size: 62.5%; }
body {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 400;
	background: #FFf;
	font-size: 1.4rem;/* =14px *//* =24px */
	text-rendering: optimizeLegibility;
	text-rendering: optimizeSpeed;
	text-rendering: geometricPrecision;
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
}

body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

a:hover {
	text-decoration: none;
}

input[type="button"],
input[type="submit"],
li.parallelogram {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

ul.side_nav {
	position: fixed;
	right: 1%;
	top: 40%;
	z-index: 1;
}

ul.side_nav li {
	display: block;
}

ul.side_nav li a {
	width: 13px;
	height: 13px;
	background: #fff;
	border: 1px solid#1a3866;
	border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	display: block;
	margin-bottom: 1em;
}

ul.side_nav li a:hover {
	background: #1a3866;
	border: 1px solid#1a3866;
}

ul.side_nav li a.active {
	width: 13px;
	height: 13px;
	background: #1a3866;
	border: 1px solid#1a3866;
	border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	display: block;
	margin-bottom: 1em;
}


.custom-header {
	float: left;
	width: 100%;
}

.custom-navebar {
	float: left;
	width: 100%;
	min-height: 70px;
	margin-bottom: 0px;
	background: #ffffff;
	border: medium none;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.custom-navebar .navbar-right {
	margin: 10px 0px 0px 0px;
}

.custom-navebar .navbar-right li a {
	font-size: 16px;
	font-weight: 400;
	color: #44454d;
}

.custom-navebar .navbar-right li.navbar-topbtn a {
	background-color: #1a3866;
	color: #ffffff;
	padding: 10px;
	margin: 4px 0px 0px 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.custom-navebar .navbar-right .dropdown-menu {
	background: #193866;
	padding: 10px 0px;
	margin-top: 6px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.custom-navebar .navbar-right .dropdown-menu li a {
	color: #9eb8dd;
	font-size: 16px;
	font-weight: 300;
}

.custom-navebar .navbar-right .dropdown-menu>li>a:hover,
.custom-navebar .navbar-right .dropdown-menu>li>a:focus {
	background: #193866;
	color: #ffffff;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
	background-color: transparent;
	border: medium none;
	border-bottom: 3px solid #1d3960;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #fff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.white-background {
	float: left;
	width: 100%;
	background: #ffffff;
	height: 100vh;
	padding: 5em 0em 1em 0em;
}

.gray-background {
	float: left;
	width: 100%;
	background: #f8f8f8;
	height: 100vh;
	padding: 5em 0em 1em 0em;
}

.mobile-development-continer {
	margin: 0 auto;
	max-width: 1280px;
}

.mobile-development-banner {
	float: left;
	width: 100%;
	/*margin: 50px 0px 20px 0px;*/
	margin: 0px 0px 20px 0px;
}

.mobile-development-banner-mask {
	margin: 0 auto;
	max-width: 1250px;
}

.custom-banner-info {
	float: left;
	width: 68%;
}

/*.custom-banner-img {
	float: left;
	width: 35%;
}*/

.mobile-development-banner-title {
	float: left;
	width: 100%;
	margin-top: 2em;
	font-size: 60px;
	text-transform: uppercase;
	color: #1a3866;
	font-weight: 500;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 500;
	margin-bottom: 0;
    line-height: 1.5;
}
.mobile-development-banner-title span1{
	text-transform: lowercase !important;
}
.mobile-development-banner-title span {
	color: #1a3866;
	font-weight: 100;
}
.react-development-banner-title {
	float: left;
	width: 100%;
	margin-top: 1.0em;
	font-size: 60px;
	color: #1a3866;
	font-weight: 500;
	font-family: 'Roboto', sans-serif !important;
}
.react-development-banner-title span{
	color: #1a3866;
	font-weight: 100;
}


.mobile-development-subtitle {
	float: left;
	width: 100%;
	font-size: 20px;
	color: #6f6f6f;
	font-weight: 400;
	max-width: 570px;
}

.navbar-brand {
	padding: 13px 15px;
}

.our-showcase-btn {
	float: left;
	background-image: url("../matellio-one-images/btn-arrow.png");
	background-position: 88% 58%;
	background-color: #697589;
	min-width: 192px;
	height: 51px;
	font-size: 20px;
	margin-top: 45px;
	color: #ffffff;
	font-weight: 400;
	text-align: left;
	border: medium none;
	padding: 10px 15px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	outline: unset;
	transition: all 0.4s ease-in-out;
	background-repeat: no-repeat;
}

button.our-showcase-btn:hover,
button.our-showcase-btn:focus {
	background-position: 92% 58%;
	transition: all 0.4s ease-in-out;
	box-shadow: inset 6.5em 0 0 0 var(--hover);
	background-color: #5f6a7c;
}

.banner-small-title {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 26px;
	line-height:26px;
	color: #000000;
	margin: 0.5em 0px 0.3em 0px;
	font-weight: 500;
}

.banner-small-title span {
	font-weight: 300;
}

.client-logos {
	float: left;
	width: 100%;
	text-align: center
}
.client-logo-desktop img{
	display: inline-block;
}
.client-logo {
	width: 12.2%;
	padding: 0.5rem 1.5rem;
	float: none;
	display: inline-block;
}
.client-logo img {
	filter: grayscale(1);
	margin: 0 auto;
	max-width: 100%;
	object-fit: contain;
}

.certification-logos {
	float: left;
	width: 100%;
	text-align: center
}
.certification-logos img{
	display: inline-block;
}
.certification-logo {
	width: 16.4%;
	padding: 0.5rem 1.5rem;
	float: none;
	display: inline-block;
}
.certification-logo:nth-child(2){
	width: 16.4%;
    max-height: 100px;
    overflow: hidden;
    float: none;
    display: inline-block;
}
.certification-logo img {
	margin: 0 auto;
	max-width: 100%;
	object-fit: contain;
}
.certification-logo:nth-child(2) img{
	float: left;
    max-width: 70%;
    object-fit: contain;
}





/*.certification-logos .certification-logo:nth-child(1) img{
}
.certification-logos .certification-logo:nth-child(2) img{
}
.certification-logos .certification-logo:nth-child(3) img{
}
.certification-logos .certification-logo:nth-child(4) img{
}
.certification-logos .certification-logo:nth-child(5) img{
}
.certification-logos .certification-logo:nth-child(6) img{
}*/

/*.certification-logos .certification-logo:nth-child(1){
	width: 16%;
}
.certification-logos .certification-logo:nth-child(1) img{
	margin-left:0%;
}
.certification-logos .certification-logo:nth-child(2){
	width: 16%;
}
.certification-logos .certification-logo:nth-child(2) img{
	margin-left:0%;
}
.certification-logos .certification-logo:nth-child(3){
	width: 16%;
}
.certification-logos .certification-logo:nth-child(3) img{
	margin-left:25%;
}
.certification-logos .certification-logo:nth-child(4){
	width: 16%;
}
.certification-logos .certification-logo:nth-child(4) img{
	margin-left:30%;
}

.certification-logos .certification-logo:nth-child(5){
	width:16%;
}
.certification-logos .certification-logo:nth-child(5) img{
	margin-left:45%;
}
.certification-logos .certification-logo:nth-child(6){
	width: 16%;
}
.certification-logos .certification-logo:nth-child(6) img{
	margin-left:30%;
}
.certification-logo img {
	margin: 0 auto;
}*/

.clients-corner-mask {
	float: none;
	margin: 0 auto;
	width: 79%;
	margin-bottom: 0px;
}

.certification-mask {
	float: none;
	margin: 0 auto;
	width: 79%;
	margin-bottom: 0px;
}

.client-says-mask {
	float: left;
	width: 100%;
	text-align: center;
	background-color: #ffffff;
	padding: 35px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.client-image {
	float: none;
	height: 145px;
	width: 145px;
	margin: 0 auto;
	border: 2px solid #d7d7d7;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.client-image img {
	width: 100%;
	height: 100%;
}

.client-name {
	float: none;
	width: 100%;
	display: inline-block;
	font-size: 30px;
	margin: 18px 0px 15px 0px;
	color: #44454d;
}

.clientsays-text {
	float: none;
	width: 100%;
	display: inline-block;
	font-size: 17px;
}

.clientsays-container {
	margin: 0 auto;
	max-width: 1350px;
	/*padding: 7em 0em 3em 0em;*/
}

.always-center-mask {
	float: left;
	height: 100vh;
	width: 100%;
	display: table;
}

.always-center-mask-inner {
	height: 100vh;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}

.mobile-continer {
	width: 100%;
	margin: 0 auto;
}

.weperfect-container {
	margin: 0 auto;
	max-width: 1440px;
	height: 100%;
}

.site-title-one {
	float: left;
	width: 100%;
	font-size: 36px;
	color: #000000;
	font-weight: 100;
	text-align: center;
	margin: 0px;
		font-family: 'Roboto', sans-serif !important;
}

.site-title-one span {
	font-weight: 500;
	margin: 0px;
}

.site-title-two {
	float: left;
	width: 100%;
	font-size: 36px;
	color: #000000;
	font-weight: 100;
	text-align: center;
	margin: 15px 0px 50px 0px;
}

.site-title-two span {
	font-weight: 500;
	margin: 0px 7px;
}

.weare-perfect {
	width: 90%;
	margin: 0 auto;
}

.freetrailanimation1 {
	animation-delay: 1s;
	animation-name: fadeInDown;
	visibility: visible;
}

.freetrailanimation2 {
	animation-delay: 2s;
	animation-name: fadeInDown;
	visibility: visible;
}

.freetrailanimation3 {
	animation-delay: 3s;
	animation-name: fadeInDown;
	visibility: visible;
}

.freetrailanimation4 {
	animation-delay: 4s;
	animation-name: fadeInDown;
	visibility: visible;
}

.why-choose-one {
	animation-delay: 0.5s;
	animation-name: fadeInUp;
	visibility: visible;
}

.why-choose-two {
	animation-delay: 0.7s;
	animation-name: fadeInUp;
	visibility: visible;
}

.why-choose-three {
	animation-delay: 0.9s;
	animation-name: fadeInUp;
	visibility: visible;
}

.why-choose-four {
	animation-delay: 1.1s;
	animation-name: fadeInUp;
	visibility: visible;
}

.why-choose-mobile-one {
	animation-delay: 0.5s;
	animation-name: fadeInUp;
	visibility: visible;
}

.why-choose-mobile-two {
	animation-delay: 0.6s;
	animation-name: fadeInUp;
	visibility: visible;
}

.why-choose-mobile-three {
	animation-delay: 0.7s;
	animation-name: fadeInUp;
	visibility: visible;
}

.why-choose-mobile-four {
	animation-delay: 0.8s;
	animation-name: fadeInUp;
	visibility: visible;
}

.why-choose-mobile-five {
	animation-delay: 0.9s;
	animation-name: fadeInUp;
	visibility: visible;
}

.why-choose-mobile-six {
	animation-delay: 1s;
	animation-name: fadeInUp;
	visibility: visible;
}

.why-choose-mobile-seven {
	animation-delay: 1.1s;
	animation-name: fadeInUp;
	visibility: visible;
}

.why-choose-mobile-eight {
	animation-delay: 1.2s;
	animation-name: fadeInUp;
	visibility: visible;
}

.clientscorner-icons-one {
	animation-delay: 0.3s;
	animation-name: fadeIn;
	visibility: visible;
}

.android-advantage-points {
	animation-delay: 0.8s;
	animation-name: fadeIn;
	visibility: visible;
}

.foranimations {
	overflow-x: hidden;
}


/*mukesh sir*/

@media (min-width: 1200px) {
	.mob-dev-glance-container {
		width: 1170px;
		margin: 0 auto;
		height: 100%;
	}
	.mob-dev-service-container {
		width: 1100px;
		margin: 0 auto;
		height: 100%;
	}
	.mob-dev-map-container {
		width: 1160px;
		margin: 0 auto;
		height: 100%;
	}
	.mob-dev-ourshowcase-container {
		width: 1300px;
		margin: 0 auto;
		height: 100%;
	}
	.footer-form-container {
		width: 1170px;
		margin: 0 auto;
		height: 100%;
	}
	.iOS_develp-services-container {
		width: 1210px;
		margin: 0 auto;
	}
	.container {
		width: 1200px !important;
		position: static !important;
	}
	 .andriod-advantage-container{
        width: 1410px;
        margin: auto;
    }
    .mobile-android-development-continer{
        width: 1460px;
        margin: auto;
    }
    .container-matellio-onepage {
		width: 100%;
	}
}

.mob-dev-glance {
	float: left;
	width: 100%;
	text-align: center;
}

.mob-dev-glance h1 {
	float: left;
	width: 100%;
	font-size: 36px;
	color: #223547;
	margin: 0;
	position: relative;
	z-index: 9;
}

.mob-dev-glance h1 span {
	text-align: center;
}

.mob-dev-glance p {
	float: left;
	width: 100%;
	font-size: 18px;
	color: #353535;
	margin: 0;
	line-height: 28px;
	font-weight: 400;
	position: relative;
	z-index: 9;
}

.mob-dev-glance-num span {
	float: left;
	font-weight: 300;
}

.mob-dev-glance-container .site-title-one {
	margin-bottom: 20px;
	font-weight: 100;
}

.mob-dev-glancetwosec {
	float: left;
	width: 100%;
}

.mob-dev-glance-left {
	float: left;
	width: 60%;
	position: absolute;
	left: 0;
}

.mob-dev-glance-right {
	float: right;
	width: 34%;
}

.mob-dev-glancec-rgtinner {
	float: right;
	width: 100%;
	margin: 90px 0 0;
}

.mob-dev-glance-num {
	font-size: 60px;
	color: #1a3866;
	line-height: 60px;
	float: left;
	text-align: right;
	width: 170px;
	align-items: flex-end;
	justify-content: flex-end;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.mob-dev-glance-txt {
	font-size: 20px;
	color: #353535;
	font-weight: 400;
	float: right;
	width: 210px;
	text-align: left;
}

.mob-dev-glance-txt span {
	display: block;
}

.mob-dev-service-offertab {
	float: left;
	width: 100%;
	height: 100%;
}

.mob-dev-offer-txt {
	float: left;
	width: 100%;
}

.mob-dev-offer-txt h2 {
	font-size: 24px;
	color: #353535;
	margin: 22px 0 6px;
	line-height: 24px;
	font-weight: 500;
}

.mob-dev-offer-txt p {
	color: #353535;
	font-size: 24px;
	margin: 0;
	font-weight: 300;
	line-height: 24px;
}

.mob-dev-offer-iocn {
	float: left;
	width: 100%;
	min-height: 90px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.mob-dev-offertab-outer {
	float: left;
	width: 100%;
}

.mob-dev-offertab-outer .text-center {
	margin-top: 70px;
	transition: all 0.4s ease-in-out;
}

.mob-dev-offertab-outer .text-center:hover {
	transform: scale(1.10);
}

.mob-dev-service-offertab .nav-tabs>li>a {
	font-size: 22px;
	text-transform: uppercase;
	border: none !important;
	font-weight: 400;
	font-family: 'Roboto', sans-serif !important;
}

.mob-dev-service-offertab .nav-tabs {
	border-bottom: 2px solid #ececec !important;
	width: 770px;
	text-align: center;
	margin: auto;
	background: transparent;
}

.mob-dev-service-offertab .nav>li>a:focus,
.mob-dev-service-offertab .nav>li>a:hover {
	background: transparent;
	color: #223547;
}

.mob-dev-service-offertab .nav-tabs>li.active>a,
.mob-dev-service-offertab .nav-tabs>li.active>a:focus,
.mob-dev-service-offertab .nav-tabs>li.active>a:hover {
	border-bottom: 2px solid transparent;
	background: transparent;
	color: #223547;
}

.mob-dev-service-offertab .nav-tabs>li {
	float: left;
	margin-bottom: -2px;
}

.mob-dev-service-offertab .nav-tabs>li {
	margin-bottom: -2px;
	width: 50%;
	text-align: center;
}

section.mob-dev-mobileapplictiondev {
	float: left;
	width: 100%;
	background: #f8f8f8;
	padding: 90px 0 0 0;
}

.mob-dev-mobileapplictiondev h2 {
	font-size: 36px;
	text-align: center;
	float: left;
	width: 100%;
	margin: 0 0 80px;
}




.mob-dev-mobappdev-inner {
	background: url(../matellio-one-images/mob-dev-mobilehand.png) no-repeat;
	background-position: top center;
	float: left;
	width: 100%;
	margin: 30px 0 0;
}

.mob-dev-mobappdev-midd img {
	display: inline-block;
}

.mob-dev-mobappdev-left {
	float: left;
	width: 34%;
}

.mob-dev-mad-iconinner {
	float: left;
	width: 100%;
	min-height: 65px;
	display: flex;
	align-items: center;
	margin: 0px 0 52px;
}

.mob-dev-mad-txt {
	float: left;
	border-top: 1px dashed #b9d4de;
	margin-top: 30px;
	/*margin-right: 20px;*/
	margin-right: 12px;
	font-size: 22px;
	padding-right:0px;
	color: #353535;
	font-weight: 400;
	padding-top: 2px;
	position: relative;
}

.mob-dev-mad-txt::after {
	content: "";
	height: 6px;
	width: 6px;
	background: #1a3866;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	top: -3px;
	right: -10px;
}

.mob-dev-mad-icon {
	float: left;
}

.mob-dev-mobappdev-right {
	float: right;
	width: 35%;
}

.mob-dev-mobappdev-right .mob-dev-mad-txt {
	margin-top: 30px;
	margin-right: 0;
	padding-right: 0;
	/*margin-left: 20px;
	padding-left: 15px;*/
	margin-left: 2px;
	padding-left: 2px;
}

.mob-dev-mobappdev-right .mob-dev-mad-txt::after {
	left: 0;
	right: auto;
}

.mob-dev-mobappdev-left .mob-dev-mad-iconinner:nth-child(1) {
	position: relative;
	left: 30px;
	margin-bottom: 75px;
}

.mob-dev-mobappdev-left .mob-dev-mad-iconinner:nth-child(2) {
	position: relative;
	left: -20px;
	margin-bottom: 80px;
}

.mob-dev-mobappdev-left .mob-dev-mad-iconinner:nth-child(3) {
	position: relative;
	left: -50px;
	margin-bottom: 75px;
}

.mob-dev-mobappdev-left .mob-dev-mad-iconinner:nth-child(4) {
	position: relative;
	left: 40px;
}

.mob-dev-mobappdev-left .mob-dev-mad-iconinner:nth-child(5) {
	position: relative;
	left: -20px;
}

.mob-dev-mobappdev-right .mob-dev-mad-iconinner:nth-child(1) {
	position: relative;
	left: 0;
	margin-bottom: 75px;
}

.mob-dev-mobappdev-right .mob-dev-mad-iconinner:nth-child(2) {
	position: relative;
	left: 25px;
	margin-bottom: 70px;
}

.mob-dev-mobappdev-right .mob-dev-mad-iconinner:nth-child(3) {
	position: relative;
	margin-bottom: 75px;
	left: 55px;
}

.mob-dev-mobappdev-right .mob-dev-mad-iconinner:nth-child(4) {
	position: relative;
	left: 40px;
}

.mob-dev-ourshowcase {
	float: left;
	width: 100%;
	background: #f8f8f8
}

.mob-dev-ourshowcase h1 {
	float: left;
	width: 100%;
	font-size: 36px;
	text-align: center;
	color: #223547;
}

.mob-dev-ourshowcase h1 span {}

.mob-dev-ourshowcase-icon img {
	width: auto !important;
	display: inline-block;
	float: left;
	margin-right: 20px;
}

.mob-dev-ourshowcase-content {
	float: left;
	width: 90%;
	min-height: 600px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding-left: 100px;
}

.mob-dev-ourshowcase-content h4 {
	font-size: 32px;
	color: #353535;
	font-weight: 500;
	margin: 0;
	float: left;
	width: 100%;
}

.mob-dev-ourshowcase-content p {
	font-size: 18px;
	color: #353535;
	font-weight: 400;
	line-height: 28px;
	margin: 12px 0 10px;
	float: left;
	width: 100%;
	text-align: justify;

}

.mob-dev-ourshowcase-icon {
	display: inline-block;
	width: 100%;
}

.owl-theme .owl-dots .owl-dot span {
	width: 34px;
	height: 6px;
	border-radius: 0;
	margin: 0 4px;
	background: #dbdbdb;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #1a3866;
	outline: none;
}

.owl-theme .owl-dots .owl-dot:focus {
	outline: none;
}

.view-all {
	float: left;
	width: 100%;
	text-align: center;
	margin: 24px 0 0;
}

.view-all a {
	font-size: 18px;
	color: #353535;
	font-weight: 400;
	text-decoration: none;
}

.mob-dev-ourshowcase-inne {
	float: left;
	width: 100%;
}

.footer-form-left {
	float: left;
	width: 30%;
}

.footer-form {
	float: left;
	width: 100%;
	padding: 90px 0;
}

.footer-logo {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}

.footer-address {
	float: left;
	width: 100%;

}
.mb-20{
	margin-bottom: 20px;
}
.footer-address h5 {
	font-size: 15px;
	color: #6f6f6f;
	margin: 0 0 8px;
	font-weight: 400;
	text-transform: uppercase;
}

.footer-address p {
	font-size: 18px;
	color: #353535;
	font-weight: 400;
	width: 74%;
	float: left;
	margin-bottom: 6px;
}

.foot-direction {
	float: left;
	width: 100%;
}

.foot-direction a,.foot-direction a:hover,.foot-direction a:focus {
	float: left;
	width: 100%;
	font-size: 15px !important;
	color: #44454d;
	font-weight: 400;
	text-decoration: underline;
}

.foot-direction img {
	margin-right: 10px;
}

.footer-phone {
	float: left;
	width: 100%;
}

.footer-phone p {
	float: left;
	width: 100%;
	font-size: 18px;
	color: #44454d;
	font-weight: 400;
	margin-bottom: 2px;
	line-height: 22px;
}
.footer-phone p a{
	color: #44454d;
}
.footer-social {
	float: left;
	width: 100%;
}

.footer-touchtxt {
	font-size: 15px;
	color: #6f6f6f;
	margin: 0 0 8px;
	font-weight: 400;
	text-transform: uppercase;
}

.footer-social-icon {
	float: left;
	width: 100%;
}

.footer-social-icon a {
	height: 35px;
	width: 35px;
	border: 1px solid #d7dee9;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	float: left;
	margin-right: 10px;
	border-radius: 4px;
	color: #44454d;
	font-size: 20px;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
}

.footer-social-icon a.fb:hover {
	background: #4867aa;
	color: #fff;
	border-color: #4867aa;
	transition: all 0.4s ease-in-out;
}
.footer-social-icon a.in:hover {
	background: #0177b5;
	color: #fff;
	border-color: #0177b5;
	transition: all 0.4s ease-in-out;
}

.footer-social-icon a.twitter:hover {
	background: #1da1f2;
	color: #fff;
	border-color: #1da1f2;
	transition: all 0.4s ease-in-out;
}

.footer-social-icon a.googlepluse:hover {
	background: #dc5043;
	color: #fff;
	border-color: #dc5043;
	transition: all 0.4s ease-in-out;
}

.foot-formtitle {
	font-size: 38px;
	color: #000000;
	font-weight: 300;
	text-transform: uppercase;
	float: left;
	width: 100%;
}

.footer-form-right {
	float: right;
	width: 70%;
}

.foot-subtitle {
	font-size: 18px;
	color: #616161;
	text-transform: uppercase;
	float: left;
	width: 100%;
	margin: 18px 0;
	font-weight: 400;
}

form.footer-form-inner {
	float: left;
	width: 100%;
}

.footer-twpcolum {
	float: left;
	width: 100%;
}

.footer-twpcolum .form-group {
	float: left;
	width: 32% !important;
}

.footer-twpcolum .form-group:nth-child(1) {
	float: left;
}

.footer-twpcolum .form-group:nth-child(2) {
	margin: 0 0 0 11px;
	width: 33% !important;
}

.footer-twpcolum .form-group:nth-child(3) {
	float: right;
}

.footer-form-right .input-field,.footer-form-right .input-field:focus {
	width: 100%;
	height: 40px ;
	/*font-size: 13px;*/
	font-size: 13px;
	font-family: 'Roboto', sans-serif !important;
	color: #353535;
	border-radius: 5px;
	padding: 10px 10px;
	box-shadow: none;
	border:1px solid #d7dee9 !important;
    box-shadow: none;
    outline-offset: 0px !important;
    
}
.footer-form-right .input-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #353535;
  opacity: .7;
  font-size: 13px;
  
	font-family: 'Roboto', sans-serif !important;
}
.footer-form-right .input-field::-moz-placeholder { /* Firefox 19+ */
  color: #353535;
  opacity: .7;
  font-size: 13px;
  
	font-family: 'Roboto', sans-serif !important;
}
.footer-form-right .input-field:-ms-input-placeholder { /* IE 10+ */
  color: #353535;
  opacity: .7;
  font-size: 13px;
  
	font-family: 'Roboto', sans-serif !important;
}
.footer-form-right .input-field:-moz-placeholder { /* Firefox 18- */
  color: #353535;
  opacity: .7;
  font-size: 13px;
  
	font-family: 'Roboto', sans-serif !important;
}
.footer-form-inner textarea {
	height: 194px !important;
	
	color: #353535 !important;
	width: 100%;
	padding: 10px !important;
	box-shadow: none;
	border-radius: 5px !important;
	resize: none;
	border:1px solid #d7dee9 !important;
	font-family: 'Roboto', sans-serif !important;
}

.footer-form-inner .form-group {
	float: left;
	width: 100%;
}

input.form-control {
	transition: background-color 999999s ease;
}

.footer-form-inner button.btn {
	height: 50px;
	width: 100%;
	background: #1a3866;
	color: #FFFfff;
	font-size: 18px;
	margin-top: 15px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}

.footer-copyright {
	float: left;
	width: 100%;
	background: #efefef;
	font-size: 13px;
	color: rgba(68,69,77,0.7);
	text-transform: uppercase;
	min-height: 50px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	position: absolute;
	bottom: 0;
}

.footer-phone {
	float: left;
	width: 100%;
	margin: 20px 0 25px;
}

.ios-develop-matellio-advantage {
	float: left;
	width: 100%;
	text-align: center;
}

.ios-develop-matellio-advantage h1 {
	float: left;
	width: 100%;
	font-size: 32px;
	color: #000000;
	margin: 90px 0 10px;
	font-weight: 100;
}

.ios-develop-matellio-advantage h1 span {
	font-weight: 500;
}

.ios-develop-matellio-advantage p {
	float: left;
	width: 100%;
	font-size: 18px;
	color: #353535;
	font-weight: 400;
	margin: 8px 0 0;
}

.ios-deve-matellio-adavean-content {
	float: left;
	width: 100%;
	align-items: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 35px;
}

.ios-deve-mat-txtinner {
	float: left;
	width: 100%;
}

.ios-deve-matellio-adaimg {
	float: left;
}

.ios-deve-matellio-adatxt {
	float: left;
	color: #353535;
	font-size: 22px;
	font-weight: 300;
	padding-left: 22px;
}

.ios-deve-matellio-adatxt span {
	font-weight: 700;
}

.ios-deve-matellio-adavean-right {
	float: right;
	align-items: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 35px;
	
}

.ios-deve-mat-txtinner-right {
	float: right;
}

.ios-deve-matellio-adavean-right .ios-deve-matellio-adatxt {
	padding-left: 0;
	padding-right: 22px;
}

.ios-deve-mat-txtouter {
	float: left;
	width: 100%;
	margin-top: 50px;
}

.ios-develop-keyoffring-title {
	text-align: center;
	float: left;
	width: 100%;
	font-size: 36px;
	color: #000000;
	font-weight: 100;
}

.ios-develop-keyoffring-title span {
	font-weight: 500;
}

.ionic-develop-keyoffring-title {
	text-align: center;
	float: left;
	width: 100%;
	font-size: 36px;
	color: #000000;
	font-weight: 100;
}

.ionic-develop-keyoffring-title span {
	font-weight: 500;
}

.ios-develop-services-title span {
	float: left;
	font-weight: 500;
	width: 100%;
}

.ios-develp-ser-more-inner p {
	font-size: 18px;
}

.ios-develop-keyoffring-left {
	height: 105px;
	background: #fff;
	float: left;
	width: 48.6%;
	align-items: center;
	padding: 0 15px;
	border-radius: 6px;
	margin-top: 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
}

.ios-develop-keyoffring-inner .ios-develop-keyoffring-left:nth-of-type(2n) {
	float: right;
}

.ios-develop-keyoffring-left span {
	font-size: 20px;
	color: #353535;
	font-weight: 400;
	padding-left: 15px;
}

.ios-develop-keyoffring-inner {
	float: left;
	width: 100%;
	margin: 40px 0 0;
}

.ios-keyexpert-contentinner {
	float: left;
	width: 100%;
	margin: 30px 0 0;
}

.ios-keyes {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

.ios-keyes-icon {
	float: left;
	width: 100%;
	text-align: center;
	min-height: 92px;
	align-items: center;
	justify-content: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.ios-keyexpert-contentinner .col-md-3:nth-child(1) .ios-keyes-icon img{width:55px;}
.ios-keyexpert-contentinner .col-md-3:nth-child(2) .ios-keyes-icon img{width:110px;}
.ios-keyexpert-contentinner .col-md-3:nth-child(3) .ios-keyes-icon img{width:55px;}
.ios-keyexpert-contentinner .col-md-3:nth-child(4) .ios-keyes-icon img{width:60px;}
.ios-keyexpert-contentinner .col-md-3:nth-child(5) .ios-keyes-icon img{width:90px;}
.ios-keyexpert-contentinner .col-md-3:nth-child(6) .ios-keyes-icon img{width:55px;}
.ios-keyexpert-contentinner .col-md-3:nth-child(7) .ios-keyes-icon img{width:65px;}
.ios-keyexpert-contentinner .col-md-3:nth-child(8) .ios-keyes-icon img{width:50px;}
.ios-keyexpert-contentinner .col-md-3:nth-child(9) .ios-keyes-icon img{width:35px;}
.ios-keyexpert-contentinner .col-md-3:nth-child(10) .ios-keyes-icon img{width:60px;}
.ios-keyexpert-contentinner .col-md-3:nth-child(11) .ios-keyes-icon img{width:60px;}
.ios-keyexpert-contentinner .col-md-3:nth-child(12) .ios-keyes-icon img{width:65px;}

#home .mob-dev-offertab-outer .col-md-3:nth-child(1) .mob-dev-offer-iocn img{width:55px;}
#home .mob-dev-offertab-outer .col-md-3:nth-child(2) .mob-dev-offer-iocn img{width:55px;}
#home .mob-dev-offertab-outer .col-md-3:nth-child(3) .mob-dev-offer-iocn img{width:55px;}
#home .mob-dev-offertab-outer .col-md-3:nth-child(4) .mob-dev-offer-iocn img{width:60px;}
#home .mob-dev-offertab-outer .col-md-3:nth-child(5) .mob-dev-offer-iocn img{width:60px;}
#home .mob-dev-offertab-outer .col-md-3:nth-child(6) .mob-dev-offer-iocn img{width:60px;}
#home .mob-dev-offertab-outer .col-md-3:nth-child(7) .mob-dev-offer-iocn img{width:60px;}
#home .mob-dev-offertab-outer .col-md-3:nth-child(8) .mob-dev-offer-iocn img{width:65px;}

#profile .mob-dev-offertab-outer .col-md-3:nth-child(1) .mob-dev-offer-iocn img{width:55px;}
#profile .mob-dev-offertab-outer .col-md-3:nth-child(2) .mob-dev-offer-iocn img{width:55px;}
#profile .mob-dev-offertab-outer .col-md-3:nth-child(3) .mob-dev-offer-iocn img{width:55px;}
#profile .mob-dev-offertab-outer .col-md-3:nth-child(4) .mob-dev-offer-iocn img{width:60px;}
#profile .mob-dev-offertab-outer .col-md-3:nth-child(5) .mob-dev-offer-iocn img{width:60px;}
#profile .mob-dev-offertab-outer .col-md-3:nth-child(6) .mob-dev-offer-iocn img{width:42px;}
#profile .mob-dev-offertab-outer .col-md-3:nth-child(7) .mob-dev-offer-iocn img{width:60px;}
#profile .mob-dev-offertab-outer .col-md-3:nth-child(8) .mob-dev-offer-iocn img{width:50px;}

.android-keyoffring-content .android-keyoff-con:nth-child(1) .android-keyoff-contewhitebox img{width:55px;}
.android-keyoffring-content .android-keyoff-con:nth-child(2) .android-keyoff-contewhitebox img{width:45px;}
.android-keyoffring-content .android-keyoff-con:nth-child(3) .android-keyoff-contewhitebox img{width:52px;}
.android-keyoffring-content .android-keyoff-con:nth-child(4) .android-keyoff-contewhitebox img{width:55px;}
.android-keyoffring-content .android-keyoff-con:nth-child(5) .android-keyoff-contewhitebox img{width:40px;}
.android-keyoffring-content .android-keyoff-con:nth-child(6) .android-keyoff-contewhitebox img{width:52px;}
.android-keyoffring-content .android-keyoff-con:nth-child(7) .android-keyoff-contewhitebox img{width:52px;}
.android-keyoffring-content .android-keyoff-con:nth-child(8) .android-keyoff-contewhitebox img{width:45px;}

.android-develop-keyexpert .col-md-3:nth-child(1) .android-keyes-icon img{width:55px;}
.android-develop-keyexpert .col-md-3:nth-child(2) .android-keyes-icon img{width:45px;}
.android-develop-keyexpert .col-md-3:nth-child(3) .android-keyes-icon img{width:50px;}
.android-develop-keyexpert .col-md-3:nth-child(4) .android-keyes-icon img{width:50px;}
.android-develop-keyexpert .col-md-3:nth-child(5) .android-keyes-icon img{width:50px;}
.android-develop-keyexpert .col-md-3:nth-child(6) .android-keyes-icon img{width:80px;}
.android-develop-keyexpert .col-md-3:nth-child(7) .android-keyes-icon img{width:45px;}
.android-develop-keyexpert .col-md-3:nth-child(8) .android-keyes-icon img{width:50px;}
.android-develop-keyexpert .col-md-3:nth-child(9) .android-keyes-icon img{width:45px;}
.android-develop-keyexpert .col-md-3:nth-child(10) .android-keyes-icon img{width:50px;}
.android-develop-keyexpert  .col-md-3:nth-child(11) .android-keyes-icon img{width:90px;}
.android-develop-keyexpert .col-md-3:nth-child(12) .android-keyes-icon img{width:50px;}

.ios-deve-mat-txtinner .ios-deve-matellio-adavean-content:nth-child(1) .ios-deve-matellio-adaimg img{width:80px;}
.ios-deve-mat-txtinner .ios-deve-matellio-adavean-content:nth-child(2) .ios-deve-matellio-adaimg img{width:80px;}
.ios-deve-mat-txtinner .ios-deve-matellio-adavean-content:nth-child(3) .ios-deve-matellio-adaimg img{width:80px;}
.ios-deve-mat-txtinner .ios-deve-matellio-adavean-content:nth-child(4) .ios-deve-matellio-adaimg img{width:80px;}
.ios-deve-mat-txtinner .ios-deve-matellio-adavean-content:nth-child(5) .ios-deve-matellio-adaimg img{width:80px;}
.ios-deve-mat-txtinner-right .ios-deve-matellio-adavean-right:nth-child(1) .ios-deve-matellio-adaimg img{width:80px;}
.ios-deve-mat-txtinner-right .ios-deve-matellio-adavean-right:nth-child(2) .ios-deve-matellio-adaimg img{width:80px;}
.ios-deve-mat-txtinner-right .ios-deve-matellio-adavean-right:nth-child(3) .ios-deve-matellio-adaimg img{width:80px;}
.ios-deve-mat-txtinner-right .ios-deve-matellio-adavean-right:nth-child(4) .ios-deve-matellio-adaimg img{width:80px;}
.ios-deve-mat-txtinner-right .ios-deve-matellio-adavean-right:nth-child(5) .ios-deve-matellio-adaimg img{width:80px;}

.iot-expertise-content-inner .iot-expertise-content:nth-child(1) img{width:90px;}
.iot-expertise-content-inner .iot-expertise-content:nth-child(2) img{width:120px;}
.iot-expertise-content-inner .iot-expertise-content:nth-child(3) img{width:70px;}
.iot-expertise-content-inner .iot-expertise-content:nth-child(4) img{width:90px;}

.iot-advantageinner .col-md-4:nth-child(1) .iot-ada-icon-content img{width: 90px;}
.iot-advantageinner .col-md-4:nth-child(2) .iot-ada-icon-content img{width: 90px;}
.iot-advantageinner .col-md-4:nth-child(3) .iot-ada-icon-content img{width: 90px;}
.iot-advantageinner .col-md-4:nth-child(4) .iot-ada-icon-content img{width: 90px;}
.iot-advantageinner .col-md-4:nth-child(5) .iot-ada-icon-content img{width: 90px;}
.iot-advantageinner .col-md-4:nth-child(6) .iot-ada-icon-content img{width: 90px;}
.iot-advantageinner .col-md-4:nth-child(7) .iot-ada-icon-content img{width: 90px;}
.iot-advantageinner .col-md-4:nth-child(8) .iot-ada-icon-content img{width: 90px;}
.iot-advantageinner .col-md-4:nth-child(9) .iot-ada-icon-content img{width: 90px;}

.iot-keyoffring-content .col-md-3:nth-child(1) .keyoffring-icon img{width: 60px;}
.iot-keyoffring-content .col-md-3:nth-child(2) .keyoffring-icon img{width: 60px;}
.iot-keyoffring-content .col-md-3:nth-child(3) .keyoffring-icon img{width: 50px;}
.iot-keyoffring-content .col-md-3:nth-child(4) .keyoffring-icon img{width: 50px;}
.iot-keyoffring-content .col-md-3:nth-child(5) .keyoffring-icon img{width: 30px;}
.iot-keyoffring-content .col-md-3:nth-child(6) .keyoffring-icon img{width: 55px;}
.iot-keyoffring-content .col-md-3:nth-child(7) .keyoffring-icon img{width: 52px;}
.iot-keyoffring-content .col-md-3:nth-child(8) .keyoffring-icon img{width: 60px;}



/*.react-keyexpert-tabsinner .react-keytech-experties-tabs:nth-child(1) .ios-keyes-icon img{width: 55px;}
.react-keyexpert-tabsinner .react-keytech-experties-tabs:nth-child(2) .ios-keyes-icon img{width: 55px;}
.react-keyexpert-tabsinner .react-keytech-experties-tabs:nth-child(3) .ios-keyes-icon img{width: 55px;}
.react-keyexpert-tabsinner .react-keytech-experties-tabs:nth-child(4) .ios-keyes-icon img{width: 80px;}
.react-keyexpert-tabsinner .react-keytech-experties-tabs:nth-child(5) .ios-keyes-icon img{width: 40px;}
.react-keyexpert-tabsinner .react-keytech-experties-tabs:nth-child(6) .ios-keyes-icon img{width: 50px;}
.react-keyexpert-tabsinner .react-keytech-experties-tabs:nth-child(7) .ios-keyes-icon img{width: 50px;}*/

.react-app-dev-mask .col-xs-6 .iot-keyoffring-box{min-height: 232px;}

.react-app-dev-mask .col-xs-6:nth-child(1) .keyoffring-icon img{width: 70px;}
.react-app-dev-mask .col-xs-6:nth-child(2) .keyoffring-icon img{width: 55px;}
.react-app-dev-mask .col-xs-6:nth-child(3) .keyoffring-icon img{width: 55px;}
.react-app-dev-mask .col-xs-6:nth-child(4) .keyoffring-icon img{width: 55px;}
.react-app-dev-mask .col-xs-6:nth-child(5) .keyoffring-icon img{width: 55px;}
.react-app-dev-mask .col-xs-6:nth-child(6) .keyoffring-icon img{width: 50px;}
.react-app-dev-mask .col-xs-6:nth-child(7) .keyoffring-icon img{width: 55px;}
.react-app-dev-mask .col-xs-6:nth-child(8) .keyoffring-icon img{width: 50px;}

.iot-keyexpert-contentinner .col-xs-4:nth-child(1) .iot-keytech-icon img{width: 40px;}
.iot-keyexpert-contentinner .col-xs-4:nth-child(2) .iot-keytech-icon img{width: 60px;}
.iot-keyexpert-contentinner .col-xs-4:nth-child(3) .iot-keytech-icon img{width: 60px;}
.iot-keyexpert-contentinner .col-xs-4:nth-child(4) .iot-keytech-icon img{width: 60px;}
.iot-keyexpert-contentinner .col-xs-4:nth-child(5) .iot-keytech-icon img{width: 30px;}
.iot-keyexpert-contentinner .col-xs-4:nth-child(6) .iot-keytech-icon img{width: 70px;}
.iot-keyexpert-contentinner .col-xs-4:nth-child(7) .iot-keytech-icon img{width: 45px;}
.iot-keyexpert-contentinner .col-xs-4:nth-child(8) .iot-keytech-icon img{width: 50px;}

.ionic-keyexpert-contentinner .col-xs-4:nth-child(1) .iot-keytech-icon img{width: 55px;}
.ionic-keyexpert-contentinner .col-xs-4:nth-child(2) .iot-keytech-icon img{width: 55px;}
.ionic-keyexpert-contentinner .col-xs-4:nth-child(3) .iot-keytech-icon img{width: 55px;}
.ionic-keyexpert-contentinner .col-xs-4:nth-child(4) .iot-keytech-icon img{width: 120px;}
.ionic-keyexpert-contentinner .col-xs-4:nth-child(5) .iot-keytech-icon img{width: 90px;}
.ionic-keyexpert-contentinner .col-xs-4:nth-child(6) .iot-keytech-icon img{width: 45px;}
.ionic-keyexpert-contentinner .col-xs-4:nth-child(7) .iot-keytech-icon img{width: 45px;}
.ionic-keyexpert-contentinner .col-xs-4:nth-child(8) .iot-keytech-icon img{width: 45px;}



/*.ios-keyes-icon img {
	display: inline-block;
	width: 65px;
}*/

.ios-keyes h4 {
	float: left;
	width: 100%;
	margin: 0px;
	color: #353535;
	font-size: 18px;
	font-weight: 500;
}
.iot-slider-white{
	background-color:#fff !important;
}
button.btn.lets-go:focus {
	outline: 0;
}

button.btn.lets-go {
	height: 62px;
	width: 220px;
	background: #193866;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	border-radius: 30px;
	margin: auto;
	margin-top: 20px;
	display: inherit;
	font-weight: 400;
}

.lets-go-animated {
	animation-delay: 1.3s;
	animation-name: bounce;
	visibility: visible;
}

.ios-hireiped-developer {
	float: left;
	width: 100%;
	position: relative;
	background: url(../matellio-one-images/hire-iphone-ipeddeveloper.jpg) no-repeat;
	min-height: 340px;
	background-size: contain;
	background-position: 50% 12%;
}

.ios-hireiped-developer-animated {
	animation-delay: 3s;
	animation-name: fadeInUpBig;
	visibility: visible;
}

.ios-hire-deveper-content-inner {
	float: left;
	width: 100%;
	text-align: center;
	/*margin: 130px 0 0;*/
	margin: 14em 0em 0em 0em;
}

.ios-hireiped-title {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 60px;
	color: #000000;
	font-weight: 100;
}

.ios-hireiped-title span {
	font-weight: 500
}

.ios-hireiped-subtitle {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 22px;
	color: #353535;
	font-weight: 400;
	margin: 15px 0 22px;
}

.ios-hireiped-content {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #353535;
	line-height: 30px;
	margin-bottom: 30px;
	font-weight: 300;
}

button.btn.hire-now,
button.btn.hire-now:focus {
	min-width: 153px;
    height: 58px;
    background: transparent;
    box-shadow: none;
    border: 2px solid #5d5d5d;
    font-size: 24px;
    color: #353535;
    outline: 0;
    margin-top: 35px;
    font-weight: 400;
    transition:all 0.4s ease-in-out;
}

.hire-now-animated {
	animation-delay: 0.8s;
	animation-name: bounce;
	visibility: visible;
}

.ioshire-iphoneicon01 {
	bottom: -32px;
	float: left;
	position: absolute;
}

.ioshire-one {
	animation-delay: 1s;
	animation-name: rollIn;
	visibility: visible;
	left: 0px;
}

.ioshire-iphoneicon02 {
	bottom: 230px;
	float: left;
	position: absolute;
	left: 34%;
}

.ioshire-two {
	animation-delay: 1.1s;
	animation-name: rollIn;
	visibility: visible;
}

.ioshire-iphoneicon03 {
	bottom: 150px;
	float: left;
	position: absolute;
	right: 30%;
}

.ioshire-three {
	animation-delay: 1.2s;
	animation-name: rollIn;
	visibility: visible;
}

.ioshire-iphoneicon04 {
	bottom: -25px;
	float: left;
	position: absolute;
	right: 2%;
}

.ioshire-four {
	animation-delay: 1.3s;
	animation-name: rollIn;
	visibility: visible;
	right: 0px;
}

.mobile-android-development-continer .custom-banner-info{
    width: 67%;
}
.android-banner-sec1 {
    background: url(../matellio-one-images/android-section-onebanner.jpg) no-repeat;
    height: 446px;
    width: 100%;
    background-position: right top;
    background-size: contain;
}
.andriod-appdev-content-inner {
	float: left;
	width: 100%;
	text-align: center;
	margin: 10em 0em 0em 0em;
}
.andriod-appdev-title {
    float: left;
    width: 100%;
    font-size: 50px;
    color: #000000;
    font-weight: 100;
    text-align: center;
}

.andriod-appdev-title span {
    font-weight: 500;
}

.andriod-appdev-conticon {
    float: left;
    width: 100%;
}

.andriod-appdev-icon {
    float: left;
    width: 70px;
}

.andriod-appdev-icon span {
    display: block;
    /*text-align: center;*/
    font-size: 14px;
    color: #353535;
    line-height: 16px;
    font-weight: 400
}

.andriod-app-icon {
    height: 60px;
    display: flex;
    align-items: center;
   /* justify-content: center;*/
}

.andriod-appdev-content ul {
    padding: 0;
    margin: 6px 0 0;
    padding-left: 20px;
    display: inline-block;
}

.andriod-appdev-content ul li {
    float: left;
    width: 100%;
    margin-bottom: 6px;
    font-size: 18px;
    color: #353535;
    font-weight: 400;
}

.andriod-appdev-content h2 {
    font-size: 32px;
    color: #353535;
    font-weight: 400;
}

.andriod-appdev-content p {
    color: #353535;
    font-size: 18px;
    font-weight: 400;
}

.andriod-appdev-content-outer {
    float: left;
    width: 100%;
    margin: 40px 0 0;
}

.andriod-appdev-content-left {
    float: left;
    width: 530px;
}

.andriod-appdev-content {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.andriod-appdev-content-right {
    min-height: 650px;
    align-items: center;
    justify-content: flex-end;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.android-matellio-advamiddle {
    float: left;
    width: 40%;
    text-align: center;
    margin: 12px 0 0;
}

.android-matellio-advamiddle img {
    display: inline-block;
}

.android-matellio-advaleft {
    float: left;
    width: 30%;
    text-align: right;
}

.android-matellio-adv-content {
    float: left;
    width: 100%;
    margin-bottom: 86px;
}

.android-matellio-adv-content h3 {
    float: left;
    width: 100%;
    font-size: 22px;
    color: #353535;
    margin: 0 0 10px;
    font-weight: 500;
}

.android-matellio-adv-content p {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #353535;
    line-height: 28px;
    font-weight: 400;
}

.android-matellio-advaright {
    float: left;
    width: 30%;
    text-align: left;
}
.android-matellio-advaright .android-matellio-adv-content{
	margin-bottom: 58px;
}
.android-matellio-advantage {
    float: left;
    width: 100%;
    margin: 75px 0 0;
}

.android-keyoff-contewhitebox {
    background: #fff;
    height: 160px;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.android-keyoff-con {
    width: 200px;
    display: inline-block;
    margin: 20px 18px;
}

.android-keyoff-con h4 {
    float: left;
    width: 100%;
    font-size: 18px;
    text-align: center;
    color: #353535;
    line-height: 24px;
    margin: 12px 0 0;
    font-weight: 500;
}

.android-keyoffring-content {
    float: left;
    width: 100%;
    text-align: center;
    margin: 40px 0 0;
}

.android-dev-bugtool {
    text-align: center;
    float: left;
    width: 100%;
    border-top: 1px solid #e4e4e4;
     margin: 30px 0px 40px;
}
.android-dev-bugtool-icon img {
    display: inline-block;
    margin: 0 30px;
    
}
.android-dev-bugtool-icon img:nth-child(1){
	width: 90px;
}
.android-dev-bugtool-icon img:nth-child(2){
	width: 110px;
}
.android-dev-bugtool-icon img:nth-child(3){
	width: 140px;
}
.android-dev-bugtool-icon img:nth-child(4){
	width: 150px;
}

.android-dev-bugtool h1 {
    font-size: 30px;
    color: #000000;
    font-weight: 300;
}

.android-dev-bugtool h1 span {
    font-weight: 600;
}

.android-develop-keyexpert .ios-keyes{
    margin-bottom: 30px;
}

.ios-keyexpert-contentinner.android-develop-keyexpert {
    margin: 30px 0 0;
}

.android-dev-bugtool h2 {
    font-size: 32px;
    color: #000000;
    font-weight: 100;
    margin: 35px 0 15px;
}

.android-dev-bugtool h2 span{
    font-weight: 500
}

.android-dev-bugtool-icon {
    float: left;
    width: 100%;
    margin: 20px 0 0;
}

.android-develper-banner {
    float: left;
    width: 100%;
    position: relative;
    background: url(../matellio-one-images/hire-androird-devslides_bg.jpg) no-repeat;
    min-height: 340px;
    background-size: contain;
    background-position: bottom;
}

.android-hire-icon1 {
    position: absolute;
    top: 25PX;
}
.android-hire-one {
	animation-delay: 1s;
	animation-name: rollIn;
	visibility: visible;
	left: 0px;
}
.android-hire-icon2 {
    position: absolute;
    right: -38px;
    top: 100px;
}
.android-hire-two {
	animation-delay: 1.1s;
	animation-name: rollIn;
	visibility: visible;
}
.android-hire-icon3 {
    position: absolute;
    top: 350px;
    left: 223px;
}
.android-hire-three {
	animation-delay: 1.2s;
	animation-name: rollIn;
	visibility: visible;
}
.android-hire-icon4 {
    position: absolute;
    top: 300px;
    right: 210px;
}
.android-hire-four {
	animation-delay: 1.3s;
	animation-name: rollIn;
	visibility: visible;
}

.android-develper-banner .fp-tableCell{
    display: inherit !important;
}

button.btn.lets-talk:focus {
	outline: 0;
}

button.btn.lets-talk {
	height: 62px;
	width: 220px;
	background: #193866;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	border-radius: 30px;
	margin: auto;
	margin-top: 0px;
	display: inherit;
	font-weight: 400;
}

.lets-talk-animated {
	animation-delay: 1.3s;
	animation-name: bounce;
	visibility: visible;
}

section#section1 {
    /*background: url(../matellio-one-images/android-devlp-servi-rgt.png);*/
    background-repeat: no-repeat;
    background-position: -10% 90%;
}
/*mukesh sir*/

.ourclientslider-title {
	float: left;
	width: 100%;
	font-size: 36px;
	color: #000000;
	text-align: center;
	margin: 100px 0px 50px 0px;
}

.ourclientslider-title span {
	margin: 0px 7px;
}

.custom-header .container-fluid {
	padding-left: 30PX;
	padding-right: 30PX;
}

.workflowimage-flow {
	margin: 0 auto;
	width: 100%;
	position: relative;
	display: block;
}

.workflowimage-flow-mobile {
	display: none;
}

.workflowimage-flow img:nth-child(2) {
	position: absolute;
	top: 70%;
	left: 7%;
	width: 115px;
	transition: 0.3s ease;
	cursor: pointer;
}

.workflowimage-flow img:nth-child(2):hover {
	transform: scale(1.1, 1.1);
	opacity: 1;
}

.workflowimage-flow img:nth-child(3) {
	position: absolute;
	top: 68%;
	left: 22.5%;
	width: 70px;
	transition: 0.3s ease;
	cursor: pointer;
}

.workflowimage-flow img:nth-child(3):hover {
	transform: scale(1.1, 1.1);
	opacity: 1;
}

.workflowimage-flow img:nth-child(4) {
	position: absolute;
	top: 71.9%;
	left: 32.5%;
	width: 80px;
	transition: 0.3s ease;
	cursor: pointer;
}

.workflowimage-flow img:nth-child(4):hover {
	transform: scale(1.1, 1.1);
	opacity: 1;
}

.workflowimage-flow img:nth-child(5) {
	position: absolute;
	top: 70%;
	left: 46%;
	transition: 0.3s ease;
	width:100px;
	cursor: pointer;
}

.workflowimage-flow img:nth-child(5):hover {
	transform: scale(1.1, 1.1);
	opacity: 1;
}

.workflowimage-flow img:nth-child(6) {
	position: absolute;
	top: 38%;
	left: 55%;
	width: 75px;
	transition: 0.3s ease;
	cursor: pointer;
}

.workflowimage-flow img:nth-child(6):hover {
	transform: scale(1.1, 1.1);
	opacity: 1;
}

.workflowimage-flow img:nth-child(7) {
	position: absolute;
	top: 36%;
    left: 38.5%;
    width: 95px;
	transition: 0.3s ease;
	cursor: pointer;
}

.workflowimage-flow img:nth-child(7):hover {
	transform: scale(1.1, 1.1);
	opacity: 1;
}

.workflowimage-flow img:nth-child(8) {
	position: absolute;
	top: 73.6%;
    left: 72.5%;
    width: 70px;
	transition: 0.3s ease;
	cursor: pointer;
}

.workflowimage-flow img:nth-child(8):hover {
	transform: scale(1.1, 1.1);
	opacity: 1;
}

.animatearrow {
	background: url('../matellio-one-images/arrow-sprit-img.png') no-repeat;
	height: 90px;
	width: 54px;
	position: absolute;
	top: 58%;
	right: 8%;
	cursor: pointer;
	overflow: hidden;
	background-position: 6% 0%;
}

.animatearrow:hover {
	background: url('../matellio-one-images/arrow-sprit-img.png') no-repeat;
	height: 90px;
	overflow: hidden;
	background-position: 6% 100%;
}

.owl-carousel .owl-item img {
	width: auto;
}

.mob-dev-ourshowcase-inne .owl-carousel .owl-item img {
	width: auto;
	margin-top: 30px;
}

.certification-slider-mobile {
	float: left;
	width: 100%;
}

.certification-slider-mobile img {
	width: auto !important;
}

.clients-corner-mask-mobile {
	display: none;
}

.certification-mask-mobile {
	display: none;
}

.in-images-slider {
	float: left;
	width: 100%;
}

.clients-review-slider {
	float: left;
	width: 100%;
	margin-top: 50px;
}

.clients-review-inner {
	align-items: center;
	justify-content: center;
	flex-direction: column;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.clients-review-slider {
	text-align: center;
}

.clients-review-slider .item {
	text-align: center;
}

.clients-review-slider .item img {
	display: inline-block;
}

.clients-review-slider .owl-item {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.clients-review-slider .owl-item.center {
	transform: scale(1.1);
	background: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.clients-slide-content {
	border: 1px solid #ebebeb;
	border-radius: 6px;
	padding: 24px;
	min-height: 400px;
}

.client-img {
	height: 90px;
	width: 145px;
	/*border: 2px solid #d7d7d7;*/
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	
	position: relative;
}
.client-img img{
	width: 100px !important;
	max-height: 75px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
	display: inline-block !important;
}
.clients-review-slider .owl-item.center h4 {
	font-size: 28px;
	color: #353535;
}

.clients-review-slider .owl-item.center p {
	font-size: 17px;
	color: #353535;
	line-height: 22px;
}

.clients-review-slider .item {
	text-align: center;
	/*min-height: 600px;*/
	align-items: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.clients-review-slider .owl-theme .owl-nav.disabled+.owl-dots{margin-top: 30px;}
.owl-item.active.center .item .clients-slide-content {
	min-height: 500px;
	box-shadow: 0px 1px 20px 1px #f8f8f8;
}

.tab-pane {
	padding: 15px;
}

.nav-tabs {
	position: relative;
	border: none!important;
	background-color: #fff;
	border-radius: 6px;
}

.nav-tabs li {
	margin: 0px!important;
}

.nav-tabs li a {
	position: relative;
	margin-right: 0px!important;
	padding: 20px 40px!important;
	font-size: 16px;
	border: none!important;
	color: #333;
}

.nav-tabs a:hover {
	background-color: #fff!important;
	border: none;
}

.slider {
	display: inline-block;
	width: 30px;
	height: 2px;
	border-radius: 3px;
	background-color: #223547;
	position: absolute;
	z-index: 1200;
	bottom: -2px;
	transition: all .4s linear;
}

.nav-tabs .active {
	background-color: transparent!important;
	border: none!important;
	color: #6f6f6f!important;
}

.nav-link.active {
	color: #353535;
}

.mobdev-tabsinnrer {
	display: block;
}

.mobdev-tabslayout {
	display: none;
}

.mob-dev-mobappdev-inner-responsive {
	display: none;
}

.clients-slide-content h4 {
	/*font-size: 30px;*/
	font-size: 23px;
	font-weight: 400;
	color: #353535;
	margin: 20px 0 15px;
}
.clients-slide-content h2 {
	/*font-size: 30px;*/
	font-size: 16px;
	font-weight: 500;
	color: #9f9f9f;
	margin: 0px 0 10px;
	text-transform: uppercase;
}
.clients-slide-content p {
	color: #353535;
	font-weight: 400;
	/*font-size: 16px;
	line-height: 28px;*/
	font-size: 15px;
	line-height: 25px;
}

.owl-item.active.center p {
	font-size: 17px;
	line-height: 30px;
}

.mob-dev-ourshowcase-icon svg {
	margin-right: 10px;
	cursor: pointer;
}

.mob-dev-ourshowcase-icon svg:hover path {
	fill: #353535;
}

.ios-develo-onesection .custom-banner-info {
	width: 55%;
}

.ios-develo-onesection .custom-banner-img {
	width: 45%;
}

.ios-develp-ser-more {
	float: left;
	width: 100%;
}

.ios-develp-ser-more-inner {
	float: left;
	width: 100%;
	margin: 20px 0 0;
}

.ios-develp-ser-more-inner h4 {
	font-size: 19px;
	color: #353535;
	margin: 0 0 2px;
	font-weight: 700;
}

.ios-develp-ser-more-inner p {
	color: #353535;
	font-size: 19px;
	font-weight: 400;
	margin: 0;
}
.ios-develop-services-title {
	float: left;
	width: 100%;
	font-size: 50px;
	font-weight: 100;
	color: #000000;
	line-height: 60px;
	margin: 0 0 20px;
}

.ios-commonpage-title {
	float: left;
	width: 100%;
	font-size: 36px;
	font-weight: 100;
	color: #000000;
	line-height: 50px;
	margin: 0 0 25px;
}

.ios-commonpage-title span {
	float: none;
	font-weight: 500;
}

.ios-development-services-content {
	float: left;
	width: 100%;
	padding: 0 0 0 25px;
}

.ios-develp-servicesimg {
	float: left;
	width: 100%;
	min-height: 670px;
	display: flex;
	align-items: center;
}

.ios-develop-matellio-advantage {
	float: left;
	width: 100%;
}

.ios-develop-matellio-advantage h1 {
	float: left;
	width: 100%;
	font-size: 36px;
	color: #000000;
	font-weight: 100;
}

.ios-develop-matellio-advantage p {
	float: left;
	width: 100%;
	font-size: 18px;
	color: #353535;
	font-weight: 400;
	margin: 0px;
}

.bannerimg-text {
	background: url(../matellio-one-images/svg/mobiledevelop_banner.svg) no-repeat;
	height: 425px;
	width: 100%;
	background-position: right top;
	background-size: contain;
}

.ios-bannerimg-text {
	background: url(../matellio-one-images/ios-app-development-banner.jpg) no-repeat;
	height: 446px;
	width: 100%;
	background-position: right top;
	background-size: contain;
}
.android-bannerimg-text {
	background: url(../matellio-one-images/android-application-development-banner.jpg) no-repeat;
	height: 446px;
	width: 100%;
	/*background-position: right top;
	background-size: contain;*/
	background-position: 100% 35px;
	background-size: 36%;
}
.react-bannerimg-text {
	/*background: url(../matellio-one-images/react-banner.jpg) no-repeat;*/
	background: url(../matellio-one-images/react-native-app-development-banner.svg) no-repeat;
	
	height: 446px;
	width: 100%;
	background-position: right top;
	background-size: contain;
}
.ionic-bannerimg-text {
	background: url(../matellio-one-images/ionic-sec-hero-new.png) no-repeat;
	height: 446px;
	width: 100%;
	background-position: right top;
	background-size: contain;
}
.iot-bannerimg-text {
	background: url(../matellio-one-images/iot-banner.jpg) no-repeat;
	height: 430px;
	width: 100%;
	background-position: right top;
}
.for-first-time {
	display: none;
}

.section-onceappear {
	display: block;
	float: left;
	width: 100%;
	height: 100vh;
	background-color: transparent;
}

.bannerimg-text {
	display: block;
}

.mobile-slider-top-img {
	display: none;
}

.matellio-advance-one {
	animation-delay: 1.1s;
	animation-name: fadeInDown;
	visibility: visible;
}

.matellio-advance-two {
	animation-delay: 1.3s;
	animation-name: fadeInDown;
	visibility: visible;
}

.matellio-advance-three {
	animation-delay: 1.5s;
	animation-name: fadeInDown;
	visibility: visible;
}

.matellio-advance-four {
	animation-delay: 1.7s;
	animation-name: fadeInDown;
	visibility: visible;
}

.matellio-advance-five {
	animation-delay: 1.9s;
	animation-name: fadeInDown;
	visibility: visible;
}

.matellio-advance-six {
	animation-delay: 2.1s;
	animation-name: fadeInDown;
	visibility: visible;
}

.matellio-advance-seven {
	animation-delay: 2.3s;
	animation-name: fadeInDown;
	visibility: visible;
}

.matellio-advance-eight {
	animation-delay: 2.5s;
	animation-name: fadeInDown;
	visibility: visible;
}

.matellio-advance-nine {
	animation-delay: 2.7s;
	animation-name: fadeInDown;
	visibility: visible;
}

.matellio-advance-ten {
	animation-delay: 2.9s;
	animation-name: fadeInDown;
	visibility: visible;
}

.key-offering-one {
	animation-delay: 0.5s;
	animation-name: fadeInUpBig;
	visibility: visible;
}

.key-offering-two {
	animation-delay: 0.5s;
	animation-name: fadeInUpBig;
	visibility: visible;
}

.key-offering-three {
	animation-delay: 0.5s;
	animation-name: fadeInUpBig;
	visibility: visible;
}

.key-offering-four {
	animation-delay: 0.5s;
	animation-name: fadeInUpBig;
	visibility: visible;
}

.key-offering-five {
	animation-delay: 0.5s;
	animation-name: fadeInUpBig;
	visibility: visible;
}

.key-offering-six {
	animation-delay: 0.5s;
	animation-name: fadeInUpBig;
	visibility: visible;
}

.key-offering-seven {
	animation-delay: 0.5s;
	animation-name: fadeInUpBig;
	visibility: visible;
}

.key-offering-eight {
	animation-delay: 0.5s;
	animation-name: fadeInUpBig;
	visibility: visible;
}

.key-tech-experties-one {
	animation-delay: 0.5s;
	animation-name: flipInX;
	visibility: visible;
}

.key-tech-experties-two {
	animation-delay: 0.7s;
	animation-name: flipInX;
	visibility: visible;
}

.key-tech-experties-three {
	animation-delay: 0.9s;
	animation-name: flipInX;
	visibility: visible;
}

.key-tech-experties-four {
	animation-delay: 1s;
	animation-name: flipInX;
	visibility: visible;
}

.key-tech-experties-five {
	animation-delay: 1.2s;
	animation-name: flipInX;
	visibility: visible;
}

.key-tech-experties-six {
	animation-delay: 1.4s;
	animation-name: flipInX;
	visibility: visible;
}

.key-tech-experties-seven {
	animation-delay: 1.6s;
	animation-name: flipInX;
	visibility: visible;
}

.key-tech-experties-eight {
	animation-delay: 1.8s;
	animation-name: flipInX;
	visibility: visible;
}

.key-tech-experties-nine {
	animation-delay: 2s;
	animation-name: flipInX;
	visibility: visible;
}

.key-tech-experties-ten {
	animation-delay: 2.2s;
	animation-name: flipInX;
	visibility: visible;
}

.key-tech-experties-eleven {
	animation-delay: 2.4s;
	animation-name: flipInX;
	visibility: visible;
}

.key-tech-experties-twelve {
	animation-delay: 2.6s;
	animation-name: flipInX;
	visibility: visible;
}

.matellioadvtitle {
	margin: 80px 0px 10px 0px;
}

.iosdevservice-icons-one {
	animation-delay: 0.8s;
	animation-name: fadeIn;
	visibility: visible;
}

.keytech-icons-oneapperance {
	animation-delay: 0.5s;
	animation-name: fadeIn;
	visibility: visible;
}


.nav-item.active a.nav-link {
    color: #000000 !important;
}

.nav-item a.nav-link {
    color: #9a9a9a !important;
}
.pmtool-title{
	margin-top: 70px;
}
span.ios-develop-key-leftimg {
    float: left;
    width: 62px;
}

.ios-development-services-section-responsive{display:none;}
.ios-deve-mat-txtouter-responsive{display:none;}
.andriod-appdev-content-right-mobile{display:none;}
.android-matellio-advantage-mobile{display:none}
.android-keyoffring-content-mobile{display:none;}


.iot-appsef-lftcontent {
    float: left;
    width: 100%;
    margin: 0 0 76px;
}
.iot-appsef-lftcontent h4 {
    float: left;
    width: 100%;
    font-size: 28px;
    color: #353535;
    font-weight: 300;
    margin: 0 0 12px;
}
.iot-appsef-lftcontent h4 span{
	font-weight: 500;
}
.iot-appsef-lftcontent p {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 15px;
    text-align: justify;
    color: #5b5b5b;
    line-height: 26px;
}
.iot-appsef-platform-lftcontent{
	 float: left;
    width: 100%;
    margin: 0 0 0px;
}
.iot-appsef-platform-lftcontent h4 {
    float: left;
    width: 100%;
    font-size: 28px;
    color: #353535;
    font-weight: 300;
    margin: 0 0 12px;
}
.iot-appsef-platform-lftcontent h4 span{
	font-weight: 500;
}
.iot-appsef-platform-lftcontent p {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 15px;
    color: #5b5b5b;
    text-align: justify;
    line-height: 26px;
}
.iot-appsef-lft-iocn {
    float: left;
    width: 100%;
    margin: 20px 0 0;
    min-height: 80px;
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.iot-appsef-lft-iocn img {
    float: left;
    margin-right: 30px;
}
.iot-appservices-inner-right {
    float: left;
    width: 100%;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    min-height: 560px;
    padding: 28px 34px 0;
}
.iot-appservices-inner-right h2 {
    float: left;
    width: 100%;
    margin: 6px 0 40px;
    font-size: 28px;
    color: #353535;
    font-weight: 300;
}
.iot-appservices-inner-right h2 span{
	font-weight: 500;
}
.iot-appservices-inner-right ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.iot-appservices-inner-right ul li {
    display: inline-block;
    width: 100%;
    list-style: none;
    color: #353535;
    font-size: 18px;
    background-image: url(../matellio-one-images/iot-liicon.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: center left;
    margin-bottom: 30px;
}
.iot-appservices-inner-left {
    float: left;
    width: 100%;
}
.iot-appservices-inner {
    float: left;
    width: 100%;
    margin: 60px 0 0;
}
.iot-expertise-content-inner {
    float: left;
    width: 100%;
    margin: 40px 0 0;
}
.iot-expertise-content{
	float: left;
	width: 48.5%;
	border: 1px solid #f2f2f2;
	border-radius: 10px;
	min-height: 340px;
	margin: 0 0 30px;
	padding: 30px;
	background: #ffffff;
}
.iot-expertise-content p {
    float: left;
    width: 100%;
    color: #5b5b5b;
    font-size: 16px;
    text-align: justify;
    margin: 24px 0 0;
    line-height: 23px;
}
.iot-expertise-content:nth-of-type(2n){
	float: right;
}
.iot-ada-icon-content {
    float: left;
    width: 100%;
    margin: 0 0 45px;
}
.iot-ada-icon-content img{
	display: inline-block;
}
.iot-ada-icon-content h4 {
    font-size: 20px;
    color: #353535;
    float: left;
    width: 100%;
    margin: 12px 0 0;
    line-height: 26px;
}
.iot-ada-icon-content h4 span{
	display: block;
}
.iot-advantageinner {
    float: left;
    width: 100%;
    margin: 40px 0 0;
}
.iot-keyoffring-box {
    min-height: 270px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
}
.iot-keyoffring-box h4{
	font-size: 20px;
	color: #353535;
	margin: 20px 0 0;
}
.keyoffring-icon {
    min-height: 60px;
}
.iot-keytech{
	float: left;
	width: 100%;
	text-align: center;
}
.iot-keytech h4{
	float: left;
	width: 100%;
	margin: 0px;
	font-size: 18px;
	color: #353535;
	font-weight: 400;
}
.iot-keytech-icon img{
	display: inline-block;
}
.iot-keytech {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 30px;
}
.iot-keytech-icon {
    min-height: 92px;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.iot-keyexpert-contentinner {
    float: left;
    width: 100%;
    text-align: center;
    margin: 50px 0 0;
}
.iot-key-container{
	width: 1015px;
	margin: auto;
}
.iot-develper-banner {
    float: left;
    width: 100%;
    position: relative;
    background: url(../matellio-one-images/iot-hire-bg.png) no-repeat;
    background-size: contain;
    background-position: bottom;
}
.iot-develper-banner .andriod-appdev-content-inner {
    margin: 8em 0em 0em 0em;
}
.iot-develper-banner .fp-tableCell{
	vertical-align: top;
}
.iot-develper-banner .ios-hireiped-content {
    margin: 25px 0 10px;
    font-weight: 400;
}
.iot-develper-banner .android-hire-icon1 {
    top: 120PX;
    left: -22px;
}
.iot-develper-banner .android-hire-icon3 {
    top: 32%;
    left: 11%;
}
.iot-develper-banner .android-hire-icon4{
	top: 30%;
    right: 8%;
}
.iot-services-bg {
    background-image: url(../matellio-one-images/iot-bottom-bg.jpg) !important;
    background-size: contain !IMPORTANT;
    background-position: bottom !important;
    min-height: 150px;
    background-repeat: no-repeat;
}
.iot-expertise-bg{
	background-image: url(../matellio-one-images/iot-expertise-bg.jpg) !important;
    background-size: contain !IMPORTANT;
    background-position: bottom !important;
    min-height: 100px;
    background-repeat: no-repeat;
}


.btn.hire-now:hover, .btn.hire-now:focus{
    background: #353535;
    color: #ffffff;
    border: none;
    transition:all 0.4s ease-in-out;
} 
.ionic-keyexpert-contentinner {
    float: left;
    width: 100%;
    text-align: center;
    margin: 50px 0 0;
}
/*.iot-experties-title{
	margin: 15px 0px 10px 0px;
}*/
.react-ad-list{
	float: left;
	width: 410px;
	padding-bottom: 10px;
	margin-bottom: 14px;
	/*border-bottom: 1px solid #f1f1f1;*/
}
.react-ma-icon{
	float: left;
	min-width: 50px;
}
.react-ma-info{
	float: left;
	min-width: 87%;
}
.react-ma-infotext{
	float: left;
	font-size: 22px;
	color: #353535;
	font-weight: 400;
	width: 100%;
	margin-top: 0px;
	text-align: left;
	vertical-align: baseline;
}
.react-deve-mat-txtinner-right{
	float: left;
	width: 100%;
}
.react-deve-mat-txtinner-right img{
	float: right;
}
.react-hireiped-developer {
	float: left;
	width: 100%;
	position: relative;
	background-image: url(../matellio-one-images/hire-react-banner-top.jpg), url(../matellio-one-images/hire-react-banner-bottom-new.jpg);
    background-position: center 9%, center bottom;
    background-repeat: no-repeat
	min-height: 220px;
	background-repeat: no-repeat, no-repeat;
}
.react-hireiped-developer .back-circle-image img:nth-child(1){
	position: absolute;
	right: -35px;
	top: 15%;
	left: inherit;
}
.react-hireiped-developer .back-circle-image img:nth-child(2){
	position: absolute;
	left: 150px;
	top: 62%;
}
.react-hireiped-developer .back-circle-image img:nth-child(3){
	position: absolute;
	right: 130px;
	top: 40%;
}
.react-hireiped-developer .back-circle-image img:nth-child(4){
	position: absolute;
	left: -35px;
	top: 15%;
}
.react-hireiped-developer .ios-hire-deveper-content-inner{
	margin: 5em 0em 0em 0em;
}
.react-app-dev-container{
	width: 1400px;
	margin: 0 auto;
}
.react-app-dev-container .iot-keyoffring-box{
	padding: 15px;
	background-color: #ffffff;
	box-shadow: 0px 7px 14px -1px #ccc;
}
.react-app-dev-container .iot-keyoffring-box h4{
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
}
.react-app-dev-container .iot-keyoffring-box p{
	width: 88%;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
}
.react-app-dev-container .iot-keyoffring-box .keyoffring-icon{
	min-height: auto;
}
.react-keyexpert-tabsinner {
	float: left;
	width: 100%;
	text-align: center;
}
.react-keytech-experties-tabs{
	float: none;
	width: 24%;
	display: inline-block;
	/*margin: 15px 0px;*/
}
.react-develp-services-container{
	width: 1500px;
    margin: 0 auto;
    position: absolute;
    float: none;
    left: 0px;
    bottom: 0px;
    right: 0px;
    top: 0px;
}
.react-develop-left{
	float: left;
	width: 50%;
}
.react-develop-right{
	float: right;
	width: 50%;
}
.react-twopart-layout{
	float: left;
	width: 100%;
	position: relative;
}
.react-lft-gray{
	float: left;
	width: 50%;
	height: 100vh;
	background-color: #f8f8f8;
}
.react-lft-blue{
	background:#2090e4 url(../matellio-one-images/react-logo.png) no-repeat;
	background-position: 500px 50%;
	float: right;
	width: 50%;
	height: 100vh;
}
.react-development-services-content {
    float: left;
    width: 100%;
    padding: 0 0 0 25px;
}
.react-appservices-inner-right {
    float: left;
    width: 100%;
    background-color: transparent;
    border-radius: 4px;
    padding: 0px 0px 0px 45px;
    margin-top: 65px;
}
.react-appservices-inner-right h2 {
    float: left;
    width: 100%;
    margin: 6px 0 60px;
    font-size: 38px;
    color: #ffffff;
    font-weight: 300;
}
.react-appservices-inner-right h2 span{
	font-weight: 500;
}
.react-appservices-inner-right ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.react-appservices-inner-right ul li {
    display: inline-block;
    width: 100%;
    list-style: none;
    color: #ffffff;
    font-size: 27px;
    background-image: url(../matellio-one-images/white-check.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    background-position: left 6px;
    margin-bottom: 30px;
    font-weight: 400;
}
.react-develop-left .ios-develp-servicesimg img{
	margin-top: 165px;
}


.ionic-develop-secone .mobile-development-banner-title{
    /*background: url(../matellio-one-images/ionic_logo.svg);*/
    /*min-height: 230px;*/
    background-repeat: no-repeat;
    flex-direction: column;
    justify-content: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    font-size: 64px;
    line-height: 74px;
    margin-top: 1em;
  }
  .ionic-develop-secone .bannerimg-text{
    background: url(../matellio-one-images/ionic-sec-hero.png) no-repeat;
    min-height: 430px;
    width: 100%;
    background-position: right top;
  }
  .ionic-develop-secone .mobile-development-subtitle span{
   display: block;
  }
  .ionic-develop-secone{
    background: url(../matellio-one-images/ionic_banner_logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .ionic-services-bg {
    background: url(../matellio-one-images/Ionic-App-Development-Services-bg.svg) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }
  .ionic-appdev-sercontent {
    float: left;
    width: 95%;
    color: #ffffff;
    margin: 60px 0 0;
    min-height: 157px;
  }
  .ionic-appdev-sercontent h2 {
    float: left;
    width: 100%;
    margin: 0 0 12px;
    font-size: 30px;
    font-weight: 300;
  }
  .ionic-appdev-sercontent p {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    text-align: justify;
  }
  .ionic-services-bg .site-title-one span{
    font-weight: 100;
  }
  .ionic-services-bg .site-title-one{
    color: #ffffff;
    font-weight: 400;
  }
  .ionic-appdev-sercontent.ionic-appdev-rgt {
    float: right;
    width: 92%;
  }
  .ionic-matellio-adavantage{
    text-align: center;
    float: left;
    width: 100%;
    margin: 90px 0 0;
  }
  .ionic-matellio-adamiddle {
    text-align: center;
    float: left;
    width: 60%;
    position: relative;
  }
  .ionic-matellio-adamiddle img{
    display: inline-block;
  }
  .ionic-matellio-ada-left {
    position: relative;
    float: left;
    width: 18%;
  }
  .ionic-matellio-ada-right{
    position: relative;
    float: left;
    width: 20%;
  }
  .ionic-matellio-ada-taxt {
    font-size: 22px;
    color: #353535;
    line-height: 26px;
    text-align: left;
    margin-bottom: 60px;
  }
  .ionic-matellio-ada-taxt span{
    display: block;
  }
  .ionic-matllieo-adavcontainer {
    margin: auto;
    width: 1365px;
  }
  .ionic-matellio-ada-taxt.ionic-ada-one {
    position: relative;
    left: 85px;
    top: -10px;
  }
  .ionic-matellio-ada-taxt.ionic-ada-two {
    position: relative;
    left: 85px;
  }
  .ionic-matellio-ada-taxt.ionic-ada-three {
    position: relative;
    top: 70px;
    left: 85px;
  }
  .ionic-matellio-ada-taxt.ionic-ada-four {
    position: relative;
    top: 110px;
    left: 85px;
  }
  .ionic-matellio-ada-taxt.ionic-ada-five {
    top: -10px;
    position: relative;
  }
  .ionic-matellio-ada-taxt.ionic-ada-six {
    position: relative;
    top: 25px;
  }
  .ionic-matellio-ada-taxt.ionic-ada-seven {
    position: relative;
    top: 100px;
  }
  .ionic-matellio-ada-taxt.ionic-ada-eight {
    position: relative;
    top: 162px;
  }
  .ionic-keyoffering-slider{
    float: left;
    width: 100%;
  }
  .ionic-keyoffering-bg{
   /* background: #1a3866 !important;*/ 
   color: #ffffff;
  }
  .ionic-develop-content{
    float: left;
    width: 100%;
  }
  .ionic-develop-matellio-advantage {
    float: left;
    width: 100%;
    text-align: center;
  }
  .ionic-develop-matellio-advantage h1{
    font-size: 36px;
    color: #000000;
    font-weight: 300;
  }
  .ionic-develop-matellio-advantage h1 span{
    font-weight: 500;
  }
  .ionic-develop-matellio-advantage .ionic-key-title{
    font-size: 36px;
    color: #000000;
    font-family: Lato,sans-serif;
        margin-bottom: 10px;
    font-weight: 300;
  }
  .ionic-develop-matellio-advantage .ionic-key-title span{
    font-weight: 500;
  }
  .ionic-develop-matellio-advantage p{
    font-weight: 400;
    font-size: 18px;
    color: #000000;
  }
  .ionic-develop-matellio-advantage {
    float: none;
    width: 84%;
    text-align: center;
    margin: auto;
   /* margin-top: 130px;
    margin-bottom: 40px;*/
}
.ionic-keyoffering-txt {
    float: left;
    width: 100%;
    background: #fff;
    color: #494949;
    padding: 35px 50px;
    margin: 0px 0 35px;
}
.ionic-keyoffering-txttop {
    float: left;
    width: 100%;
}
.ionic-keyoffering-txttop img {
    float: left;
}
.ionic-keyoffering-txttop h4 {
    float: left;
    font-size: 18px;
    color: #494949;
    font-weight: 500;
}
.ionic-keyoffering-txttop p {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #494949;
    margin: 0;
    font-weight: 400;
}

button, button:focus{
  outline: none;
}
.ionic-keyoffering-slider .owl-theme .owl-dots .owl-dot.active span, 
.ionic-keyoffering-slider .owl-theme .owl-dots .owl-dot:hover span {
    background: #486085 !important;
}
.ionic-keyoffering-slider button.owl-prev {
    position: absolute;
    left: -104px;
    top: 165px;
}
.ionic-keyoffering-slider button.owl-next {
    position: absolute;
    right: -104px;
    top: 165px;
}

.ionic-keyoffering-slider button.owl-next {
    background: url(../matellio-one-images/ionic-key-next.png) !important;
    height: 70px;
    width: 70px;
    font-size: 0;
}

.ionic-keyoffering-slider button.owl-prev {
    background: url(../matellio-one-images/ionic-key-prev.png) !important;
    height: 70px;
    width: 70px;
    font-size: 0;
}

.ionic-keyoffering-slider button.owl-prev span,
.ionic-keyoffering-slider button.owl-next span{
  display: none;
}
.ionic-keyoffering-txttop span {
    float: left;
    width: 40px;
}
.ionic-keyoffering-txt p {
    float: left;
    width: 100%;
    margin: 20px 0 0;
    font-size: 15px;
    color: #494949;
    line-height: 25px;
}
.ionic-hireappbg{
  background-image: url(../matellio-one-images/ionic-hire-dev-top.png), url(../matellio-one-images/ionic-hire-dev-btm-new.png);
  background-position: center 4px, center bottom;
  background-repeat: no-repeat, no-repeat;
  background-color: #ffffff !important;
}

.ionic-hireappbg .ios-hireiped-content {
    width: 88%;
    font-size: 18px;
    color: #353535;
    font-weight: 500;
    float: none;
    margin: auto;
}
.ionic-hireappbg .ios-hireiped-title {
    margin-bottom: 20px;
}
.ionic-hireappbg button.btn.hire-now {
    margin: 40px 0 0;
}
.ionic-hireappbg .android-hire-icon1 {
    top: 150PX;
    left: -47px;
}
.ionic-hireappbg  .android-hire-icon2 {
    right: -38px;
    top: 26px;
}

.ionic-appdev-sercontent-icon {
    float: left;
    width: 90px;
    text-align: center;
}
.ionic-appdev-sercontent-txt {
    float: left;
    width: 80%;
}



.ionic-hireappbg .ios-hireiped-content {
    width: 88%;
    font-size: 18px;
    color: #353535;
    font-weight: 500;
    float: none;
    margin: auto;
}
.ionic-hireappbg .ios-hireiped-title {
    margin-bottom: 20px;
}
.ionic-hireappbg button.btn.hire-now {
    margin: 40px 0 0;
}
.ionic-hireappbg .android-hire-icon1 {
    top: 150PX;
    left: -47px;
}
.ionic-hireappbg  .android-hire-icon2 {
    right: -38px;
    top: 26px;
}
.formcontact-responsive{float: left;width: 100%;}

.ionic-m-ad{
	margin-bottom: 6px;
}

.ionic-m-ad-con {
    margin: auto !important;
    width: 62% !important;
    float: none !important;
}

span.circle-motion {
    height: 34px;
    width: 34px;
    display: inline-block;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    left: 472px;
    top: 142px;
}

.ionic-app-dev-iocns {
    float: left;
    width: 100%;
    margin-top: 20px;
}


.ionic-app-dev-iocn-box {
    float: left;
    width: 25%;
    text-align: center;
    margin: 30px 0;
    min-height: 150px;
}

.ionic-app-dev-iocnb-icon {
    float: left;
    width: 100%;
    min-height: 80px;
}

.ionic-app-dev-iocnb-icon img{
	display: inline-block;
}

.ionic-app-dev-iocn-box h4 {
    font-size: 18px;
    color: #494949;
    font-weight: 500;
    margin: 10px 0 0;
    display: inline-block;
    line-height: 26px;
}

.ionic-app-dev-iocn-box h4 span{
	display: block;
}


.react-banner-top{
	background: url(../matellio-one-images/React_banner_logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.react-nativeapp{
	background: url(../matellio-one-images/reactnblue-bg-banner.svg) !important;
	background-repeat: no-repeat !important;
    background-size: cover !important;
}

.react-native-appdev {
    float: left;
    width: 100%;
    margin: 70px 0 0;
}

.react-native-darkbluebox {
    float: left;
    width: 48%;
    background: #2f71e1;
    min-height: 235px;
    border-radius: 8px;
    padding: 30px 22px;
    margin: 20px 0;
}

h2.react-nativeapp-title {
    text-align: center;
    color: #ffffff;
    font-size: 36px;
    font-weight: 100;
}

h2.react-nativeapp-title span{
	font-weight: 500;
}

.react-native-darkbluebox.react-native-lightbluebox {
    float: right;
    background: #5a96ff;
}

.react-native-blue-content ul {
    margin: 18px 0 0;
    padding: 0;
}


.react-native-blue-content ul li {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    background: url(../matellio-one-images/right-arrow.png);
    background-repeat: no-repeat;
    padding-left: 26px;
    background-position: center left;
    margin: 7px 0;
}

.react-native-blue-content {
    float: left;
    width: 100%;
    color: #fff;
}

.react-native-blueboxicon {
    float: left;
    width: 60px;
}

.react-native-blue-content {
    float: left;
    width: 85%;
    color: #fff;
}

.react-native-blue-content h2,.react-native-blue-content h3 {
    padding: 0;
    margin: 0;
    font-size: 30px;
    font-weight: 100;
}

.react-native-darkbluebox-img1{
	background: #2f71e1 url(../matellio-one-images/svg/Rapid-Development.svg);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.react-native-darkbluebox-img2{
	float: right;
	background: #5a96ff url(../matellio-one-images/svg/Native-Capabilities.svg);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.react-native-darkbluebox-img3{
	background: #5a96ff url(../matellio-one-images/svg/MVP-Development.svg);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.react-native-darkbluebox-img4{
	float: right;
	background: #2f71e1 url(../matellio-one-images/svg/Quicker-Deployment.svg);
	background-repeat: no-repeat;
	background-position: 99% 100%;
}
h2.react-nativeapp-title {
    text-align: center;
    color: #ffffff;
    font-size: 36px;
    font-weight: 300;
}

h2.react-nativeapp-title span{
	font-weight: 500;
}


.react-native-blue-content ul {
    margin: 18px 0 0;
    padding: 0;
}


.react-native-blue-content ul li {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    background: url(../matellio-one-images/react-bullots.png);
    background-repeat: no-repeat;
    padding-left: 18px;
    background-position: center left;
    margin: 7px 0;
}

.react-native-blue-content {
    float: left;
    width: 100%;
    color: #fff;
}

.react-native-blueboxicon {
    float: left;
    width: 60px;
}

.react-native-blue-content {
    float: left;
    width: 100%;
    color: #fff;
}

.react-native-blue-content h2,.react-native-blue-content h3 {
    padding: 0;
    margin: 0;
    font-size: 30px;
    font-weight: 300;
}

.dark-blue{
	background: #2f71e1 !important;
}

.light-blue{
	background: #5a96ff !important;
}
.showcasecommon .mob-dev-ourshowcase-content h4{margin-bottom: 10px;}
.showcasecommon .mob-dev-ourshowcase-content p{margin:10px 0px 5px;}




.formcontact-responsive{float: left;width: 100%;}


/*from orignal online css*/

.customtoggleheader .navbar-fixed-top .navbar-nav li a{color: #000 !important;}

.customtoggleheader .navbar-fixed-top .dropdown-menu.multi-level{
	padding-right: 10px;
}
.customtoggleheader .navbar-fixed-top{background-color: #ffffff !important; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2)!important;}
.customtoggleheader .navbar-fixed-top .navbar-nav li a .requestaquotebtn{background-color:#1a3866 !important; color: #ffffff !important;}
.form-group input, .form-group textarea{background-color: #fff !important; border: 1px solid #ccc !important; margin: 0px;}

.customtoggleheader .navbar-fixed-top ul.dropdown-menu li a, 
.customtoggleheader .navbar-fixed-top ul.dropdown-menu li.dropdown-submenu .dropdown-menu a {color: #000 !important;}

/*.customtoggleheader .navbar-fixed-top ul.dropdown-menu li.dropdown-submenu .dropdown-menu li:hover a{color: #fff !important;}*/
/*img#captchaimg {
    float: left;
}*/
/*.captchatextboxdiv-new{float: left;width: 100%; background-color: #ffffff; border:1px solid #ccc; color: #000;}*/
.captchatextboxdiv-new input{background-color: #fff !important; border: medium none; height: 45px;border: 1px solid #d7dee9 !important;border-radius: 5px;}
.form-group textarea{height: 200px !important;}
.captcharefreshimgdiv img{margin:5px 0px 0px 10px;}
/*end*/































.ios-hireiped-contet-inner{
	margin: 0 auto;
	width: 60%;
}
.ios-hireiped-content-inner{
	margin: 0 auto;
	width: 70%;
}
.react-deve-mat-txtouter{
	display: inline-block;
	margin-top: 50px;
	width: 100%;
}
.iot-slider-bg{
	background:#f8f8f8 !important;
}
#section0{
	min-height: 100vh;
}
.section.fp-section{
	padding: 0px;
}
.fp-section{
	overflow: hidden;
}
.hide_error_color{
	font-size: 13px !important;
}
.form-group input{
	margin-bottom: 0px !important;
}
#content{
	margin-top: 0px !important;
}
/*.customtoggleheader .navbar-fixed-top .dropdown-submenu>.dropdown-menu {
      
      display: none !important;
    }*/

    .customtoggleheader .navbar-fixed-top .dropdown-submenu.open>.dropdown-menu {
      display: block !important;
    }
    .navbar-right .multi-level.services li:focus   ul li a, .navbar-right .multi-level.services li:hover   ul li a{
        color: #12192c !important;
    }
    .new-site-header.customtoggleheader .navbar-fixed-top .dropdown-submenu:hover>a:after{
		border-color: transparent transparent transparent #ccc;
	}
    .captchaimagediv{
    	float: left;
    }
    .section.fp-section{
    	padding: 0px !important;
    }
body{
	overflow-x: hidden !important;
	/*overflow: inherit !important;*/
}

.android-matellio-adv-content:last-child,
.android-matellio-advaright .android-matellio-adv-content:last-child{
	margin-bottom: 0px !important;
}
.customtoggleheader .navbar-fixed-top.scrolled .dropdown-menu li a{
	color: #000 !important;
}





@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
  }
}
.navbar-right .dropdown-menu {
    /* right: 0; */
    right: inherit;
}
.new-site-header.customtoggleheader .navbar-fixed-top .requestaquotebtn, .customtoggleheader .navbar-fixed-top.centerposition .requestaquotebtn, .customtoggleheader .navbar-fixed-top.scrolled .requestaquotebtn {
    background: #1a3866  !important;
    }
.iot-expertise-img-outer{
	min-height: 36px;
}    
.iot-experties-title{
	margin-bottom: 0px;
	margin-top: 60px;
}

.mob-dev-glance-right{
	position: relative;
	z-index: 999;
}
.ionic-matellio-adamiddle-mobile{
	display: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.footer-form-right .input-field,.footer-form-right .input-field:focus {
		font-size: inherit;
		line-height: 30px;
	}
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 13px;
  }
}

.client-logo-tab{
   display: none;
}
.mobile-android-matellio-image{
	display: none;
}
.modal-backdrop,#mythanksModal{
	position: absolute !important;
}
#mythanksModal .modal-dialog{
  z-index: 99999;
}

.custom-thanks-modal {
  text-align: center;
  padding: 0!important;
}

.custom-thanks-modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  
}

.custom-thanks-modal .modal-dialog {
  	display: inline-block;
  	text-align: left;
  	vertical-align: middle;
  	width: 1180px;
	height: 630px;
}
.custom-thanks-modal .modal-content{
	height: 100%;
	background-color:rgba(248,248,248,1);
}
.custom-thanks-modal .modal-header, .custom-thanks-modal .modal-footer{
	border:medium none;
	padding: 0px;
    min-height: 0px;
}
.modal-content-center{
	float: left;
    width: 100%;
    height: 485px;
    display: table;
}
.modal-content-center-inner{
	height: 100%;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.custom-thanks-modal .modal-header .close {
    margin-right: 60px;
    margin-top: 30px;
}
.custom-thanks-modal .modal-header .close img{ position: relative; top: 0px; right: 0px; }
.custom-thanks-modal .modal-body{
	padding: 0px;
}
.thanks-mone-title{
	float: none;
	display: inline-block;
	width: 100%;
	font-size: 48px;
	color: #000000;
	font-weight: 100;
}
.thanks-beginning{
	float: none;
	display: inline-block;
	width: 100%;
	margin: 16px 0px;
	font-size: 24px;
	color: #000000;
	font-weight: 400;
}
.thanks-understand{
	float: none;
	display: inline-block;
	width: 80%;
	font-size: 16px;
	color: #000000;
	font-weight: 400;
}
.thanks-logoimg{
	float: none;
	display: inline-block;
	width: 100%;
	padding-top: 70px;
}
.thanks-logoimg img{
	float: none;
	display: inline-block;
	margin: 0 auto;
}
.custom-thanks-modal .modal-header .close, .custom-thanks-modal .modal-header .close:focus, .custom-thanks-modal .modal-header .close:hover{
	opacity: 1 !important;
}
.ionic-matellio-adamiddle-mobile{
	display: none;
}

.ios-project-bug-title {
    font-size: 32px;
    color: #000000;
    font-weight: 100;
    margin: 35px 0 15px;
    font-family: Lato,sans-serif;
   
}
.ios-project-bug-title span {
    font-weight: 500;
}
.andriod-appdev-content h3 {
    font-size: 32px;
    color: #353535;
    font-weight: 400;
}


.android-matellio-advantage h2 {
    float: left;
    width: 100%;
    font-size: 32px;
    color: #000000;
    margin: 90px 0 10px;
    font-weight: 100;
    line-height: 48px;
}
.android-matellio-advantage h2 span {
    font-weight: 500;
}
.xamarinKeyCover .ios-commonpage-title{
	    font-family: 'Roboto', sans-serif !important;
}
.mobile-shwo-content{
	display: none;
}
@media (min-width: 1360px) and (max-width: 1399px){
	.ios-project-bug-title {
	    font-size: 24px;
    	margin: 30px 0px 15px;
	}
	.andriod-appdev-content h3 {
	    font-size: 25px;
	    margin-top: 10px;
	}
	.android-matellio-advantage h2 {
	    font-size: 28px;
	}
	.ionic-appdev-sercontent h2,.ionic-appdev-sercontent h3 {
	    font-size: 22px;
	    margin: 0 0 8px;
	}	
	.iot-appservices-inner-right h2,.iot-appservices-inner-right h3 {
	    font-size: 22px;
	    margin: 6px 0 18px;
	}
}
@media (min-width: 1024px) and (max-width: 1279px){
	.iot-appservices-inner-right h2 ,.iot-appservices-inner-right h3{
	    margin: 0px 0 20px;
	    font-size: 22px;
	}
	.iot-section-text .ios-develop-matellio-advantage h2 {
	    margin-top: 40px;
	}
}

@media (min-width: 768px) and (max-width: 1023px){
	.iot-appservices-inner-right h2,.iot-appservices-inner-right h3 {
	    font-size: 18px;
	    margin: 6px 0 20px;
	}
	.ios-develop-matellio-advantage h2,.android-matellio-advantage h2 {
    	font-size: 30px;
	}
	.mobile-development-subtitle{
		max-width: 100%;
	}
	.ios-bannerimg-text,.react-bannerimg-text,.android-bannerimg-text,.ionic-bannerimg-text,.iot-bannerimg-text,.react-bannerimg-text.xamarinApp_Icon {
	    display: block !important; 
	    background: none !important;
	    height: inherit !important ;
	}
	.mobile-shwo-content {
    display: block;
	}
	.react-development-banner-title{
		font-size: 30px;
	    line-height: 40px;
	    display: inline-block;
	    margin-top: 50px;
	    margin-bottom: 0px;
	    text-align: center;
	}
	.custom-banner-info.xamarin_bannerInfo{
		width: 100% !important;
	}
	.xamarin_bannerCover .custom-banner-info.xamarin_bannerInfo .mobile-development-subtitle{
		margin-top: 0px !important; 
	}
	.custom-banner-info.xamarin_bannerInfo .react-development-banner-title,.wearableApp_Icon .custom-banner-info .react-development-banner-title {
	    line-height: 30px !important; 
	    margin-top: 0 !important; 
	}
	.wearableApp_Icon .custom-banner-info,.iot-bannerimg-text .custom-banner-info {
	    width: 100% !important;
	}
}
@media only screen and (max-width: 767px){
	.iot-appservices-inner-right h2,.iot-appservices-inner-right h3 {
	    margin: 6px 0 15px;
	    font-size: 18px;
	}
	.ios-develop-matellio-advantage h2,.android-matellio-advantage h2 {
	    font-size: 24px;
	    margin: 75px 0 10px;
	}
	.ios-bannerimg-text,.react-bannerimg-text,.android-bannerimg-text,.ionic-bannerimg-text,.iot-bannerimg-text,.react-bannerimg-text.xamarinApp_Icon {
	    display: block !important; 
	    background: none !important;
	}
	.our-showcase-btn{
		line-height: 15px;
	}
	.mobile-shwo-content{
		display: block;
	}
	.react-development-banner-title{
		font-size: 30px;
		text-align: center;
		margin-top: 1em;
	    margin-bottom: 10px;
	    text-align: center;
	}
	.mobile-development-subtitle{
		max-width: 100%;
	}
	.react-native-blue-content h3 {
	    font-size: 22px;
	}
	h2.react-nativeapp-title {
	    font-size: 20px;
	    line-height: inherit;
	    margin-top: 70px;
	}
	.custom-banner-info.xamarin_bannerInfo{
		width: 100% !important;
	}
	.xamarin_bannerCover .custom-banner-info.xamarin_bannerInfo .mobile-development-subtitle{
		margin-top: 0px !important; 
	}
	.custom-banner-info.xamarin_bannerInfo .react-development-banner-title,
	.wearableApp_Icon .custom-banner-info .react-development-banner-title {
	    line-height: 30px !important; 
	    margin-top: 0 !important; 
	}
	.wearableApp_Icon .custom-banner-info,.iot-bannerimg-text .custom-banner-info {
	    width: 100% !important;
	}	
}

@media only screen and (max-width: 479px){
	.react-development-banner-title{
		    font-size: 22px;
		    /* margin-top: 30px; */
		    line-height: 30px;
	}
	.react-hireiped-developer .ios-hire-deveper-content-inner{
		    margin: 5em 0em 0em 0em !important;
	}
}