body {
	background-color: rgba(255, 255, 255, .8);
	color: #fff;
	/* overflow: hidden; */
	overflow-x: hidden;
	margin: 0;
	font-family: gesans-regular;
	padding-right: 0px !important;
	-webkit-overflow-scrolling: touch;
}

.label,
section {
	position: relative
}

#gelogo,
.home-heading,
section {
	clear: both
}

.sidenav {
	display: none;
}

.responsive-menu {
	display: none;
}

.cimages img,
.diagram-block,
.mask {
	opacity: 0
}

.logo,
.nav-collapse a,
.nav-toggle {
	-webkit-tap-highlight-color: transparent
}

a {
	color: #0078ff
}

.label {
	top: -60%;
	left: -200%;
	width: 100%;
	text-align: right;
	font-size: 1em;
	color: #718785;
	display: none
}

@font-face {
	font-family: gesans-regular src: url(../fonts/gesans/gesans-regular.ttf)
}

.fb-share-btn {
	position: absolute;
	z-index: 999999;
	height: 10px;
	width: 10px;
	top: 12% !important;
	/* bottom: 32%; */
	left: 25px;
	cursor: pointer;
}

.linkedin-share-btn {
	position: absolute;
	z-index: 999999;
	height: 10px;
	width: 10px;
	top: 18% !important;
	/* bottom: 25%; */
	left: 25px;
	cursor: pointer;
}

.twitter-share-btn {
	position: absolute;
	z-index: 999999;
	height: 10px;
	width: 10px;
	top: 24% !important;
	/* bottom: 18%; */
	left: 25px;
	cursor: pointer;
}

h1 {
	font-size: 6.5em;
	text-align: left
}

h3 {
	margin: 0;
	font-size: 2.4em;
	font-family: gesans-regular, sans-serif
}

.disclaimer {
	bottom: 0;
	z-index: 999999999;
	display: block;
	clear: both;
	background: rgba(0, 0, 0, 0.36);
	color: #b1b3b3;
	position: fixed;
	padding: 10px;
}

.disclaimer a {
	color: #b1b3b3;
}

.know-more-btn {
	/* bottom: 35px; */
	top:60%;
	z-index: 999999999;
	display: block;
	left: 0;
	clear: both;
	color: #b1b3b3;
	position: fixed;
	padding: 10px 6px;
	height:100px;
}

.know-more-btn a {
	color: #b1b3b3;
}

.know-more-btn .sectionIconScroll {
	font-size: 14px;
}

.modal {
	top: 35%;
	overflow-y: hidden;
	margin-right: 0px;
	z-index: 999999999;
}

.popover {
	width: 100%;
	/Max Width of the popover (depending on the container!)/
}

.popover-content {
	width: 100%;
}

#vidibleSecondVideo {
	display: none;
}

#vidibleFirstVideo {
	display: none;
}



.modal-sm {
	width: 90%;
	z-index: 999999999;
	margin-left: 7%;
}

.modal-content {
	background-color: rgba(0, 0, 0, 0.28);
	font-size: 13px;
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: hidden;
}

.modal-dialog {
	top: 75%;
}

.margin-top-5 {
	margin-top: 15px
}

.margin-top-30 {
	margin-top: 30px
}

.margin-top-50 {
	margin-top: 50px
}

.margin-bottom-50 {
	margin-bottom: 50px
}

.margin-bottom-30 {
	margin-bottom: 30px
}

.margin-left-30 {
	margin-left: 30px
}

.padding-right-30 {
	padding-right: 30px
}

.container-fluid {
	padding-left: 0;
	padding-right: 0
}

.fixed,
header {
	width: 100%
}

.fixed,
.mask,
header {
	position: fixed;
	top: 0;
	left: 0
}

.logo {
	text-decoration: none;
	font-weight: 700;
	line-height: 55px;
	padding: 0;
	color: #000;
	float: left
}

section {
	margin: 0
}

.section-inner {
	height: 100%;
	width: 100%
}

.section-content {
	padding: 40px 20px
}

.transparent-bg {
	background-color: rgba(19, 41, 75, .9)
}

.transparent-blue {
	background: -moz-linear-gradient(left, rgba(125, 185, 232, .28) 0, rgba(41, 137, 216, .65) 52%, rgba(41, 137, 216, .66) 54%, rgba(32, 124, 202, .68) 57%, rgba(0, 94, 184, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(125, 185, 232, .28) 0, rgba(41, 137, 216, .65) 52%, rgba(41, 137, 216, .66) 54%, rgba(32, 124, 202, .68) 57%, rgba(0, 94, 184, 1) 100%);
	background: linear-gradient(to right, rgba(125, 185, 232, .28) 0, rgba(41, 137, 216, .65) 52%, rgba(41, 137, 216, .66) 54%, rgba(32, 124, 202, .68) 57%, rgba(0, 94, 184, 1) 100%)
}

.transparent-green {
	background: -moz-linear-gradient(left, rgba(5, 2, 2, .9) 34%, rgba(5, 2, 2, .87) 41%, rgba(24, 19, 0, .65) 96%, rgba(25, 20, 0, .79) 100%);
	background: -webkit-linear-gradient(left, rgba(5, 2, 2, .9) 34%, rgba(5, 2, 2, .87) 41%, rgba(24, 19, 0, .65) 96%, rgba(25, 20, 0, .79) 100%);
	background: linear-gradient(to right, rgba(5, 2, 2, .9) 34%, rgba(5, 2, 2, .87) 41%, rgba(24, 19, 0, .65) 96%, rgba(25, 20, 0, .79) 100%)
}

.scroll-down-icon a:link,
.scroll-down-icon a:visited {
	text-decoration: none;
	color: #fff
}

.scroll-down-icon2 a:link,
.scroll-down-icon2 a:visited {
	text-decoration: none;
	color: #fff
}

#canvas,
.dg-pillar-top-left {
	top: 0;
	left: 0
}

#one h1,
.blue-header,
.blue-header h1 {
	text-align: center
}

#canvas {
	width: 100%;
	overflow: hidden;
	position: absolute;
	background: #13294b;
	background: -moz-linear-gradient(left, rgba(19, 41, 75, 1) 47%, rgba(19, 41, 75, 1) 47%, rgba(19, 41, 75, 1) 49%, rgba(19, 41, 75, 1) 50%, rgba(41, 137, 216, 1) 50%, rgba(19, 41, 75, 1) 50%, rgba(99, 102, 106, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(19, 41, 75, 1) 47%, rgba(19, 41, 75, 1) 47%, rgba(19, 41, 75, 1) 49%, rgba(19, 41, 75, 1) 50%, rgba(41, 137, 216, 1) 50%, rgba(19, 41, 75, 1) 50%, rgba(99, 102, 106, 1) 100%);
	background: linear-gradient(to right, rgba(19, 41, 75, 1) 47%, rgba(19, 41, 75, 1) 47%, rgba(19, 41, 75, 1) 49%, rgba(19, 41, 75, 1) 50%, rgba(41, 137, 216, 1) 50%, rgba(19, 41, 75, 1) 50%, rgba(99, 102, 106, 1) 100%)
}

.canvas-wrap,
.diagram-block {
	position: relative
}

div.canvas-content {
	position: relative;
	z-index: 2000;
	color: #fff;
	text-align: center
}

#gelogo {
	width: 12%;
	margin: 8% 6% 6%;
	display: block;
	float: left
}

#one h1 {
	margin-top: 16%;
	max-width: 100%;
	line-height: 80px;
	font-size: 7.8rem;
	text-shadow: 2px 4px 6px rgba(0, 0, 0, .5);
	color: #00B5E2
}

.sectionIconScroll {
	display: block;
	margin-top: 20px;
	font-size: 24px
}

.videoIconScroll {
	display: block;
	margin-top: -35px;
	font-size: 24px
}

.sec1Block1,
.sec1Block2 {
	width: 50%
}

.sec1Block2 h3 {
	width: 80%;
	line-height: 34px;
	font-size: 22px
}

.closevideo {
	position: absolute;
	z-index: 999999;
	height: 10px;
	width: 10px;
	top: 52px;
	right: 42px;
	cursor: pointer;
	display: none;
}

.close2video {
	position: absolute;
	z-index: 999999;
	height: 10px;
	width: 10px;
	top: 52px;
	right: 42px;
	cursor: pointer;
	display: none;
}

.close3video {
	position: absolute;
	z-index: 999999;
	height: 10px;
	width: 10px;
	top: 52px;
	right: 42px;
	cursor: pointer;
	display: none;
}

.videoSec {
	height: 325px
}

.diagram2 {
	display: none
}

.blue {
	z-index: 9;
	background: url(../img/Power1.jpg);
	background-size: 100%
}

.blue-header {
	background-color: transparent;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
	font-size: 50px
}

.blue-header h1 {
	font-size: 65px
}

.blue-content {
	padding-top: 20px;
	color: #fff;
	font-size: 22px;
	margin-top: 35px
}

.wheels {
	padding-top: 0
}

.wheels img {
	width: 35%
}

#spinningWheelsImg {
	max-width: 80%;
	float: none
}

.iiot-points ul {
	padding: 0;
	margin-top: 40px
}

.iiot-points ul li {
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 8px
}

.text-grey {
	color: #fff;
	font-size: 31px;
	padding: 0;
	line-height: 10px;
	margin: 15px auto
}

.slide2-block-left .text-grey {
	width: 75%
}

.slide2-block-right .text-grey {
	width: 400px
}

.text-gray {
	color: #fff;
	font-size: 26px;
	text-align: left;
	padding-left: 0;
	font-weight: 300px
}

.text-blue {
	color: #fff;
	text-align: left;
	font-size: 48px;
	font-weight: 600
}

.text-blue-lower {
	color: #fff;
	text-align: left;
	font-size: 24px
}

.slide2-text-orange {
	color: #FE5000;
	text-align: left;
	font-size: 48px;
	font-weight: 600
}

.text-star {
	color: #FE5000;
	font-size: 20px;
}

.conclusion {
	font-size: 20px;
	font-weight: 600;
	font-style: normal!important;
	color: #fff;
	background: rgba(19, 41, 75, .76);
	margin: 10px 30px 0;
	padding: 20px 0 10px
}

.conclusion span {
	display: block;
	font-size: 34px;
	line-height: 50px;
	color: #FE5000
}

.slide2-list-text {
	font-size: 18px;
	padding: 0 50px;
	text-align: left
}

.slide2-list-text .inner-bullet-point {
	border: 1px solid #fff;
	padding: 10px;
	height: 120px;
	margin-top: -16px
}

#section2scroll {
	margin-top: -65px!important;
	display: inline-block!important
}

.footer {
	background-size: 100%;
	display: table;
	width: 100%
}

.footer-text {
	color: #fff;
	margin-top: 10px;
	font-size: 12px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px;
}

.green {
	z-index: 9;
	background: url(../img/bg-2.jpg) no-repeat;
	background-size: 100%
}

.green-header {
	color: #fff;
	font-size: 50px;
	text-align: center
}

.green-header h2 {
	font-size: 60px;
	color: #fff
}

.green-content {
	color: #fff;
	font-size: 18px
}

.overlay {
	background: rgba(255, 255, 255, .5)
}

.text-green {
	color: #13294B
}

.slide3-block {
	font-size: 16px;
	padding: 30px
}

.slide3-block img {
	margin-bottom: 10px
}

.slide3-block p {
	width: 130px;
	margin: 0 auto;
	color: #fff
}

.slide3-top-row {
	margin-top: 1px
}

.slide3-top-row img {
	width: 280px;
}

.diagram {
	display: none
}

.dg-heading {
	margin-top: 5px;
	font-size: 18px
}

.dg-pillar-block {
	position: absolute
}

.dg-pillar-top-right {
	right: 0;
	top: 0
}

.dg-pillar-bottom-left {
	left: 0;
	bottom: 0;
	padding-bottom: 0
}

.dg-pillar-bottom-right {
	right: 0;
	bottom: 0;
	padding-bottom: 0
}

.dg-btn-block>div {
	background: #FE5000;
	padding: 6px 18px;
	margin: 0 auto;
	font-size: 18px;
	width: 135px;
	opacity: 0
}

.orange {
	z-index: 9;
	background: url(../img/Healthcare1.jpg) center;
	background-size: cover
}

.orange-header {
	color: #fff;
	font-size: 50px;
	text-align: center
}

.orange-header h2 {
	color: #fff;
	font-size: 60px
}

.orange-content {
	color: #fff;
	font-size: 18px
}

.text-orange {
	color: #FE5000;
	font-size: 25px;
	font-weight: 600
}

.article a,
.clines,
.text-deepblue,
.text-deepblue-lower,
.vNav ul li {
	color: #fff
}

.text-white-head {
	font-size: 24px;
	color: #fff
}

.line {
	padding-top: 230px
}

.up-left-block {
	margin-top: -230px;
	margin-left: 200px
}

.up-right-block {
	margin-top: -225px;
	margin-left: 700px
}

.mid-left-block {
	margin-top: -80px;
	margin-left: 350px
}

.mid-upper-block {
	margin-top: -190px;
	margin-left: 520px
}

.mid-mid-block {
	margin-left: -120px;
	margin-top: -20px
}

.border-block {
	border: 2px solid #13294B;
	background: rgba(19, 41, 75, .8);
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 5px
}

.lower-icon {
	height: 35px;
	vertical-align: middle;
	display: inline-block
}

.border-block img {
	margin-top: 10px;
	float: right
}

.slide4-top-row .left-block {
	border-right: 2px solid #ddd;
	padding-right: 30px;
	text-align: right
}

.slide4-top-row .right-block {
	padding-left: 30px;
	text-align: left
}

.slide4-top-row p,
.slide4-top-row span {
	font-size: 18px!important
}

.slide4-top-row .left-block p {
	margin-top: 10px
}

.slide4-top-row span.text-orange,
.slide4-top-row span.text-orange span {
	font-size: 30px!important
}

.slide4-mid-row span {
	font-size: 18px!important;
	margin-top: 5px;
	margin-bottom: 5px
}

.slide4-bottom-row1 {
	margin-top: 15px
}

.slide4-text-block {
	padding-right: 70px
}

.slide4-row {
	position: relative
}

.article a {
	width: 50%;
	margin: 5% auto;
	display: inline-block;
	border-radius: 0;
	padding: 12px;
	font-size: 30px;
	border: 0;
	box-shadow: 0 0 8px 0 #13294B;
	background: #FE5000
}

.article-desc {
	margin-top: 5%
}

.article-desc h2 {
	margin-top: 120px!important;
	font-family: gesans-regular;
	font-size: 6rem!important;
	text-align: center
}

.article a:hover {
	background: #63666A
}

#five {
	z-index: 9;
	background: url(../img/article3.jpg) center;
	background-size: cover
}

#five .transparent-bg {
	background-color: rgba(0, 0, 0, .65)
}

.article-desc h2 {
	text-transform: capitalize!important
}

.vNav {
	position: fixed;
	top: 18%;
	right: 8px;
	width: 50px;
	z-index: 9999;
	list-style-type: none
}

.vNav ul {
	position: relative;
	padding: 50px 3px 3px 15%;
}

.vNav ul li {
	position: relative;
	padding-bottom: 40px;
	padding-left: 35%
}

.vNav a {
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	border-radius: 50%;
	border: 2px solid #fff;
	text-decoration: none;
	cursor: pointer;
	background-color: #ffffff;
	-webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
	-moz-transition: -moz-transform 0.2s, background-color 0.5s;
	transition: transform 0.2s, background-color 0.5s;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.label {
	position: relative;
	left: -300%;
	width: 100%;
	text-align: right;
	font-size: 1.2em;
	color: #00B5E2;
	padding: 0 !important;
	font-weight: 400 !important;
	display: none;
	display: none;
}

.vNav a.active,
.vNav a:hover {
	transform: scale(1.5);
	border-radius: 50%;
	text-decoration: none;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	border-radius: 50%;
	text-decoration: none;
	cursor: pointer;
}

.vNav a:hover {
	background-color: #fff
}

.vNav a.active {
	background-color: #ffffff
}

.nav-collapse ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none
}

.nav-collapse li {
	display: block
}

.js .nav-collapse {
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1
}

.nav-collapse.opened {
	max-height: 9999px
}

.disable-pointer-events {
	pointer-events: none!important
}

.mask {
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
	background: rgba(0, 0, 0, .2);
	visibility: hidden;
	z-index: 2;
	bottom: 0;
	right: 0
}

.android .mask {
	-webkit-transition: none;
	transition: none
}

.js-nav-active .mask {
	visibility: visible;
	opacity: 1
}

.nav-collapse,
.nav-collapse * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.nav-collapse,
.nav-collapse ul {
	list-style: none;
	width: 100%;
	float: left
}

.nav-collapse li {
	float: left;
	width: 100px
}

.nav-collapse a {
	text-decoration: none;
	padding: .7em 1em .7em 0;
	color: #FE5000;
	width: 100%;
	float: left
}

.nav-collapse .active a,
.nav-collapse a:active {
	text-decoration: none
}

.nav-collapse ul ul a {
	background: #ca3716;
	padding-left: 2em
}

.nav-toggle {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: none;
	text-indent: -300px;
	position: relative;
	overflow: hidden;
	width: 60px;
	height: 55px;
	float: right
}

.nav-toggle:before {
	color: #FE5000;
	font: 400 28px/55px FontAwesome;
	text-transform: none;
	text-align: right;
	position: absolute;
	content: "\f0c9";
	text-indent: 0;
	speak: none;
	width: 100%;
	left: -30px;
	top: -30px;
	right: -30px;
}

.nav-toggle.active:before {
	font-size: 24px;
	content: "\f00d"
}

header {
	background: rgba(0, 0, 0, .85);
	z-index: 999999
}

.know-how a {
	color: #fff
}

a.nav-toggle:focus,
a.nav-toggle:hover {
	color: #FE5000
}

.ccircles,
.clines {
	position: absolute;
	background: #fff
}

canvas {
	display: block;
	position: absolute
}

.clines {
	width: 2px;
	height: 0
}

.cline1 {
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 31px
}

.cline2,
.cline3 {
	left: 189px
}

.cline27 {
	right: 189px;
}

.cline28 {
	right: 189px;
}

.cline3,
.cline28 {
	top: 106px
}

.cline22,
.cline23 {
	left: 0;
	margin: 0 auto
}

.cline22 {
	top: 156px
}

.cline23,
.cline63 {
	height: 2px;
	top: 190px
}

.cline24 {
	top: 190px
}

.cline25 {
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 156px
}

.cline26 {
	top: 190px
}

.cline4,
.cline5 {
	left: 0;
	right: 0;
	margin: 0 auto
}

.cline4 {
	bottom: 15px;
	float: none
}

.cline5 {
	top: 125px;
	display: none
}

.cline6,
.cline7 {
	top: 174px;
	left: 280px
}

.cline8,
.cline9 {
	top: 174px;
	right: 280px
}

.cimage1,
.cline14 {
	right: 0;
	margin: 0 auto
}

.cline14 {
	bottom: 38px;
	left: 0
}

.cline51 {
	left: 200px;
	margin: 0 auto;
	top: 0
}

.cimages {
	position: absolute
}

.cimage1 {
	left: 0;
	bottom: 2px
}

.cimage2 {
	left: 357px;
	top: 78px;
}

.cimage3,
.cimage4 {
	left: 0;
	right: 0;
	display: none
}

.cimage3 {
	bottom: 2px;
	transform: rotate(90deg)
}

.cimage4 {
	top: 160px;
	transform: rotate(90deg)
}

.cimage5,
.cimage6 {
	top: 353px;
	transform: rotate(90deg)
}

.cimage5 {
	left: 258px
}

.cimage6 {
	right: 258px
}

.cimage7 {
	right: 0;
	bottom: 5px;
	transform: rotate(90deg);
	left: 0
}

.cimage51 {
	margin: 0 auto;
	left: 178px;
	top: 185px
}

.cline9,
.cline13,
.cline2,
.cline24,
.cline27,
.cline25,
.cline26,
.cline22 {
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.37) 35%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.37) 35%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.37) 35%, rgba(255, 255, 255, 1) 100%);
}

.cline7,
.cline11 {
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.43) 56%, rgba(255, 255, 255, 0.42) 57%, rgba(255, 255, 255, 0.41) 58%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.43) 56%, rgba(255, 255, 255, 0.42) 57%, rgba(255, 255, 255, 0.41) 58%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.43) 56%, rgba(255, 255, 255, 0.42) 57%, rgba(255, 255, 255, 0.41) 58%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
}

.cline6,
.cline3,
.cline22,
.cline23,
.cline63 {
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0.41) 42%, rgba(255, 255, 255, 0.42) 43%, rgba(255, 255, 255, 0.43) 44%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0.41) 42%, rgba(255, 255, 255, 0.42) 43%, rgba(255, 255, 255, 0.43) 44%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0.41) 42%, rgba(255, 255, 255, 0.42) 43%, rgba(255, 255, 255, 0.43) 44%, rgba(255, 255, 255, 1) 100%);
}

.cline8 {
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0.41) 42%, rgba(255, 255, 255, 0.42) 43%, rgba(255, 255, 255, 0.43) 44%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0.41) 42%, rgba(255, 255, 255, 0.42) 43%, rgba(255, 255, 255, 0.43) 44%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0.41) 42%, rgba(255, 255, 255, 0.42) 43%, rgba(255, 255, 255, 0.43) 44%, rgba(255, 255, 255, 1) 100%);
}

.cline10,
.cline12,
.cline28,
.cline61,
.cline62 {
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.43) 56%, rgba(255, 255, 255, 0.42) 57%, rgba(255, 255, 255, 0.41) 58%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.43) 56%, rgba(255, 255, 255, 0.42) 57%, rgba(255, 255, 255, 0.41) 58%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.43) 56%, rgba(255, 255, 255, 0.42) 57%, rgba(255, 255, 255, 0.41) 58%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
}

.orbit {
	border-radius: 50%;
	border: 2px solid #fff;
	visibility: hidden;
	@include box-shadow(0 0 30px rgba(#d52715, .1));
}

.orbit-outer {
	width: 500px;
	height: 500px;
	position: relative;
}

.ccircles {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	top: 20px;
	left: 30px
}

.cimage1 img {
	height: 60px;
}

.cimage2 img {
	height: 60px;
}

.cimage5 img {
	height: 60px;
}

.cimage6 img {
	height: 60px;
}

.cimage7 img {
	height: 60px;
}

#videoPlaceholder {
	width: 100%;
	background: #000;
	opacity: .35
}

#videoPlayIcon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	vertical-align: middle;
	display: inline-block;
	margin: 28% auto 0;
	cursor: pointer;
	width: 150px
}

.psuedo-video-img {
	background: #000
}

.psuedo-video-img h3 {
	position: absolute;
	bottom: 50%;
	left: 0;
	right: 0;
	font-size: 5em;
	font-family: gesans-regular
}

.psuedo-video2-img {
	background: #000
}

.psuedo-video2-img h3 {
	position: absolute;
	bottom: 50%;
	left: 0;
	right: 0;
	font-size: 5em;
	font-family: gesans-regular
}

#video2Placeholder {
	width: 100%;
	background: #000;
	opacity: .35
}

#video2PlayIcon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	vertical-align: middle;
	display: inline-block;
	margin: 28% auto 0;
	cursor: pointer;
	width: 150px
}

.psuedo-video3-img {
	background: #000
}

.psuedo-video3-img h3 {
	position: absolute;
	bottom: 50%;
	left: 0;
	right: 0;
	font-size: 5em;
	font-family: gesans-regular
}

#video3Placeholder {
	width: 100%;
	background: #000;
	opacity: .35
}

#video3PlayIcon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	vertical-align: middle;
	display: inline-block;
	margin: 28% auto 0;
	cursor: pointer;
	width: 150px
}

#Layer_1,
#Layer_2,
#Layer_4 {
	fill: white;
}

@-ms-viewport {
	width: device-width
}

@-o-viewport {
	width: device-width
}

@viewport {
	width: device-width
}

#menu_icon_mobile {
	position: absolute;
	right: 15px;
	width: 30px;
	top: 12px;
}

.nav-toggle:before {
	content: none !important;
}

@media only screen and (min-width:760px) and (max-width:768px) {
	.sec1Block1,
	.sec1Block2 {
		width: 100%
	}
	#one h1 {
		margin: 0 auto;
		text-align: center;
		line-height: 10px;
		font-size: 38px
	}
	.diagram {
		display: none
	}
	.diagram2,
	.diagram2 img {
		display: block
	}
	.diagram2 img {
		margin-top: 0px
	}
	.blue-content {
		margin-top: 0px;
	}
	.diagram-section {
		display: none
	}
	.sectionIconScroll {
		display: block;
		margin-top: 20px;
		font-size: 24px;
		text-align: center
	}
	.sectionIconScroll>div {
		float: none!important
	}
	.slide4-top-row p,
	.slide4-top-row span {
		font-size: 20px;
	}
	.slide4-top-row span.text-orange,
	.slide4-top-row span.text-orange span {
		font-size: 25px !important;
	}
	.slide4-mid-row {
		padding-right: 50px;
	}
	#videoPlayIcon {
		margin: 50% auto 0;
	}

	#vidibleSecondVideo {
		display: none;
	}

	#vidibleFirstVideo {
		display: none;
	}

	.cimage5,
	.cimage6,
	.cimage7,
	.cline10,
	.cline11,
	.cline12,
	.cline13,
	.cline14,
	.cline2,
	.cline3,
	.cline4,
	.cline5,
	.cline6,
	.cline7,
	.cline8,
	.cline9,
	.cline27,
	.cline28,
	{
		display: none
	}
	section {
		height: auto
	}
	.blue-header h1 {
		font-size: 40px
	}
	.wheels img {
		width: 30%
	}
	.slide4-row {
		position: relative;
		margin-right: 50px;
		margin-bottom: 25px
	}
	.text-grey {
		margin: 0px 41px 20px 0px;
	}
	.conclusion {
		margin: 0px 60px 2px 0
	}
	.section-content {
		padding: 40px 7px;
	}
	.green-header h2 {
		padding-top: 0;
		margin-top: 0
	}
	.conclusion span {
		display: block;
		font-size: 25px;
		line-height: 25px;
		color: #FE5000
	}
	.text-blue {
		line-height: 90px;
	}
	#cimage2,
	.slide3-middle-row,
	div br {
		display: none
	}
	.slide2-list-text {
		font-size: 13px;
		padding: 28px;
		margin: 0px;
		text-align: left;
	}
	.col-sm-4 {
		width: 31.333%
	}
	.slide2-list-text .inner-bullet-point {
		border: 1px solid #fff;
		position: relative;
		height: 120px;
		margin-top: 77px;
		padding: 10px
	}
	.blue-content {
		padding-top: 0
	}
	.section-content {
		padding: 30px!important
	}
	.text-grey {
		width: auto
	}
	.mob-height,
	.green-header h2 {
		font-size: 40px
	}
	.blue,
	.green {
		background-size: cover
	}
	.h2,
	h2 {
		font-size: 24px
	}
	.slide3-block {
		font-size: 16px;
		padding: 24px 59px
	}
	.cline5,
	.cline6,
	.cline7 {
		top: 174px;
		left: 145px
	}
	.cline8,
	.cline9 {
		top: 174px;
		right: 145px
	}
	.cimage6 {
		right: 123px
	}
	.cimage5 {
		left: 123px
	}
	.orange-header h2 {
		font-size: 40px
	}
	.sub-head {
		padding-left: 10px;
		padding-right: 30px
	}
	.footer-text {
		padding-right: 0;
		color: #fff;
		text-align: center;
		margin-top: 0;
		font-size: 20px;
		margin-right: 0;
		width: 100%
	}
	#gelogo {
		margin: 10%;
		width: 30%
	}
	.border-block img {
		float: right
	}
	.article {
		position: relative;
		margin-left: 205px
	}
	.article a {
		margin: 5% auto;
		padding: 8px;
		font-size: 26px
	}
	.article-desc h2 {
		font-size: 4rem!important;
		text-align: center!important;
		float: none!important;
		margin: 17% auto!important;
		padding-left: 130px
	}
	.sec1Block2 h3 {
		width: 100%;
		line-height: 46px;
		margin: 0 auto;
		font-size: 2rem;
		text-align: center
	}
	.iiot-points ul li {
		font-size: 18px;
		font-weight: 400;
		line-height: 24px;
		margin-bottom: 10px
	}
	
	.js .nav-collapse {
		position: relative
	}
	.js .nav-collapse.closed {
		max-height: none
	}
	.nav-toggle {
		display: none
	}
	.mask {
		display: none!important;
		opacity: 0!important
	}
	.nav-collapse {
		float: right;
		width: auto
	}
	.nav-collapse li {
		width: auto
	}
	
	.fb-share-btn {   
		bottom: 32%;    
	}
	
	.linkedin-share-btn {   
		bottom: 25%%;
	}
	
	.twitter-share-btn{bottom: 18%;}
	
	#vidibleSecondVideo {
		display: none;
	}


	#vidibleFirstVideo {
		display: none;
	}
	.nav-collapse a {
		text-align: center;
		border-top: 0;
		color: #FE5000;
		font-size: 20px;
		padding: 12px 30px;
		font-weight: 600
	}
	.nav-collapse a.active,
	.nav-collapse a:hover {
		color: #fff
	}
	.nav-collapse ul ul a {
		display: none
	}
}

@media only screen and (max-width:640px) {
	.slide4-top-row span.text-orange,
	.slide4-top-row span.text-orange span {
		font-size: 20px!important
	}
	.closevideo {
		top: 32px;
		right: 60px;
	}
	.close2video {
		top: 32px;
		right: 60px;
	}
	.close3video {
		top: 32px;
		right: 60px;
	}
	#videoPlayIcon {
		margin: 62% auto 0 !important;
	}
	#video2Placeholder {
		max-width: 100%;
		background: #000;
		opacity: .35;
		background-size: cover;
	}
	
	#video3Placeholder {
		max-width: 100%;
		background: #000;
		opacity: .35;
		background-size: cover;
	}

	#vidibleSecondVideo {
		display: none;
	}
	
	#vidibleThirdVideo {
		display: none;
	}

	#vidibleFirstVideo {
		display: none;
	}

	.fb-share-btn {
		position: absolute;
		z-index: 999999;
		height: 10px;
		width: 10px;
		top: 370px;
		left: 25px;
		cursor: pointer;
	}

	.linkedin-share-btn {
		position: absolute;
		z-index: 999999;
		height: 10px;
		width: 10px;
		top: 420px;
		left: 25px;
		cursor: pointer;
	}

	.twitter-share-btn {
		position: absolute;
		z-index: 999999;
		height: 10px;
		width: 10px;
		top: 470px;
		left: 25px;
		cursor: pointer;
	}
	#video2PlayIcon {
		top: 240px;
		width: 80px !important;
	}
	.psuedo-video2-img h3 {
		font-size: 3.8em;
	}
	#video3PlayIcon {
		top: 240px;
		width: 80px !important;
	}
	.psuedo-video3-img h3 {
		font-size: 3.8em;
	}
	.modal {
		top: 0%;
	}
	.modal-dialog {
		top: 50%;
	}
	.modal-content {
		background-color: rgba(0, 0, 0, 1);
		font-size: 12px;
	}
	body {
		overflow-x: hidden;
	}
	.border-block img {
		margin-top: 10px;
		float: right
	}
	.slide4-top-row .right-block {
		padding-left: 30px;
		text-align: left;
		padding-top: 10px
	}
	.diagram2 {
		display: none
	}
	.diagram,
	.diagram img {
		display: block
	}
	.sec1Block1,
	.sec1Block2 {
		width: 100%
	}
	.orange-header {
		padding-top: 30px;
		padding-bottom: 50px
	}
	.slide4-mid-row span {
		margin: 5px;
	}
	#gelogo {
		margin: 15%;
		width: 30%
	}
	#one h1 {
		margin: 0 auto;
		text-align: center;
		line-height: 55px;
		font-size: 4.8rem;
	}
	#mySidenav {
		width: 0px;
	}
	#mySidenav.active {
		width: 200px;
	}
	.diagram img {
		text-align: center;
		padding-left: 60px;
		margin-top: 0px;
		padding-top: 0px;
		margin-left: 45px;
	}
	.cline26,
	.diagram-section {
		display: none
	}
	.psuedo-video-img h3 {
		font-size: 4em;
	}
	.article-desc h2 {
		text-transform: capitalize!important;
		padding-right: 10px
	}
	.footer-text {}
	#one h3 {
		padding: 10px;
		font-size: 15px;
		margin-left: 30px;
		margin-right: 45px
	}
	.conclusion {
		margin: 23px;
		padding: 10px
	}
	.conclusion span {
		font-size: 27px;
		line-height: 36px
	}
	.slide3-top-row img {
		padding-top: 30px;
		width: 50%
	}
	.s4-mid-row {
		margin: 20px;
	}
	.slide4-row {
		position: relative;
		margin: 20px;
	}
	.slide2-list-text {
		padding: 0 40px;
		margin-bottom: 30px
	}
	.sectionIconScroll {
		display: block;
		margin-top: 20px;
		font-size: 24px;
		text-align: center
	}
	.ccircles-container,
	.cimage2,
	.cimage4,
	.cimage5,
	.cimage6,
	.cimage7,
	.cline10,
	.cline11,
	.cline12,
	.cline13,
	.cline14,
	.cline2,
	.cline22,
	.cline23,
	.cline24,
	.cline25,
	.cline3,
	.cline5,
	.cline6,
	.cline7,
	.cline8,
	.cline9,
	.cline27,
	.cline28,
	.dg-btn-block>div,
	.slide3-middle-row {
		display: none
	}
	.sectionIconScroll>div {
		float: none!important
	}
	section {
		height: auto
	}
	.blue-header h1 {
		font-size: 40px
	}
	.wheels img {
		width: 80%
	}
	.blue-content {
		padding-top: 0
	}
	.section-content {
		padding: 0!important
	}
	.text-grey {
		width: auto;
		font-size: 19px;
		margin-top: 6.9px!important;
		line-height: 36px
	}
	.footer-text {}
	.article-desc {
		margin-top: 8%
	}
	#videoPlayIcon {
		width: 80px!important
	}
	.slide2-text-orange {
		font-size: 23px
	}
	.slide4-text-block {
		text-align: left!important;
		margin-top: -35px
	}
	.text-orange {
		font-size: 20px
	}
	.text-blue {
		font-size: 30px;
		font-weight: 600
	}
	.mob-height,
	.green-header h2 {
		font-size: 36px
	}
	.blue,
	.green {
		background-size: cover
	}
	.h2,
	h2 {
		font-size: 24px
	}
	.slide3-block {
		font-size: 13px;
		padding: 0;
		margin-top: 50px
	}
	.diagram-block {
		margin-top: 30px
	}
	.art-inner {
		height: 100%
	}
	.orange-header h2 {
		font-size: 40px
	}
	.article-desc h2 {
		margin-top: 80px!important;
		font-family: gesans-regular;
		font-size: 4rem!important;
		text-align: center;
		max-width: 100%
	}
	.vNav {
		width: 28px
	}
	.vNav ul li {
		padding-bottom: 55px
	}
}

@media only screen and (max-width:480px) {
	.slide4-top-row span.text-orange,
	.slide4-top-row span.text-orange span {
		font-size: 18px!important
	}
	.modal {
		top: 0%;
		margin-right: 8%;
	}
	.closevideo {
		top: 32px;
		right: 60px;
	}
	.close2video {
		top: 32px;
		right: 60px;
	}
	.close3video {
		top: 32px;
		right: 60px;
	}
	.modal-dialog {
		top: 40%;
	}
	.modal-content {
		background-color: rgba(0, 0, 0, 1);
		font-size: 12px;
	}
	#videoPlaceholder {
		width: 100%;
		background: #000;
		opacity: .35;
		background-size: cover;
	}
	iframe {
		height: 500px !important;
	}
	
	.fb-share-btn {   
		bottom: 32%;    
	}
	
	.linkedin-share-btn {   
		bottom: 25%%;
	}
	
	.twitter-share-btn{bottom: 18%;}
	
	.know-more-btn {
		bottom: 35px;
	
	}
	
	#videoPlayIcon {
		margin: 82% auto 0 !important;
	}
	#video2Placeholder {
		max-width: 100%;
		background: #000;
		opacity: .35;
		background-size: cover;
	}
	#video2PlayIcon {
		top: 270px;
		width: 80px !important;
	}
	
	#video3Placeholder {
		max-width: 100%;
		background: #000;
		opacity: .35;
		background-size: cover;
	}
	#video3PlayIcon {
		top: 270px;
		width: 80px !important;
	}

	#vidibleSecondVideo {
		display: none;
	}

	#vidibleFirstVideo {
		display: none;
	}
	
	#vidibleThirdVideo {
		display: none;
	}
	.psuedo-video2-img h3 {
		font-size: 2em;
		margin-left: 20px;
		margin-right: 42px;
	}
	.psuedo-video3-img h3 {
		font-size: 2em;
		margin-left: 20px;
		margin-right: 42px;
	}
	body {
		 overflow-x: hidden;
	}
	.responsive-menu {
		display: block;
	}
	.vNav {
		top: 15%;
	}
	.nav-toggle {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: none;
		text-indent: -300px;
		position: relative;
		overflow: hidden;
		width: 60px;
		height: 55px;
		float: right
	}
	.nav-toggle:before {
		color: #FE5000;
		font: 400 28px/55px FontAwesome;
		text-transform: none;
		text-align: right;
		position: absolute;
		content: "\f0c9";
		text-indent: 0;
		speak: none;
		width: 100%;
		left: -10px;
		top: -10px;
		right: -10px;
		bottom: -10px;
	}
	.nav-toggle:after {
		position: absolute;
		content: "\f0c9";
		left: -10px;
		top: -10px;
		right: -10px;
		bottom: -10px;
	}
	.nav-toggle.active:before {
		font-size: 24px;
		content: "\f00d"
	}
	.border-block img {
		margin-top: 10px;
		float: right
	}
	.slide4-top-row .right-block {
		padding-left: 30px;
		text-align: left;
		padding-top: 10px
	}
	.diagram2 {
		display: none
	}
	.diagram,
	.diagram img {
		display: block
	}
	.blue-header {
		padding-top: 60px
	}
	.orange-header {
		padding-top: 60px
	}
	.green-header {
		padding-top: 60px
	}
	#mySidenav {
		width: 0px;
	}
	#mySidenav.active {
		width: 200px;
	}
	.sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		right: 0;
		background-color: rgba(0, 0, 0, .8);
		overflow-x: hidden;
		padding-top: 80px;
		transition: 0.5s;
		display: block;
	}
	.sidenav a {
		padding: 10px 8px 10px 24px;
		text-decoration: none;
		font-size: 24px;
		color: #FE5000;
		display: block;
		transition: 0.3s;
		border-bottom: 1px solid #444;
	}
	.nav-collapse {
		display: none;
	}
	.sidenav a:hover,
	.offcanvas a:focus {
		color: #f1f1f1;
	}
	.sidenav .closebtn {
		position: absolute;
		top: 0;
		left: -28px;
		font-size: 36px;
		margin-left: 50px;
	}
	.sec1Block1,
	.sec1Block2 {
		width: 100%
	}
	.orange-header {
		padding-top: 30px;
		padding-bottom: 50px
	}
	#gelogo {
		margin: 15%;
		width: 30%
	}
	#one h1 {
		margin: 0 auto;
		text-align: center;
		line-height: 40px;
		font-size: 45px
	}
	.diagram img {
		text-align: center;
		padding-left: 60px;
		margin: -30px;
		padding-top: 40px
	}
	.cline26,
	.diagram-section {
		display: none
	}
	.article-desc h2 {
		text-transform: capitalize!important;
		padding-right: 10px
	}
	.footer-text {}
	#one h3 {
		padding: 10px;
		font-size: 22px;
		margin-left: 30px;
		margin-right: 45px
	}
	.conclusion {
		margin: 23px;
		padding: 15px
	}
	.psuedo-video-img h3 {
		font-size: 2em;
	}
	.conclusion span {
		font-size: 27px;
		line-height: 26px
	}
	.slide3-top-row img {
		padding-top: 30px;
		width: 50%
	}
	.slide4-row {
		position: relative;
		margin: 25px;
	}
	.slide2-list-text {
		padding: 0 40px;
		margin-bottom: 30px
	}
	.sectionIconScroll {
		display: block;
		margin-top: 20px;
		font-size: 24px;
		text-align: center
	}
	.ccircles-container,
	.cimage2,
	.cimage4,
	.cimage5,
	.cimage6,
	.cimage7,
	.cline10,
	.cline11,
	.cline12,
	.cline13,
	.cline14,
	.cline2,
	.cline22,
	.cline23,
	.cline24,
	.cline25,
	.cline3,
	.cline5,
	.cline6,
	.cline7,
	.cline8,
	.cline9,
	.cline27,
	.cline28,
	.dg-btn-block>div,
	.slide3-middle-row {
		display: none
	}
	.sectionIconScroll>div {
		float: none!important
	}
	section {
		height: auto
	}
	.blue-header h1 {
		font-size: 40px
	}
	.wheels img {
		width: 80%
	}
	.blue-content {
		padding-top: 0
	}
	.section-content {
		padding: 0!important
	}
	.text-grey {
		width: auto;
		font-size: 17px;
		margin-top: 6.9px!important;
		line-height: 30px;
		padding: 0 48px;
	}
	.footer-text {}
	.article-desc {
		margin-top: 8%
	}
	#videoPlayIcon {
		width: 80px!important
	}
	.slide2-text-orange {
		font-size: 34px
	}
	.slide4-text-block {
		text-align: left!important;
		margin-top: -35px
	}
	.slide4-mid-row span {
		font-size: 14px !important;
		margin: 0;
	}
	.text-orange {
		font-size: 20px
	}
	.text-blue {
		font-size: 30px;
		font-weight: 600
	}
	.mob-height,
	.green-header h2 {
		font-size: 40px
	}
	.blue,
	.green {
		background-size: cover
	}
	.h2,
	h2 {
		font-size: 24px
	}
	.slide3-block {
		font-size: 13px;
		padding: 0;
		margin-top: 50px
	}
	.diagram-block {
		margin-top: 30px
	}
	.art-inner {
		height: 100%
	}
	.orange-header h2 {
		font-size: 40px
	}
	.article-desc h2 {
		margin-top: 80px!important;
		font-family: gesans-regular;
		font-size: 4rem!important;
		text-align: center;
		max-width: 100%
	}
	.vNav {
		width: 28px
	}
	.vNav ul li {
		padding-bottom: 30px
	}
}

@media only screen and (max-width:380px) {
	#one h1 {
		font-size: 36px
	}
	#one h3 {
		padding: 0
	}
	.closevideo {
		top: 32px;
		right: 60px;
	}
	.close2video {
		top: 32px;
		right: 60px;
	}
	.close3video {
		top: 32px;
		right: 60px;
	}
	.modal {
		top: 0%;
		margin-right: 8%;
	}
	.modal-dialog {
		top: 35%;
	}
	.modal-content {
		background-color: rgba(0, 0, 0, 1);
		font-size: 12px;
	}
	.psuedo-video-img {
		max-width: 97%;
		width: auto;
	}
	.psuedo-video-img h3 {
		bottom: 60%;
	}
	.green-header {
		padding-top: 30px
	}
	.green-header h2 {
		font-size: 38px
	}
	.diagram-section {
		display: none
	}
	.responsive-menu {
		display: block;
	}
	.diagram {
		display: block
	}
	.slide4-text-block {
		margin-top: -50px
	}
	.slide4-row {
		position: relative;
		padding-top: 20px;
		margin-right: 20px;
	}
	.know-more-btn {
		bottom: 35px;
	
	}
	.fb-share-btn {   
		bottom: 32%;    
	}
	
	.linkedin-share-btn {   
		bottom: 25%%;
	}
	
	.twitter-share-btn{bottom: 18%;}
	
	#vidibleSecondVideo {
		display: none;
	}

	#vidibleFirstVideo {
		display: none;
	}
	.nav-toggle {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: none;
		text-indent: -300px;
		position: relative;
		overflow: hidden;
		width: 60px;
		height: 55px;
		float: right
	}
	.nav-toggle:before {
		color: #FE5000;
		font: 400 28px/55px FontAwesome;
		text-transform: none;
		text-align: right;
		position: absolute;
		content: "\f0c9";
		text-indent: 0;
		speak: none;
		width: 100%;
		left: -30px;
		top: -30px;
		right: -30px;
	}
	.nav-toggle.active:before {
		font-size: 24px;
		content: "\f00d"
	}
	.slide2-list-text {
		margin-bottom: 25px;
	}
	.slide2-list-text .inner-bullet-point {
		height: auto;
	}
	.slide4-top-row .right-block {
		padding-left: 12px;
		text-align: left;
	}
	.slide4-top-row .left-block {
		padding-right: 12px;
	}
	#mySidenav {
		width: 0px;
	}
	#mySidenav.active {
		width: 200px;
	}
	.sidenav {
		display: block;
	}
	.article-desc h2 {
		font-size: 2.5rem!important;
	}
	.margin-top-30 {
		margin-top: 15px;
	}
	.blue-header,
	.orange-header {
		padding-top: 60px
	}
	.slide2-text-orange {
		font-size: 24px
	}
	.cline26 {
		display: none
	}
	.conclusion {
		font-size: 15px
	}
	.conclusion span {
		font-size: 20px
	}
	.text-blue {
		font-size: 18px
	}
	.blue-header {
		padding-bottom: 5px
	}
	#videoPlaceholder {
		max-width: 100%;
		background: #000;
		opacity: .35;
		background-size: cover;
	}
	#video2Placeholder {
		max-width: 100%;
		background: #000;
		opacity: .35;
		background-size: cover;
	}
	#video2PlayIcon {
		top: 270px;
		width: 80px;
	}
	.psuedo-video2-img h3 {
		font-size: 2.4em;
	}
	.psuedo-video-img h3 {
		font-size: 2.4em;
		/*margin-left: 20px;
		margin-right: 40px;*/

	}
	
	#video3Placeholder {
		max-width: 100%;
		background: #000;
		opacity: .35;
		background-size: cover;
	}
	#video3PlayIcon {
		top: 270px;
		width: 80px;
	}
	.psuedo-video3-img h3 {
		font-size: 2.4em;
	}

}

@media only screen and (max-width:320px) {
	.sec1Block1,
	.sec1Block2 {
		width: 100%
	}
	.modal {
		top: 0%;
	}
	.modal-dialog {
		top: 30%;
		margin-right: 8%;
	}
	.psuedo-video2-img h3 {
		font-size: 2em;
		margin-left: 20px;
		margin-right: 42px;
	}
	#one h1 {
		margin: 0 auto;
		text-align: center;
		line-height: 38px;
		font-size: 32 px;
	}
	.closevideo {
		top: 32px;
		right: 60px;
	}
	.close2video {
		top: 32px;
		right: 60px;
	}
	.close3video {
		top: 32px;
		right: 60px;
	}
	
	.know-more-btn {
		bottom: 35px;
	
	}
	
	.fb-share-btn {   
		bottom: 32%;    
	}
	
	.linkedin-share-btn {   
		bottom: 25%%;
	}
	
	.twitter-share-btn{bottom: 18%;}
	
	
	#vidibleSecondVideo {
		display: none;
	}

	#vidibleFirstVideo {
		display: none;
	}
	#one h3 {
		padding: 10px;
		font-size: 15px;
		margin-left: 35px;
		margin-right: 43px;
	}
	.responsive-menu {
		display: block;
	}
	.diagram {
		display: block;
	}
	.diagram2 {
		display: none;
	}
	.slide2-list-text {
		padding: 0 5px;
		margin-bottom: 15px;
		font-size: 12px;
	}
	.orange-content {
		color: #fff;
		font-size: 10px;
	}
	.nav-toggle {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: none;
		text-indent: -300px;
		position: relative;
		overflow: hidden;
		width: 60px;
		height: 55px;
		float: right
	}
	.nav-toggle:before {
		color: #FE5000;
		font: 400 28px/55px FontAwesome;
		text-transform: none;
		text-align: right;
		position: absolute;
		content: "\f0c9";
		text-indent: 0;
		speak: none;
		width: 100%;
		left: -30px;
		top: -30px;
		right: -30px;
	}
	.nav-toggle.active:before {
		font-size: 24px;
		content: "\f00d"
	}
	.slide2-list-text .inner-bullet-point {
		height: auto;
		margin-top: 0;
	}
	.slide4-text-block {
		text-align: left !important;
		margin-top: 0px;
		font-size: 14px;
	}
	.s4-mid-row {
		margin: 10px;
	}
	.slide4-row {
		position: relative;
		padding-top: 5px;
		padding-bottom: 5px;
		margin: 5px;
	}
	.article a {
		width: 50%;
		margin: 5% auto;
		display: inline-block;
		border-radius: 0;
		padding: 6px;
		font-size: 25px;
		border: 0;
		box-shadow: 0 0 8px 0 #13294B;
		background: #FE5000;
	}
	.article-desc h2 {
		margin-top: 80px !important;
		font-family: gesans-regular;
		font-size: 3rem !important;
		text-align: center;
		max-width: 100%;
	}
	.psuedo-video-img h3 {
		bottom: 65% !important;
		font-size: 2em !important;
	}
	#mySidenav {
		width: 0px;
	}
	#mySidenav.active {
		width: 200px;
	}
	#videoPlayIcon {
		top: 10px !important;
	}
	.text-orange {
		font-size: 16px;
	}
	.slide4-mid-row span {
		font-size: 13px!important;
	}
	.orange-header {
		padding-bottom: 0;
	}
	.sectionIconScroll {
		display: block;
		margin-top: 20px;
		font-size: 24px;
		text-align: center
	}
	.ccircles-container,
	.cimage4,
	.cimage5,
	.cimage6,
	.cline2,
	.cline3,
	.cline5,
	.cline6,
	.cline7,
	.cline8,
	.cline9,
	.cline27,
	.cline28,
	.slide3-middle-row {
		display: none
	}
	.footer-text {
		font-size: 8px;
	}
	.slide4-top-row p,
	.slide4-top-row span {
		font-size: 15px !important;
	}
	.slide4-top-row span.text-orange,
	.slide4-top-row span.text-orange span {
		font-size: 17px!important;
	}
	section {
		height: auto
	}
	.blue-header h1 {
		font-size: 40px
	}
	.wheels img {
		width: 80%
	}
	.blue-content {
		padding-top: 0
	}
	.section-content {
		padding: 30px!important
	}
	.text-grey {
		width: auto;
		font-size: 17px;
	}
	.green-header h2,
	.text-blue {}
	.text-blue {
		font-weight: 600;
		line-height: 40px
	}
	.blue,
	.green {
		background-size: cover
	}
	.conclusion {
		font-size: 13px;
		margin: 14px -10px 0;
		padding: 6px 0 2px;
	}
	.conclusion span {
		font-size: 20px;
		line-height: 20px;
	}
	.h2,
	h2 {
		font-size: 24px
	}
	.slide3-block {
		font-size: 16px;
		padding: 30px 29px
	}
	.orange-header h2 {
		font-size: 40px
	}
	.slide2-spl-block p {
		line-height: 22px
	}
	.iiot-points ul li {
		font-size: 18px;
		line-height: 22px
	}
	.slide4-text-block {
		padding-right: 20px;
		line-height: 25px;
	}
	.slide4-row .mid-col {
		margin-bottom: 5px;
	}
	.border-block img {
		float: none;
		margin: 0 auto
	}
}

@media screen and (max-width: 360px) and (-webkit-device-pixel-ratio: 2){
	.fb-share-btn {   
		bottom: 32%;    
	}
	
	.linkedin-share-btn {   
		bottom: 25%%;
	}
	
	.twitter-share-btn{bottom: 18%;}
}