/* reset */
* {padding:0; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #ccc; cursor:help;}
.clear {clear:both;}
.clear:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content: ".";
}
a img {border:none;}
img {border: 0px; -ms-interpolation-mode: bicubic; vertical-align: middle;}
input:focus, textarea:focus, select:focus {outline: none;}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align:
	baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
table button, table input {overflow: auto;}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}
.hide {display: none;}
/* end */
/* fonts */
@font-face {
    font-family: 'exo_2light';
    src: url('../fonts/exo2-light-webfont.eot');
    src: url('../fonts/exo2-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/exo2-light-webfont.woff2') format('woff2'),
         url('../fonts/exo2-light-webfont.woff') format('woff'),
         url('../fonts/exo2-light-webfont.ttf') format('truetype'),
         url('../fonts/exo2-light-webfont.svg#exo_2light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'exo_2bold';
    src: url('../fonts/exo2-bold-webfont.eot');
    src: url('../fonts/exo2-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/exo2-bold-webfont.woff2') format('woff2'),
         url('../fonts/exo2-bold-webfont.woff') format('woff'),
         url('../fonts/exo2-bold-webfont.ttf') format('truetype'),
         url('../fonts/exo2-bold-webfont.svg#exo_2bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'exo_2bold', sans-serif;
	font-weight: normal;
}
h1 > span, h2 > span {
	font-family: 'exo_2light', sans-serif;
}
/* end */
/* basic structure */
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	hyphens: none;
	background: #1b3569;
	-webkit-text-size-adjust: 100%;
}
html {
	font-family: 'exo_2light', sans-serif;
	font-size: 62.5%;
	font-weight: normal;
	color: #fff;
}
.animate, .animate > img, .animate > a, .animate > div {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.container {
	width: 100%;
	height: auto;
	position: relative;
}
.content {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.content > section {
	width: 100%;
	height: auto;
	position: relative;
	padding: 0px 5% 50px 5%;
	z-index: 3;
}
.wrapper {
	width: 100%;
	height: auto;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	padding: 0 5%;
}
.pttnTop {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}
.pttnBtm {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
}
.pttnTop img, .pttnBtm img {width: 100%; height: auto;}
.btnBlueBorder {
	width: auto;
	min-width: 180px;
	padding: 10px 30px;
	border: 2px solid #299ae1;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	font-family: 'exo_2bold', sans-serif;
	font-size: 1.8em;
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	box-shadow: 0 0 15px rgba(94,196,255,0.35);
	-moz-box-shadow: 0 0 15px rgba(94,196,255,0.35);
	-webkit-box-shadow: 0 0 15px rgba(94,196,255,0.35);
	-o-box-shadow: 0 0 15px rgba(94,196,255,0.35);
}
.btnBlueBorder:hover {
	box-shadow: 0 0 25px rgba(94,196,255,0.6);
	-moz-box-shadow: 0 0 25px rgba(94,196,255,0.6);
	-webkit-box-shadow: 0 0 25px rgba(94,196,255,0.6);
	-o-box-shadow: 0 0 25px rgba(94,196,255,0.6);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.btnHover:hover {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	transform: scale(1.05);
	transform-origin: center center;
}
.cardContainer {
	width: 100%;
	max-width: 1200px;
	position: relative;
	margin: 30px auto;
	text-align: center;
}
.cardContainer .card {
	display: inline-block;
	position: relative;
	padding: 30px 20px;
	float: left;
}
.cardContainer .card .cardInner {
	width: 100%;
	background: #091f4a;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.cardContainer .card .cardInner img {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 1;
	left: 0;
}
.cardContainer .card .cardInner .cardContent {
	padding: 50% 10% 20px 10%;
	position: relative;
	z-index: 2;
	text-align: left;
}
.cardContainer .card .cardInner .cardContent .number {
	width: 20%;
	max-width: 100px;
	font-size: 7.0em;
	line-height: 100px;
	float: left;
}
.cardContainer .card .cardInner .cardContent h3 {width: 80%; font-size: 2.0em; float: left; margin-top: 25px;}
.cardContainer .card .cardInner .cardContent p {font-size: 1.4em;}
/* end */
/* header */
header {
	width: 100%;
	max-width: 1200px;
	height: 100px;
	padding: 0 5%;
	z-index: 4;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
header .logoHeader {
	width: 180px;
	height: 59px;
	position: relative;
	float: left;
	margin: 20px 0;
}
header .logoHeader img {width: 100%; height: auto;}
header .btnMenu {
	position: absolute;
	top: 20px;
	right: 20px;
	display: none;
}
header nav {
	float: right;
}
header nav a {
	width: auto;
	line-height: 100px;
	padding: 0 15px;
	margin: 0 2px;
	font-family: 'exo_2bold', sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
header.overlayHeader nav a {color: #240879;}
/* end */
/* footer */
footer {
	width: 100%;
	min-height: 400px;
	background: url(../images/footer_bg.jpg) 0 0 repeat-x;
	background-size: auto 100%;
	color: #fff;
	position: relative;
	z-index: 3;
}
footer .footerShadow {
	width: 100%;
	height: auto;
	position: absolute;
}
footer .footerShadow img {width: 100%; height: auto;}
footer .contactUsContainer {
	width: 100%;
	height: auto;
	position: relative;
	background: url(../images/contact_cta_bg.jpg) center center fixed no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 0 5%;
}
footer .contactUsContainer h2 {
	font-size: 3em;
	color: #fff;
	width: 70%;
	float: left;
	padding: 50px 0;
}
footer .contactUsContainer .contactUsCTA {
	float: right;
	margin: 50px 0;
}
footer .footerMid {
	padding: 70px 5% 70px 5%;
	max-width: 1200px;
	margin: 0 auto;
}
footer .footerColumn {
	float: left;
	display: inline-block;
	position: relative;
	padding: 0 2%;
	margin: 20px 0;
}
footer .footerColumn h3 {
	font-size: 1.6em;
	margin-bottom: 20px;
	color: #fff;
}
footer .footerColumn ul {
	list-style: none;
}
footer .footerColumn ul li {
	font-size: 1.2em;
	margin: 5px 0;
}
footer .footerColumn p {
	font-size: 1.2em;
	margin: 5px 0;
}
footer .footerColumn a {
	font-size: 1.2em;
	margin: 5px 0;
	color: #fff;
	text-decoration: none;
}
footer .footerColumn.footerColumnLogo {width: 20%;}
footer .footerColumn.footerColumnLogo img {width: 149px; height: 48px;}
footer .footerColumn.footerColumnSummary {width: 50%;}
footer .footerColumn.footerColumnInfo {width: 30%;}
footer .footerColumn.footerColumnInfo .linkColumn {
	width: 50%;
	float: left;
}
footer .footerBtm {
	width: 100%;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 1.2em;
	position: absolute;
	left: 0;
	bottom: 0;
}
.scroll-to-top {
  width: 50px;
  height: 50px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  z-index: 2000;
  background-color: rgba(0,0,0,0.7);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  overflow: hidden;
}
.scroll-to-top:before, .scroll-to-top:after {
  content: "";
  position: absolute;
  display: block;
  top: 15px;
  background-color: #fff;
  height: 20px;
  width: 5px;
}
.scroll-to-top:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 28px;
}
.scroll-to-top:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: 28px;
}
.scroll-to-top:focus {
  outline: none;
}
/* end */
/* Homepage */
.homepage .pttnTop {top: 100vh; left: 0;}
.bannerShadow {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.bannerShadow img {width: 100%; height: auto;}
section#heroBanner {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}
section#heroBanner .bg {
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background: url(../images/landing_hero_banner_bg.jpg) center center fixed no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	animation: bgZoom 10s infinite alternate;
	position: absolute;
	z-index: 0;
}
@keyframes bgZoom {
  0% {
    transform: scale(1.0);
  }
  100% {
    transform: scale(1.2);
  }
}
.scroll {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 80vh;
	transform: translateX(-50%);
	z-index: 2;
}
.scroll a {
  padding-top: 60px;
}
.scroll a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
.scroll a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);

  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);

  }
  100% {

  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);

  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);

  }
  100% {

  }
}
section#heroBanner .heroBannerContent {
	width: 50%;
	position: relative;
	left: 0;
	top: 175px;

}
section#heroBanner .heroBannerContent.active {
	-webkit-animation: fadeInLeft 0.25s linear;
  animation: fadeInLeft 0.25s linear;
	opacity: 1;
}
section#heroBanner .heroBannerContent h1 {
	font-size: 6.0em;
	margin-bottom: 15px;
}
section#heroBanner .heroBannerContent p {
	font-size: 1.8em;
	margin-bottom: 15px;
}
section#heroBanner .btnBlueBorder {
	margin-top: 20px;
}
section#howWeWork {
	position: relative;
	margin: 30px auto;
	max-width: 1200px;
}
section#howWeWork h2 {
	font-size: 5.0em;
	float: left;
	margin: 20px 0;
}
section#howWeWork .btnBlueBorder {
	float: right;
	margin: 25px 0;
}
section#howWeWork p {
	width: 100%;
	max-width: 1400px;
	font-size: 1.6em;
	margin: 10px auto;
}
section#howWeWork .workFlow {position: relative; }
section#howWeWork .workFlow.active {
	-webkit-animation: fadeInUp 0.5s linear;
  animation: fadeInUp 0.5s linear;
	opacity: 1;
}
.workFlow.cardContainer .card {
	width: 32%;
}
section#keySellingPoint {
	position: relative;
	height: auto;
	max-width: 1200px;
	margin: 0 auto;
}
section#keySellingPoint .kspImg {
	width: 50%;
	position: relative;
}
section#keySellingPoint .kspImg img {width: 100%; height: auto;}
section#keySellingPoint .kspContent {
	width: 60%;
	position: absolute;
	top: 50%;
	left: 40%;
	transform: translateY(-50%);
	padding-right: 5%;
}
section#keySellingPoint .kspContent h2 {
	font-size: 5.0em;
	margin: 20px 0;
}
section#keySellingPoint .kspContent p {
	font-size: 1.6em;
	margin: 10px 0;
}
section#callToAction {
	max-width: 1200px;
	margin: 60px auto;
	position: relative;
	text-align: center;
}
section#callToAction h2 {
	font-size: 3.0em;
	margin: 20px 0;
}
section#callToAction .btnBlueBorder {
	margin-top: 20px;
}
/* end */
/* Solutions page */
section#appDevelopment {
	position: relative;
	margin: 30px auto;
	max-width: 1200px;
}
section#appDevelopment h2 {
	font-size: 5.0em;
	margin: 20px 0;
}
section#appDevelopment p {
	width: 100%;
	max-width: 1400px;
	font-size: 1.6em;
	margin: 10px auto;
}
.appPhase {}
.appPhase.active {
	-webkit-animation: fadeInUp 0.5s linear;
  animation: fadeInUp 0.5s linear;
	opacity: 1;
}
.appPhase.cardContainer .card {
	width: 32%;
}
section#infraNetwork {
	width: 100%;
	position: relative;
	margin: 30px auto;
	max-width: 1200px;
}
section#infraNetwork h2 {
	font-size: 5.0em;
	margin: 20px auto;
	text-align: center;
	width: 100%;
	max-width: 768px;
}
section#infraNetwork p {
	width: 100%;
	max-width: 1400px;
	font-size: 1.6em;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 768px;
}
.infraNetworkType {}
.infraNetworkType.active {
	-webkit-animation: fadeInUp 0.5s linear;
  animation: fadeInUp 0.5s linear;
	opacity: 1;
}
.infraNetworkType.cardContainer .card {
	width: 49%;
	text-align: left;
}
.infraNetworkType.cardContainer .card p {text-align: left !important;}
section#icoDevelopment {
	position: relative;
	height: auto;
	max-width: 1200px;
	margin: 0 auto;
}
section#icoDevelopment .icoDevelopmentImg {
	width: 50%;
	position: relative;
}
section#icoDevelopment .icoDevelopmentImg img {width: 100%; height: auto;}
section#icoDevelopment .icoDevelopmentContent {
	width: 60%;
	position: absolute;
	top: 50%;
	left: 40%;
	transform: translateY(-50%);
	padding-right: 5%;
}
section#icoDevelopment .icoDevelopmentContent h2 {
	font-size: 5.0em;
	margin: 20px 0;
}
section#icoDevelopment .icoDevelopmentContent p {
	font-size: 1.6em;
	margin: 10px 0;
}
/* end */
/* more solutions page */
section.moreSolutions {
	position: relative;
	height: auto;
	max-width: 1200px;
	margin: 0 auto;
}
section.moreSolutions .msImg {
	width: 50%;
	position: relative;
}
section.moreSolutions .msImg img {width: 100%; height: auto;}
section.moreSolutions .msContent {
	width: 60%;
	position: absolute;
	top: 50%;
	left: 40%;
	transform: translateY(-50%);
	padding-right: 5%;
}
section.moreSolutions .msContent h2 {
	font-size: 5.0em;
	margin: 20px 0 30px 0;
}
section.moreSolutions .msContent h2.gotSub {margin-bottom: 0;}
section.moreSolutions .msContent h3 {
	font-size: 3.0em;
	margin: 0 0 30px 0;
}
section.moreSolutions .msContent p {
	font-size: 1.6em;
	margin: 10px 0;
}
/* end */
/* services page */
section#services {
	width: 100%;
	height: auto;
	position: relative;
	padding: 0px 5% 60px 5%;
	margin: 0 auto;
	max-width: 1200px;
}
section#services h2 {
	font-size: 5.0em;
	margin: 60px 0 20px 0;
	text-align: center;
}
section#services p {
	width: 100%;
	max-width: 720px;
	font-size: 1.6em;
	margin: 10px 0;
}
section#services .serviceContainer {
	width: 100%;
	height: auto;
	position: relative;
	padding: 30px 0;
}
section#services .serviceContainer .serviceType {
	width: 33.33333%;
	float: left;
	padding: 30px 2%;

}
section#services .serviceContainer .serviceType.active {
	-webkit-animation: fadeInUp 0.5s linear;
  animation: fadeInUp 0.5s linear;
	opacity: 1;
}
section#services .serviceContainer .serviceType img {
	width: 114px;
	height: 114px;
	margin: 20px auto 40px auto;
}
section#services .serviceContainer .serviceType h4 {font-size: 2.0em;}
/* end */
/* about page */
section#aboutUs {
	width: 100%;
	height: auto;
	position: relative;
	padding: 0px 5% 60px 5%;
	margin: 0 auto;
	max-width: 1200px;
}
section#aboutUs p {
	width: 100%;
	max-width: 720px;
	font-size: 1.6em;
	margin: 10px 0;
}
.visionMission {}
.visionMission.active {
	-webkit-animation: fadeInUp 0.5s linear;
  animation: fadeInUp 0.5s linear;
	opacity: 1;
}
.visionMission.cardContainer .card {
	width: 49%;
}
/* end */
/* contact page */
.subpage .pttnTop {top: 400px; left: 0;}
.subBannerImg {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}
.subBannerImg img {width: 100%; height: auto;}
section#subBanner {
	width: 100%;
	min-height: 400px;
	height: auto;
	position: relative;
	padding: 0;
	margin: 0;
}
section#subBanner .subBannerContent {
	width: 100%;
	max-width: 720px;
	position: relative;
	padding-top: 300px;

}
section#subBanner .subBannerContent.active {
	opacity: 1;
	-webkit-animation: fadeInLeft 0.25s linear;
  animation: fadeInLeft 0.25s linear;
}
section#subBanner .subBannerContent h1 {
	font-size: 6.0em;
	margin-bottom: 15px;
}
section#contactUs {
	width: 100%;
	height: auto;
	position: relative;
	padding: 60px 0;
	margin: 0 auto;
}
section#contactUs .contactContainer {
	width: 100%;
	height: auto;
	position: relative;

}
section#contactUs .contactContainer.active {
	-webkit-animation: fadeInUp 0.5s linear;
  animation: fadeInUp 0.5s linear;
	opacity: 1;
}
section#contactUs .contactInfo {
	width: 35%;
	height: auto;
	position: relative;
	float: left;
	padding-right: 5%;
}
section#contactUs .contactInfo .map {
	width: 100%;
	height: 300px;
}
section#contactUs .contactInfo h3 {font-size: 1.8em; margin: 30px 0; color: #fff;}
section#contactUs .contactInfo p {font-size: 1.6em;}
section#contactUs .contactForm {
	width: 60%;
	height: auto;
	position: relative;
	float: left;
}
section#contactUs .contactForm h2 {
	font-size: 3em;
	color: #fff;
	margin-bottom: 50px;
}
section#contactUs form {
	width: 100%;
	height: auto;
	position: relative;s
}
section#contactUs form .fieldLabel {
	font-size: 1.6em;
}
section#contactUs form .formTextField {
	width: 100%;
	height: 50px;
	border: 1px solid #299ae1;
	margin: 10px 0 30px 0;
}
section#contactUs form .formTextField input {
	width: 100%;
	height: 50px;
	padding: 0 20px;
	border: none;
	background: none;
	font-family: 'exo_2light', sans-serif;
	font-size: 1.6em;
	color: #fff;
}
section#contactUs form .formTextArea {
	width: 100%;
	height: 150px;
	border: 1px solid #299ae1;
	margin: 10px 0 0 0;
}
section#contactUs form .formTextArea textarea {
	width: 100%;
	height: 150px;
	padding: 0 20px;
	border: none;
	background: none;
	font-family: 'exo_2light', sans-serif;
	font-size: 1.6em;
	color: #fff;
	resize: none;
}
section#contactUs form .btnBlueBorder {
	margin-top: 60px;
	float: right;
	background: none;
}
/* end */
/* max queries */
@media (max-width: 1200px) {
	header .btnMenu {display: block;}
	header nav {
		width: 100%;
		height: 0;
		background: #091f4a;
		position: fixed;
		top: 80px;
		left: 0;
		overflow: hidden;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-ms-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		z-index: 3;
		font-size: 1.8em;
	}
	header.active {overflow: visible;}
	header.active nav {
		height: auto;
		-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
		box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
		float: none;
	}
	header nav a {
		width: 100%;
		display: block;
		float: none;
		margin: 0;
	}
}
@media (max-width: 1024px) {
	section#icoDevelopment .icoDevelopmentImg {
		width: 45%;
		position: relative;
		float: left;
	}
	section#icoDevelopment .icoDevelopmentContent {
		width: 50%;
		position: relative;
		float: left;
		top: 0;
		left: 0;
		transform: translateY(0%);
		padding-right: 5%;
	}
	section#keySellingPoint .kspImg {
		width: 45%;
		position: relative;
		float: left;
	}
	section#keySellingPoint .kspContent {
		width: 50%;
		position: relative;
		float: left;
		top: 0;
		left: 0;
		transform: translateY(0%);
		padding-right: 5%;
	}
	section.moreSolutions .msImg {
		width: 45%;
		position: relative;
		float: left;
	}
	section.moreSolutions .msContent {
		width: 50%;
		position: relative;
		float: left;
		top: 0;
		left: 0;
		transform: translateY(0%);
		padding-right: 5%;
	}
}
@media (max-width: 960px) {
	footer .footerColumn.footerColumnLogo {width: 50%;}
	footer .footerColumn.footerColumnSummary {width: 50%;}
	footer .footerColumn.footerColumnInfo {width: 50%;}
	.workFlow.cardContainer .card {
		width: 49%;
	}
	.appPhase.cardContainer .card {
		width: 49%;
	}
	section#icoDevelopment .icoDevelopmentImg {
		width: 100%;
		float: none;
	}
	section#icoDevelopment .icoDevelopmentContent {
		width: 100%;
		position: relative;
		float: left;
		padding-right: 0;
	}
	section#keySellingPoint .kspImg {
		width: 100%;
		float: none;
	}
	section#keySellingPoint .kspContent {
		width: 100%;
		position: relative;
		float: left;
		padding-right: 0;
	}
	section.moreSolutions .msImg {
		width: 100%;
		float: none;
	}
	section.moreSolutions .msContent {
		width: 100%;
		position: relative;
		float: left;
		padding-right: 0;
	}
	section#services .serviceContainer .serviceType {
		width: 50%;
	}
}
@media (max-width: 768px) {
	.workFlow.cardContainer .card {
		width: 100%;
	}
	section#howWeWork h2 {
		float: none;
		margin: 20px 0 0 0;
	}
	section#howWeWork .btnBlueBorder {
		float: none;
		margin: 25px 0;
	}
	section#keySellingPoint .kspContent h2 {
		font-size: 7.0vw;
	}
	.appPhase.cardContainer .card {
		width: 100%;
	}
	.infraNetworkType.cardContainer .card {
		width: 100%;
	}
	.visionMission.cardContainer .card {
		width: 100%;
	}
	section#contactUs .contactInfo {
		width: 100%;
		float: none;
		padding-right: 0;
		padding-bottom: 30px;
	}
	section#contactUs .contactForm {
		width: 100%;
		float: none;
	}
}
@media (max-width: 640px) {
	footer .footerColumn.footerColumnLogo {width: 100%; float: none;}
	footer .footerColumn.footerColumnSummary {width: 100%; float: none;}
	footer .footerColumn.footerColumnInfo {width: 100%; float: none;}
	section#heroBanner .heroBannerContent {
		width: 100%;
	}
	section#services .serviceContainer .serviceType {
		width: 100%;
		float: none;
		padding: 30px 0;
	}
}
/* end */
/* mobile media queries */
/* iPhone 4 and 4S */
/* Portrait and Landscape */
@media only screen
	and (min-device-width: 320px)
	and (max-device-width: 480px)
	and (-webkit-min-device-pixel-ratio: 2) {
		header .btnMenu {display: block;}
		header nav {
			width: 100%;
			height: 0;
			background: #091f4a;
			position: fixed;
			top: 80px;
			left: 0;
			overflow: hidden;
			-webkit-transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
			-ms-transition: all 0.25s ease-in-out;
			-o-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
			z-index: 3;
			font-size: 1.8em;
		}
		header.active {overflow: visible;}
		header.active nav {
			height: auto;
			-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
			box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
			float: none;
		}
		header nav a {
			width: 100%;
			display: block;
			float: none;
			margin: 0;
		}
		footer .footerColumn.footerColumnLogo {width: 100%; float: none;}
		footer .footerColumn.footerColumnSummary {width: 100%; float: none;}
		footer .footerColumn.footerColumnInfo {width: 100%; float: none;}
		section#heroBanner .heroBannerContent {
			width: 100%;
		}
		section#icoDevelopment .icoDevelopmentImg {
			width: 100%;
			float: none;
		}
		section#icoDevelopment .icoDevelopmentContent {
			width: 100%;
			position: relative;
			float: left;
			padding-right: 0;
		}
		section#keySellingPoint .kspImg {
			width: 100%;
			float: none;
		}
		section#keySellingPoint .kspContent {
			width: 100%;
			position: relative;
			float: left;
			padding-right: 0;
		}
		section.moreSolutions .msImg {
			width: 100%;
			float: none;
		}
		section.moreSolutions .msContent {
			width: 100%;
			position: relative;
			float: left;
			padding-right: 0;
		}
		.workFlow.cardContainer .card {
			width: 100%;
		}
		section#howWeWork h2 {
			float: none;
			margin: 20px 0 0 0;
		}
		section#howWeWork .btnBlueBorder {
			float: none;
			margin: 25px 0;
		}
		section#keySellingPoint .kspContent h2 {
			font-size: 7.0vw;
		}
		.appPhase.cardContainer .card {
			width: 100%;
		}
		.infraNetworkType.cardContainer .card {
			width: 100%;
		}
		.visionMission.cardContainer .card {
			width: 100%;
		}
		section#contactUs .contactInfo {
			width: 100%;
			float: none;
			padding-right: 0;
			padding-bottom: 30px;
		}
		section#contactUs .contactForm {
			width: 100%;
			float: none;
		}
		section#services .serviceContainer .serviceType {
			width: 100%;
			float: none;
			padding: 30px 0;
		}
}
/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
}
/* iPhone 6 */
/* Portrait and Landscape */
@media only screen
	and (min-device-width: 375px)
	and (max-device-width: 667px)
	and (-webkit-min-device-pixel-ratio: 2) {
		header .btnMenu {display: block;}
		header nav {
			width: 100%;
			height: 0;
			background: #091f4a;
			position: fixed;
			top: 80px;
			left: 0;
			overflow: hidden;
			-webkit-transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
			-ms-transition: all 0.25s ease-in-out;
			-o-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
			z-index: 3;
			font-size: 1.8em;
		}
		header.active {overflow: visible;}
		header.active nav {
			height: auto;
			-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
			box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
			float: none;
		}
		header nav a {
			width: 100%;
			display: block;
			float: none;
			margin: 0;
		}
		footer .footerColumn.footerColumnLogo {width: 100%; float: none;}
		footer .footerColumn.footerColumnSummary {width: 100%; float: none;}
		footer .footerColumn.footerColumnInfo {width: 100%; float: none;}
		section#heroBanner .heroBannerContent {
			width: 100%;
		}
		section#icoDevelopment .icoDevelopmentImg {
			width: 100%;
			float: none;
		}
		section#icoDevelopment .icoDevelopmentContent {
			width: 100%;
			position: relative;
			float: left;
			padding-right: 0;
		}
		section#keySellingPoint .kspImg {
			width: 100%;
			float: none;
		}
		section#keySellingPoint .kspContent {
			width: 100%;
			position: relative;
			float: left;
			padding-right: 0;
		}
		section.moreSolutions .msImg {
			width: 100%;
			float: none;
		}
		section.moreSolutions .msContent {
			width: 100%;
			position: relative;
			float: left;
			padding-right: 0;
		}
		.workFlow.cardContainer .card {
			width: 100%;
		}
		section#howWeWork h2 {
			float: none;
			margin: 20px 0 0 0;
		}
		section#howWeWork .btnBlueBorder {
			float: none;
			margin: 25px 0;
		}
		section#keySellingPoint .kspContent h2 {
			font-size: 7.0vw;
		}
		.appPhase.cardContainer .card {
			width: 100%;
		}
		.infraNetworkType.cardContainer .card {
			width: 100%;
		}
		.visionMission.cardContainer .card {
			width: 100%;
		}
		section#contactUs .contactInfo {
			width: 100%;
			float: none;
			padding-right: 0;
			padding-bottom: 30px;
		}
		section#contactUs .contactForm {
			width: 100%;
			float: none;
		}
		section#services .serviceContainer .serviceType {
			width: 100%;
			float: none;
			padding: 30px 0;
		}
}
/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
}
/* iPhone 6+ */
/* Portrait and Landscape */
@media only screen
	and (min-device-width: 414px)
	and (max-device-width: 736px)
	and (-webkit-min-device-pixel-ratio: 3) {
		header .btnMenu {display: block;}
		header nav {
			width: 100%;
			height: 0;
			background: #091f4a;
			position: fixed;
			top: 80px;
			left: 0;
			overflow: hidden;
			-webkit-transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
			-ms-transition: all 0.25s ease-in-out;
			-o-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
			z-index: 3;
			font-size: 1.8em;
		}
		header.active {overflow: visible;}
		header.active nav {
			height: auto;
			-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
			box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
			float: none;
		}
		header nav a {
			width: 100%;
			display: block;
			float: none;
			margin: 0;
		}
		footer .footerColumn.footerColumnLogo {width: 100%; float: none;}
		footer .footerColumn.footerColumnSummary {width: 100%; float: none;}
		footer .footerColumn.footerColumnInfo {width: 100%; float: none;}
		section#heroBanner .heroBannerContent {
			width: 100%;
		}
		section#icoDevelopment .icoDevelopmentImg {
			width: 100%;
			float: none;
		}
		section#icoDevelopment .icoDevelopmentContent {
			width: 100%;
			position: relative;
			float: left;
			padding-right: 0;
		}
		section#keySellingPoint .kspImg {
			width: 100%;
			float: none;
		}
		section#keySellingPoint .kspContent {
			width: 100%;
			position: relative;
			float: left;
			padding-right: 0;
		}
		section.moreSolutions .msImg {
			width: 100%;
			float: none;
		}
		section.moreSolutions .msContent {
			width: 100%;
			position: relative;
			float: left;
			padding-right: 0;
		}
		.workFlow.cardContainer .card {
			width: 100%;
		}
		section#howWeWork h2 {
			float: none;
			margin: 20px 0 0 0;
		}
		section#howWeWork .btnBlueBorder {
			float: none;
			margin: 25px 0;
		}
		section#keySellingPoint .kspContent h2 {
			font-size: 7.0vw;
		}
		.appPhase.cardContainer .card {
			width: 100%;
		}
		.infraNetworkType.cardContainer .card {
			width: 100%;
		}
		.visionMission.cardContainer .card {
			width: 100%;
		}
		section#contactUs .contactInfo {
			width: 100%;
			float: none;
			padding-right: 0;
			padding-bottom: 30px;
		}
		section#contactUs .contactForm {
			width: 100%;
			float: none;
		}
		section#services .serviceContainer .serviceType {
			width: 100%;
			float: none;
			padding: 30px 0;
		}
}
/* Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
}
/* iPhone X */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 3) {
		header .btnMenu {display: block;}
		header nav {
			width: 100%;
			height: 0;
			background: #091f4a;
			position: fixed;
			top: 80px;
			left: 0;
			overflow: hidden;
			-webkit-transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
			-ms-transition: all 0.25s ease-in-out;
			-o-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
			z-index: 3;
			font-size: 1.8em;
		}
		header.active {overflow: visible;}
		header.active nav {
			height: auto;
			-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
			box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
			float: none;
		}
		header nav a {
			width: 100%;
			display: block;
			float: none;
			margin: 0;
		}
		footer .footerColumn.footerColumnLogo {width: 100%; float: none;}
		footer .footerColumn.footerColumnSummary {width: 100%; float: none;}
		footer .footerColumn.footerColumnInfo {width: 100%; float: none;}
		section#heroBanner .heroBannerContent {
			width: 100%;
		}
		section#icoDevelopment .icoDevelopmentImg {
			width: 100%;
			float: none;
		}
		section#icoDevelopment .icoDevelopmentContent {
			width: 100%;
			position: relative;
			float: left;
			padding-right: 0;
		}
		section#keySellingPoint .kspImg {
			width: 100%;
			float: none;
		}
		section#keySellingPoint .kspContent {
			width: 100%;
			position: relative;
			float: left;
			padding-right: 0;
		}
		section.moreSolutions .msImg {
			width: 100%;
			float: none;
		}
		section.moreSolutions .msContent {
			width: 100%;
			position: relative;
			float: left;
			padding-right: 0;
		}
		.workFlow.cardContainer .card {
			width: 100%;
		}
		section#howWeWork h2 {
			float: none;
			margin: 20px 0 0 0;
		}
		section#howWeWork .btnBlueBorder {
			float: none;
			margin: 25px 0;
		}
		section#keySellingPoint .kspContent h2 {
			font-size: 7.0vw;
		}
		.appPhase.cardContainer .card {
			width: 100%;
		}
		.infraNetworkType.cardContainer .card {
			width: 100%;
		}
		.visionMission.cardContainer .card {
			width: 100%;
		}
		section#contactUs .contactInfo {
			width: 100%;
			float: none;
			padding-right: 0;
			padding-bottom: 30px;
		}
		section#contactUs .contactForm {
			width: 100%;
			float: none;
		}
		section#services .serviceContainer .serviceType {
			width: 100%;
			float: none;
			padding: 30px 0;
		}
}
/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {

}