@import url(http://fonts.googleapis.com/css?family=Raleway);
@font-face { font-family: 'robotoregular'; src: url('../fonts/Roboto-Regular-webfont.eot'); src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular-webfont.woff') format('woff'),  url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),  url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'robotomedium'; src: url('../fonts/Roboto-Medium-webfont.eot'); src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Medium-webfont.woff') format('woff'),  url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),  url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'robotobold'; src: url('../fonts/Roboto-Bold-webfont.eot'); src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Bold-webfont.woff') format('woff'),  url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),  url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg'); font-weight: normal; font-style: normal;}
a, body, div, h1, h2, h3, h4, h5, img, input, li, p, ul { margin: 0; padding: 0; text-rendering: optimizelegibility; -webkit-text-size-adjust: auto!important; font-style: normal!important; font-weight: 400!important; font-size-adjust: inherit; -moz-font-smoothing: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-family: 'robotoregular'; }
@font-face { font-family: 'fontawesome-webfont'; src: url('../fonts/fontawesome-webfont.eot'); src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/fontawesome-webfont.woff') format('woff'),  url('../fonts/fontawesome-webfont.ttf') format('truetype'),  url('../fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg'); font-weight: normal; font-style: normal;}
a, body, div, h1, h2, h3, h4, h5, img, input, li, p, ul { margin: 0; padding: 0; text-rendering: optimizelegibility; -webkit-text-size-adjust: auto!important; font-style: normal!important; font-weight: 400!important; font-size-adjust: inherit; -moz-font-smoothing: none; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-family: 'robotoregular'; }

a{ text-decoration: none!important;}
.noBG{ background-image: none!important; background-color:#f5f5f5!important; height:auto!important}
#widgetWrapper, .Wshow2, .breadcrumb_wrapper { display:none!important}
.iotWrapper{ float:left; width:100%; max-width:100%; height:630px; background-image: url("../images/iot_bg.png"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;background-attachment: fixed;position: relative; background-repeat: repeat-x;}
.iotWrapper .iotBanner{ width:1003px; margin:0 auto;}
.iotWrapper .iotBanner .bannerInnerleft{ float:left; width:63%; margin:165px 0 0 -100px}
.iotWrapper .iotBanner .bannerInnerleft h1{ float:left; color: #fff; font-size: 30px; font-family: 'robotomedium'; margin:0 0 20px 0; padding:0;}
.iotWrapper .iotBanner .bannerInnerleft p{ float:left; color: #e3e3e3; font-size: 17px; font-family: 'robotoregular'; line-height:22px; margin:0 0 20px 0; padding:0;}
.iotWrapper .iotBanner .bannerInnerleft .button{ float:left; margin:10px 0 0 0;}
.iotWrapper .iotBanner .bannerInnerleft .button a{float:left; font-size: 14px; font-family: 'robotoregular'; padding:13px 35px; border-radius:20px; color:#00a0dc; border:1px solid #fff; background-color:#fff;}
.iotWrapper .iotBanner .bannerInnerleft .button a:hover{border:1px solid #e2e2e2; color: #e2e2e2; background-color:transparent;}
.bannerInnerright{float: right;width: 30%;margin: 100px 0 0 0; position:relative;}
.zoneWrapper{ float:left; width:100%; max-width:100%; background-color:#f5f5f5;}
.zoneWrapper .zoneInner{ width:1003px; margin:0 auto;}
.zoneWrapper .zoneInner .zone{ float:left; width:100%; padding:50px 0}
.zoneWrapper .zoneInner .zone .imgPanel{ float:left; width:40%;}
.zoneWrapper .zoneInner .zone .imgPanel img{ width:100%;}
.zoneWrapper .zoneInner .zone .textPanel{ float:right; width:50%; margin:50px 0 0 0}
.zoneWrapper .zoneInner .zone .textPanel h2{ float:left; color: #171717; font-size: 42px; font-family: 'robotoregular'; margin:0 0 25px 0; padding:0; width:100%}
.zoneWrapper .zoneInner .zone .textPanel p{ float:left; color: #7a7a7a; font-size: 16px; font-family: 'robotoregular'; line-height:24px; margin:0 0 20px 0; padding:0;}
.zoneWrapper .zoneInner .zone .textPanel .button{ float:left; margin:25px 15px 0 0;}
.zoneWrapper .zoneInner .zone .textPanel .button a{float:left; color: #00a0dc; font-size: 14px; font-family: 'robotoregular'; padding:13px 35px; border-radius:20px; border:1px solid #00a0dc; text-transform: uppercase;}
.zoneWrapper .zoneInner .zone .textPanel .button a:hover{ color:#fff; border:1px solid #0591c5; background-color:#00a0dc;}
/**.pushWrapper{ float:left; width:100%; max-width:100%; height:520px; background-image: url("../images/push.png"); background-position: left top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} **/
.pushWrapper{float: left; width: 100%;max-width: 100%;height: 650px!important;background-image: url("../images/push_bg.png");background-size: cover; background-attachment: fixed;position: relative;}
.pushWrapper .pushInner{ width:1003px; margin:0 auto;height: 650px!important; display:table;}
.pushWrapper .pushInner .push{width:600px; margin:70px 0;display: table-cell; vertical-align: middle;}
.pushWrapper .pushInner .push h3{ float:left; width:100%; color: #fff; font-size: 42px; font-family: 'robotoregular'; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.6); text-align:left; margin:0 0 25px 0; padding:0;}
.pushWrapper .pushInner .push p{ float:left; width:100%; color: #f5ffff; font-size: 16px; font-family: 'robotoregular'; text-align:center; line-height:26px; margin:0 0 50px 0; padding:0;}
.pushWrapper .pushInner .push .button{width:auto; margin: 25px 0 0 0; float:left;}
.pushWrapper .pushInner .push .button a{float:left; font-size: 14px; font-family: 'robotoregular'; padding:13px 35px; border-radius:20px; text-transform: uppercase;color:#00a0dc; border:1px solid #fff; background-color:#fff;}
.pushWrapper .pushInner .push .button a:last-child { margin-right:0;}
.pushWrapper .pushInner .push .button a:hover{border:1px solid #e2e2e2;  color: #e2e2e2; background-color:transparent;}
.gsWrapper{ float:left; width:100%; max-width:100%; height:177px; background-image: url("../images/get-started-now.png"); background-position: left top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.gsWrapper .gsInner{ width:65%; margin:0 auto;}
.gsWrapper .gsInner .gs{ margin:70px 0 }
.gsWrapper .gsInner .gs h4{float:left; color: #fff; font-size: 30px; font-family: 'robotoregular';  margin:0; padding:0;}
.gsWrapper .gsInner .gs .button{ float:right; margin:0;}
.gsWrapper .gsInner .gs .button a{float:left; color: #00a0dc; font-size: 14px; font-family: 'robotoregular'; padding:13px 35px; border-radius:20px; background-color:#fff; text-transform: capitalize;}
.gsWrapper .gsInner .gs .button a:hover{border:1px solid #e2e2e2; color: #e2e2e2; background-color:transparent;}
.gsbWrapper{ float:left; width:100%; max-width:100%; height:149px; background-image: url("../images/getting-started1.png"); background-position: left top; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.gsbWrapper .gsInner{ width:63%; margin:0 auto;}
.gsbWrapper .gsInner .gs{ margin:55px 0 }
.gsbWrapper .gsInner .gs h4{float:left; color: #fff; font-size: 30px; font-family: 'robotomedium';  margin:0; padding:0;text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.6);}
.gsbWrapper .gsInner .gs .button{ float:right; margin:0;}
.gsbWrapper .gsInner .gs .button a{float:left; color: #e2e2e2; font-size: 14px; font-family: 'robotoregular'; padding:13px 35px; border-radius:20px; border:1px solid #e2e2e2}
.gsbWrapper .gsInner .gs .button a:hover{ color:#fff; border:1px solid #fff}
.iotIPWrapper{ float:left; width:100%; max-width:100%; min-height:200px}
.iotIPWrapper .iotInner{ width:1003px; max-width:1003px; margin:0 auto}
.iotIPWrapper .iotInner .iot{ float:left; width:100%; margin:50px 0}
.iotIPWrapper .iotInner .iot .syntaxWrapper{float:left; width:100%; margin:0 0 20px 0; color: #424343; font-size: 13px; font-family: 'robotoregular';}
.iotIPWrapper .iotInner .iot .syntaxWrapper .titleRow{float:left; width:100%; color: #757575; font-size: 26px; font-family: 'robotomedium'; margin:0 0 20px; padding:0 0 20px 0;  background-image: url("../images/titleSep.png"); background-position: left bottom; background-repeat: no-repeat;}
.getstartedtitle{float:left; width:100%; color: #757575; font-size: 26px; font-family: 'robotomedium'; margin:0 0 20px; padding:0 0 20px 0;  background-image: url("../images/titleSep.png"); background-position: left bottom; background-repeat: no-repeat;}
.iotIPWrapper .iotInner .iot .syntaxWrapper h2{ float:left; width:100%; color: #212121; font-size: 22px; font-family: 'robotoregular'; text-align:left; margin:30px 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #ebebeb;}
.iotIPWrapper .iotInner .iot .syntaxWrapper p{ float:left; width:100%; color: #212121; font-size: 15px; font-family: 'robotoregular'; text-align:left; line-height:22px; margin:0 0 10px 0; padding:0;}
.iotIPWrapper .iotInner .iot .syntaxWrapper p strong{ font-weight:800}
.iotIPWrapper .iotInner .iot .syntaxWrapper p a{ color:#03a9f4; text-decoration:none;}
.iotIPWrapper .iotInner .iot .syntaxWrapper p a:hover{ color:#ee9f06;}
.iotIPWrapper .iotInner .iot .syntaxWrapper p.note{font-family: 'robotomedium'; color: #188f86; font-size: 13px; padding-bottom: 5px;}
.iotIPWrapper .iotInner .iot .syntaxWrapper code{float:left; width:100%; color: #455a64; font-size: 13px; font-family: 'robotoregular'; text-align:left; line-height:22px; margin:5px 0; padding:0.7% 1%; background-color:#f5f5f5;}
.codeSyntax{background-color: #f5f5f5; font-family: Raleway; font-size: 13px; color: #455a64; width: 98%; float:left; width:100%; margin:20px 0; padding: 1%; border-radius:5px; -webkit-box-shadow: 7px 7px 7px -4px rgba(230,230,230,1);
-moz-box-shadow: 10px 10px 10px -4px rgba(230,230,230,1);
box-shadow: 10px 10px 10px -4px rgba(230,230,230,1); }
.iotIPWrapper .iotInner .iot .syntaxWrapper ul{ float:left; width:100%; margin:0; padding:0}
.iotIPWrapper .iotInner .iot .syntaxWrapper ul li{margin:0 0 5px 4%; padding:0; list-style-type:disc; list-style-position:outside;}
.icon1{position: absolute;top: -40px;left: 51%;}
.icon2{position: absolute;top: -35px;left: 71%;}
.icon3{position: absolute;top: -5px;left: 90%;}
.icon4{position: absolute;top: 30px;right: -23%;}
.icon5{position: absolute;top: 85px;right: -31%;}
.icon6{position: absolute;top: 140px;right: -36%;}
.icon7{position: absolute;top: 195px;right: -32%;}
.icon8{position: absolute;top: 247px;right: -26%;}
.icon9{position: absolute;top: 295px;right: -16%;}
.icon10{position: absolute;top: 325px;right: -1%;}
.icon11{position: absolute;top: 355px;right: 14%;}
.icon12{position: absolute;top: 360px;right: 32%;}
.icon13{position: absolute;top: 355px;left: 34%;}
.icon14{position: absolute;top: 335px;left: 17%;}
.icon15{position: absolute;top: 295px;left: 3%;}
.icon16{position: absolute;top: 250px;left: -9%;}
.icon17{position: absolute;top: 195px;left: -16%;}
.icon18{position: absolute;top: 135px;left: -15%;}
.icon19{position: absolute;top: 80px;left: -10%;}
.icon20{position: absolute;top: 35px;left: 2%;}
.icon21{position: absolute;top: -5px;left: 16%;}
.icon22{position: absolute;top: -35px;left: 32%;}
.icon22{position: absolute;top: -35px;left: 32%;}
.icon23{position: absolute;top: 370px;left: 34%;}
.zoneWrapper .zoneInner .zone .textPanel ul { float:left; width:100%; margin:0; padding:0;}
.zoneWrapper .zoneInner .zone .textPanel ul li{ float:left; width:90%; color: #7a7a7a; font-size: 16px; font-family: 'robotoregular'; line-height:24px; margin:0 0 15px 20px; padding:0; list-style-type:disc; list-style-position:outside}
.pushWrapper .pushInner .push ul{ float:left; width:100%;margin:0; padding:0;}
.pushWrapper .pushInner .push ul li{float:left; width:100%; color: #f5ffff; font-size: 16px; font-family: 'robotoregular'; text-align:left; line-height:26px; margin:0 0 15px 0; padding:0; list-style-type:disc; list-style-position:inside}
.scheduleDemoWrapper { float: left; padding: 0; width: 100%; max-width: 100%; background-color: #f5f5f5; background: url(../images/mad_bg.png) right bottom no-repeat; min-height: 600px !important; height: auto; }
.scheduleDemo_inner { max-width: 100%; padding: 0 5%; float: left; }
.scheduleDemoWrapper .scheduleDemo { width: 925px; margin: 0 auto; }
.scheduleDemoWrapper .scheduleDemo .inner { float: left; width: 100%; margin: 0; }
.scheduleDemoWrapper h2 { width: 100%; text-align: left; color: #171717; font-size: 42px; font-family: 'robotoregular'; margin: 50px 0 25px 0; padding-left: 1%; }
.scheduleDemoWrapper .scheduleDemo .inner p { width: 100%; text-align: center; color: #7a7a7a; font-size: 16px; font-family: 'robotoregular'; line-height: 24px; margin: 0 0 15px 0; padding: 0; }
.scheduleDemoWrapper .scheduleDemo .inner .formWrapper { float: left; width: 100%; margin: 30px 0 0 0; }
.scheduleDemoWrapper .scheduleDemo .inner .formWrapper #query_success_msg { color: #46ae00; }
.scheduleDemoWrapper .scheduleDemo .inner .formWrapper #query_error_msg, #query_success_msg { float: left; font-family: 'robotoregular'; font-size: 14px; margin: 0 0 10px; width: 100%; }
.scheduleDemoWrapper .scheduleDemo .inner .formWrapper .row { float: left; width: 100%; margin: 0 0 15px 0; }
.scheduleDemoWrapper .scheduleDemo .inner .formWrapper .row .col { float: left; width: 48%; margin: 0 3% 0 0; }
.scheduleDemoWrapper .scheduleDemo .inner .formWrapper .row input { width: 96%; padding: 2%; border: 1px solid #ccc; color: #1c1c1c; font-size: 14px; font-family: 'robotoregular'; }
.scheduleDemoWrapper .scheduleDemo .inner .formWrapper .row .err_msg { color: #d55252; float: left; font-family: 'robotoregular'; font-size: 12px; margin: 10px 0 0; }
.scheduleDemoWrapper .scheduleDemo .inner .formWrapper .row .col:last-child { margin: 0; float: right; }
.scheduleDemoWrapper .scheduleDemo .inner .formWrapper .btnWraper { float: left; width: 100%; margin: 10px 0 0 0; }
.scheduleDemoWrapper .scheduleDemo .inner .formWrapper .btnWraper .submitBtn { float: right; color: #00a0dc; font-size: 14px; font-family: 'robotoregular'; padding: 13px 35px; border-radius: 20px; border: 1px solid #00a0dc; text-transform: uppercase; background-color: #f5f5f5; }
.scheduleDemoWrapper .scheduleDemo .inner .formWrapper .btnWraper .submitBtn:hover { color: #fff; border: 1px solid #0591c5; background-color: #00a0dc!important; }
.topnv { background: #F3F3F3; width: 1003px; margin: 30px auto 0px; box-shadow: 0 1px 2px 0px rgba(0,0,0,0.2); font-family: 'robotomedium'; }
.topnv a { color: #7a7a7a; display: inline-block; vertical-align: middle; padding: 15px 0; font-size: 16px; min-width: 30%; box-sizing: border-box; text-align: center; text-decoration: none; margin: 0 -4px 0 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; border-left: 1px solid rgba(0,0,0,0.1); }
.topnv a:nth-child(1) { background-color: #bc1142; padding: 0; min-width: 10%!important; float: left; text-align: center; background-image: url("../images/pi_home.png"); background-position: center center; width: 52px; height: 52px; background-repeat: no-repeat; }
.topnv a:nth-child(1):hover { background-color: #000; background-image: url("../images/pi_home.png"); background-repeat: no-repeat; background-position: center center; }
.topnv a:hover, .topnv a.active { color: #ffffff; background: #2D536B; }
.topnv a:first-child { border-left: none; }
#sticky.stick { position: fixed; top: -30px; z-index: 10000; border-radius: 0 0 0.5em 0.5em; width:100%; left:0}
.gettingStarted { float: left; width: 100%; margin: 25px 0 5px 0; padding: 3% 3%; background-color: #f5f5f5; }
.gettingStarted .info { float: left!important; width: auto!important; color: #41617E; font-size: 18px; font-family: 'robotobold'; padding: 10px; }
.gettingStarted .button { float: right; }
.gettingStarted .button a { float: right; color: #fff; font-size: 14px; font-family: 'robotoregular'; padding: 13px 35px; border-radius: 20px; border: 1px solid #00a0dc; text-transform: uppercase; background-color: #00a0dc; }
.gettingStarted .button a:hover { color: #00a0dc; border: 1px solid #00a0dc; background-color: #f5f5f5!important; }
.ContactForm_n .btnWraper { float: left; width: 100%; margin: 10px 0 0 0; }
.ContactForm_n .btnWraper .submitBtn { color: #00a0dc; font-size: 14px; font-family: 'robotoregular'; padding: 13px 35px; border-radius: 20px; border: 1px solid #00a0dc; box-shadow: none; cursor:pointer; }
.ContactForm_n .btnWraper .submitBtn:hover { color: #fff; background-color: #00a0dc!important; border: 1px solid #0591c5; }
.pull-left { float: left!important; }
.mrbt0 { margin-bottom: 0px!important; }
.mrbt20 { margin-bottom: 20px!important; }
.mrbt50 { margin-bottom: 50px!important; }