/* reset css */
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}a{text-decoration:none}table{border-spacing:0}abbr,acronym,fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal}strong{font-weight:700}ol,ul{list-style:none}caption,th{text-align:left}q:after,q:before{content:''}
textarea:focus, input:focus{ outline: none!important;}
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.clear{ clear: both; }
/* loader css */
.load-bar{position:fixed;bottom:0;height:5px;width:100%;z-index:999}.load-bar-container{float:left;width:50%;height:100%;overflow:hidden}.load-bar .load-bar-container:last-child{float:right;-moz-transform-origin:top right;-ms-transform-origin:top right;-webkit-transform-origin:top right}.load-bar-base{float:left;width:100%;height:100%;overflow:hidden;position:relative;background:#159756}.color{width:100%;height:100%;float:left;position:absolute}.base1 .red{background:#da4733;-webkit-animation:move_left_red 4s infinite linear;-moz-animation:move_left_red 4s infinite linear;-ms-animation:move_left_red 4s infinite linear;animation:move_left_red 4s infinite linear}.base1 .blue{background:#3b78e7;-webkit-animation:move_left_blue 4s infinite linear;-moz-animation:move_left_blue 4s infinite linear;-ms-animation:move_left_blue 4s infinite linear;animation:move_left_blue 4s infinite linear}.base1 .yellow{background:#fdba2c;-webkit-animation:move_left_yellow 4s infinite linear;-moz-animation:move_left_yellow 4s infinite linear;-ms-animation:move_left_yellow 4s infinite linear;animation:move_left_yellow 4s infinite linear}.base1 .green{background:#159756;-webkit-animation:move_left_green 4s infinite linear;-moz-animation:move_left_green 4s infinite linear;-ms-animation:move_left_green 4s infinite linear;animation:move_left_green 4s infinite linear}@-webkit-keyframes move_left_red{0%{-webkit-transform:translateX(100%)}100%,25%,50%,75%{-webkit-transform:translateX(0)}}@-moz-keyframes move_left_red{0%{-moz-transform:translateX(100%)}100%,25%,50%,75%{-moz-transform:translateX(0)}}@-ms-keyframes move_left_red{0%{-ms-transform:translateX(100%)}100%,25%,50%,75%{-ms-transform:translateX(0)}}@keyframes move_left_red{0%{transform:translateX(100%)}100%,25%,50%,75%{transform:translateX(0)}}@-webkit-keyframes move_left_blue{0%,25%{-webkit-transform:translateX(100%)}100%,50%,75%{-webkit-transform:translateX(0)}}@-moz-keyframes move_left_blue{0%,25%{-moz-transform:translateX(100%)}100%,50%,75%{-moz-transform:translateX(0)}}@-ms-keyframes move_left_blue{0%,25%{-ms-transform:translateX(100%)}100%,50%,75%{-ms-transform:translateX(0)}}@keyframes move_left_blue{0%,25%{transform:translateX(100%)}100%,50%,75%{transform:translateX(0)}}@-webkit-keyframes move_left_yellow{0%,25%,50%{-webkit-transform:translateX(100%)}100%,75%{-webkit-transform:translateX(0)}}@-moz-keyframes move_left_yellow{0%,25%,50%{-moz-transform:translateX(100%)}100%,75%{-moz-transform:translateX(0)}}@-ms-keyframes move_left_yellow{0%,25%,50%{-ms-transform:translateX(100%)}100%,75%{-ms-transform:translateX(0)}}@keyframes move_left_yellow{0%,25%,50%{transform:translateX(100%)}100%,75%{transform:translateX(0)}}@-webkit-keyframes move_left_green{0%,25%,50%,75%{-webkit-transform:translateX(100%)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes move_left_green{0%,25%,50%,75%{-moz-transform:translateX(100%)}100%{-moz-transform:translateX(0)}}@-ms-keyframes move_left_green{0%,25%,50%,75%{-ms-transform:translateX(100%)}100%{-ms-transform:translateX(0)}}@keyframes move_left_green{0%,25%,50%,75%{transform:translateX(100%)}100%{transform:translateX(0)}}.base2 .red{background:#da4733;-webkit-animation:move_right_red 4s infinite linear;-moz-animation:move_right_red 4s infinite linear;-ms-animation:move_right_red 4s infinite linear;animation:move_right_red 4s infinite linear}.base2 .blue{background:#3b78e7;-webkit-animation:move_right_blue 4s infinite linear;-moz-animation:move_right_blue 4s infinite linear;-ms-animation:move_right_blue 4s infinite linear;animation:move_right_blue 4s infinite linear}.base2 .yellow{background:#fdba2c;-webkit-animation:move_right_yellow 4s infinite linear;-moz-animation:move_right_yellow 4s infinite linear;-ms-animation:move_right_yellow 4s infinite linear;animation:move_right_yellow 4s infinite linear}.base2 .green{background:#159756;-webkit-animation:move_right_green 4s infinite linear;-moz-animation:move_right_green 4s infinite linear;-ms-animation:move_right_green 4s infinite linear;animation:move_right_green 4s infinite linear}@-webkit-keyframes move_right_red{0%{-webkit-transform:translateX(-100%)}100%,25%,50%,75%{-webkit-transform:translateX(0)}}@-moz-keyframes move_right_red{0%{-moz-transform:translateX(-100%)}100%,25%,50%,75%{-moz-transform:translateX(0)}}@-ms-keyframes move_right_red{0%{-ms-transform:translateX(-100%)}100%,25%,50%,75%{-ms-transform:translateX(0)}}@keyframes move_right_red{0%{transform:translateX(-100%)}100%,25%,50%,75%{transform:translateX(0)}}@-webkit-keyframes move_right_blue{0%,25%{-webkit-transform:translateX(-100%)}100%,50%,75%{-webkit-transform:translateX(0)}}@-moz-keyframes move_right_blue{0%,25%{-moz-transform:translateX(-100%)}100%,50%,75%{-moz-transform:translateX(0)}}@-ms-keyframes move_right_blue{0%,25%{-ms-transform:translateX(-100%)}100%,50%,75%{-ms-transform:translateX(0)}}@keyframes move_right_blue{0%,25%{transform:translateX(-100%)}100%,50%,75%{transform:translateX(0)}}@-webkit-keyframes move_right_yellow{0%,25%,50%{-webkit-transform:translateX(-100%)}100%,75%{-webkit-transform:translateX(0)}}@-moz-keyframes move_right_yellow{0%,25%,50%{-moz-transform:translateX(-100%)}100%,75%{-moz-transform:translateX(0)}}@-ms-keyframes move_right_yellow{0%,25%,50%{-ms-transform:translateX(-100%)}100%,75%{-ms-transform:translateX(0)}}@keyframes move_right_yellow{0%,25%,50%{transform:translateX(-100%)}100%,75%{transform:translateX(0)}}@-webkit-keyframes move_right_green{0%,25%,50%,75%{-webkit-transform:translateX(-100%)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes move_right_green{0%,25%,50%,75%{-moz-transform:translateX(-100%)}100%{-moz-transform:translateX(0)}}@-ms-keyframes move_right_green{0%,25%,50%,75%{-ms-transform:translateX(-100%)}100%{-ms-transform:translateX(0)}}@keyframes move_right_green{0%,25%,50%,75%{transform:translateX(-100%)}100%{transform:translateX(0)}}
/* fullpage css */
.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:transparent}#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:10000;align-items:flex-end;top:33.3%;height:33.3%;bottom:33.3%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.right{right:55px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{vertical-align:middle;margin:auto 0;position:relative;padding:0;flex-direction:column;display:flex}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:10px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{color:#fff;height:8px;width:8px;margin:-5px 0 0 -5px;border-radius:100%;border-style:solid;border-width:1px;border-color:#000;background-color:#f5f5f5}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:3px;width:3px;border:0;background:#000;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:nth-child(-n+2){display:none}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}
/* general css */
.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: 500;}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 2px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #000;
    text-align: center;
}
.loader-box{
    top: 40%;
    position: relative;
}
.loader-logo img{
    
}
.loader-title{
    color: #0078d7;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    margin-top: 15px;
}
.loader-dash span{
    color: #0078d7;
    font-size: 70px;
    line-height: 10px;
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.loader-dash span:nth-child(2) {
  animation-delay: .2s;
}

.loader-dash span:nth-child(3) {
  animation-delay: .4s;
}
@keyframes blink {
  0% {
    opacity: .2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: .2;
  }
}
a:link {text-decoration: none;}
body{ height:100%;background-color: #f6f6f6;background-attachment: fixed;background-size:cover;backface-visibility: all;background-position: center;background-repeat: no-repeat;font-family: 'Poppins', sans-serif;}
body.fp-responsive{overflow-x: hidden !important;}
body.noflow{
    overflow: hidden;
}
.next-section{
    cursor:pointer;
    width: 24px;
    bottom: 10px;
    display: block;
    height: 36px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    border: 2px solid rgba(255,255,255,0.2);
    left: 50%;
    position: fixed;
    z-index: 9;
    margin-left: -12px;
}
.next-section span{
    display: block;
    margin: 2px auto;
    width: 2px;
    height: 6px;
    border-radius: 4px;
    background: rgba(255,255,255,0.6);
    border: 1px solid transparent;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
}
@-webkit-keyframes scroll {0% { opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);} 100% { opacity: 0;-webkit-transform: translateY(25px);transform: translateY(25px); }}
@keyframes scroll { 0% {opacity: 1; -webkit-transform: translateY(0);-ms-transform: translateY(0); transform: translateY(0);} 100% {opacity: 0; -webkit-transform: translateY(25px);-ms-transform: translateY(25px);transform: translateY(25px);}} 
img{
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.section{
    overflow:hidden;
    height: 100%;
}
.main{
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 1170px;
}
/* Fixed header------ */
#header{
	position:fixed;
	height: 50px;
	top:0px;
	margin:0px !important;
	display:block;
	width: 100%;
	background: #000;
	z-index:9;
	text-align:center;
	color: #000000;
	padding: 0.7% 4% 2.5% 4%;
}
#header >.menu{
	text-align: right !important;
	margin-top: 0px;
    float: right;
    width: 50%;
    position: relative;
}
#header >.menu img{
	width:36px;
    height: 36px;
}
.menu ul.systemMenu{
	opacity: 0;
	position: absolute;
	transition: all 0.2s;
}
.menu.active ul.systemMenu{
	opacity: 1;
}
.menu li{
	display: inline-block;
	padding-right: 27px;
}
.menu li a{
	font-family: 'PT Sans', sans-serif;
	color: #fff;
}
.menu li a:hover{
    color: #5b9bd5;
}
#header >.intellovate{
	text-align: left !important;
    float: left;
    width: 50%;
}
#header >.intellovate img{
    height: 36px;
    width: 36px;
}
.landing_img
{
	z-index: 0;
	opacity:1;
	width:396px;
	bottom:0;
	position: fixed;
	left: 50%;
	margin-left: -198px;
	bottom: 100px;
}
/* section 0 */
.award_img{
	position: fixed;
	top: 100px;
	right: 0px;
	z-index: 99999;
}
.award-ribbon{
	background: #5b9bd5;
    display: block;
    height: 40px;
    margin-left: 20px;
    margin-top: 20px;
    position: relative;
    width: 140px;
    color: #000;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    padding: 4px 10px;
    text-align: right;
    right: -130px;
}
.award-ribbon:hover{
    cursor: pointer;
    -webkit-animation: slideopp 0.5s forwards;
    -webkit-animation-delay: 0.1s;
    animation: slideopp 0.5s forwards;
    animation-delay: 0.1s;
}
.award-ribbontow{
	background: rgba(255,255,255,0.6);
    display: block;
    height: 40px;
    margin-left: 20px;
    margin-top: 20px;
    position: relative;
    width: 140px;
    color: #000;
    font-size: 12.9px;
    line-height: 15px;
    font-weight: 600;
    padding: 4px 10px;
    text-align: right;
    right: -130px;
}
.award-ribbontow:hover{
    -webkit-animation: slideopp 0.5s forwards;
    -webkit-animation-delay: 0.1s;
    animation: slideopp 0.5s forwards;
    animation-delay: 0.1s;
    cursor: pointer;
}
.award-ribbon:before {
    border-right: 22px solid #5b9bd5;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    content: "";
    height: 0;
    left: -22px;
    position: absolute;
    top: 0px;
    width: 0;
}
.award-ribbontow:before {
    border-right: 22px solid rgba(255,255,255,0.6);
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    content: "";
    height: 0;
    left: -22px;
    position: absolute;
    top: 0px;
    width: 0;
}
#section0{
	padding: 60px 0;
}
#imgpage1{
	width: 100%;
    text-align: center;
    position: fixed;
    bottom: 100px;
}
#imgpage1, #imgpage2{
	-ms-transition: opacity 100ms;
	-o-transition: opacity 100ms;
	-moz-transition: opacity 100ms;
	-webkit-transition: opacity 100ms;
	transition: opacity 100ms;
}
/* Section 1------ */
#section1 img{
    z-index: 1100;
}
.section-intro-title{
	position: absolute;
	top: 12%;
	width: 100%;
}
.section-intro-title h2{
	color: #aaa;
}
.section-intro-title h3{
	color: #999;
}
.section-title{
	color: #212121;
}
.section-title h2 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 900;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 5px !important;
    letter-spacing: 2px !important;
}
.section-title h3{
	clear: both;
    display: inline-block;
    padding: 0 5em!important;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 2px !important;
    margin: 0 8em;
    font-family: 'Poppins', sans-serif;
    /*text-transform: uppercase;*/
}
.section-title h3:after, .section-title h3:before {
    border-bottom: .1em solid #1B2B3B;
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 4em;
}
.section-title h3:before {
    left: 0;
}
.section-title h3:after {
    right: 0;
}
/* Section 2------ */
.parentwrap{
	height: 100%;
	justify-content: center;
    align-items: center;
}
.parentwrap.absolute{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11;
    background: rgba(255,255,255,0.95);
    left: -6000px;
    -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
      transition: all 1s ease;
}
.absolute.active{
    -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
      transition: all 1s ease;
      left: 0;
}
.section-back-cta{
    position: absolute;
    top: 35px;
    right: 50px;
    border: 1px solid #aaa;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding: 3px;
    display: inline-block;
    cursor: pointer;
    z-index: 11;
}
.section-back-cta.home-cta{
    top: 80px;
    right: 80px;
}
.section-main-title{
	position: absolute;
	top: 100px;
	width: 100%;
}
.data-main-wrap{
	width: 100%;
	height: 100%;
	align-items: center;
	padding: 0;
}
.main-wrap-in{
	width: 100%;
	position: absolute;
}
.main-wrap-in.fullwrap{
	max-width: 100%;
	margin: 0;
}
.client-grid {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    border-left: 1px solid rgba(127, 127, 127, .15);
    border-top: 1px solid rgba(127, 127, 127, .15);
    position: relative;
    width: 500px;
    z-index: 2;
    transition: all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    margin:5px auto;
}
.grid-item {
    border: 0;
    display: block;
    float: left;
    overflow: hidden;
    position: relative
}
.client-logo {
    border-bottom: 1px solid rgba(127, 127, 127, .15);
    border-right: 1px solid rgba(127, 127, 127, .15);
    padding-bottom: 33%;
    transition: all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    width: 33.33%
}
.client-logo .table {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}
.item-centered {
    display: block;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    width: 100%;
    padding:0 50px;
}
.item-centered span{
    width: 64px;
    height: 64px;
    display: inline-block;
    background-image: url('../images/icons.png');
    background-repeat: no-repeat;
    background-position: -0px -384px;
    transition: all 1s cubic-bezier(.23, 1, .32, 1) 0s;
    -webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1) 0s;
    -moz-transition: all 1s cubic-bezier(.23, 1, .32, 1) 0s;
    -o-transition: all 1s cubic-bezier(.23, 1, .32, 1) 0s;
}
.grid-item.heartrate .item-centered span{
    background-position: -0px -384px;
}
.grid-item.voicepwd .item-centered span{
    background-position: -0px -1664px;
}
.grid-item.bodytemp .item-centered span{
    background-position: -0px -1472px;
}
.grid-item.oxycontent .item-centered span{
    background-position: -0px -960px;
}
.grid-item.impact .item-centered span{
    background-position: -0px -512px;
}
.grid-item.injuries .item-centered span{
    background-position: -0px -640px;
}
.grid-item.speed .item-centered span{
    background-position: -0px -1344px;
}
.grid-item.force .item-centered span{
    background-position: -0px -320px;
}
.grid-item.unsafe .item-centered span{
    background-position: -0px -1536px;
}
.grid-item.stress .item-centered span{
    background-position: -0px -1408px;
}
.grid-item.timebased .item-centered span{
    background-position: -0px -192px;
}
.grid-item.andmore .item-centered span{
    background-position: -0px -704px;
}
.client-logo .table>i {
    color: #424242;
    font-style: normal;
    line-height: 24px;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%!important;
    transform: translateY(80px);
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    width: 100%;
    font-size:14px;
    font-weight: 600;
}
.client-logo i {
    bottom: 0!important;
    top: auto!important;
    transition: all 1s cubic-bezier(.23, 1, .32, 1) 0s!important;
    -webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1) 0s!important;
    -moz-transition: all 1s cubic-bezier(.23, 1, .32, 1) 0s!important;
    -o-transition: all 1s cubic-bezier(.23, 1, .32, 1) 0s!important;
    height: 22px
}
.client-logo:hover{
	cursor: pointer;
}
.client-logo:hover .item-centered span {
    opacity: 1;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px)
}
.client-logo:hover i {
    opacity: 1;
    transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    top: 83% !important;
}
.client-logo.stress:hover i{
    top: 73% !important;
}
.client-logo.bodytemp:hover i{
    top: 73% !important;
}
.client-logo:hover {
    background-color: #f7f7f7
}
.autosense-text{
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	width: 700px;
	margin:0 auto;
	padding-bottom: 20px;
}
/* Section 3------ */
.designleftpart{
	padding-left: 10%;
	padding-top: 30px;
	padding-bottom: 30px;
    width: 33.3333%;
    padding-right: 15px;
    float: left;
}
.designrightpart{
	padding-right: 0;
	padding-left: 0;
	padding-top: 0px;
	padding-bottom: 0px;	
    width: 33.3333%;
    float: left;
}
.topborder{
	border-top: solid 1px #b5b5b5; 
	padding:0px; 
	margin-bottom:100px;
    width: 100%;
}
.bottomborder{
	border-bottom: solid 1px #b5b5b5;
	margin-top:100px;
    width: 100%;
}
.feature_text7{
	padding:0px; 
	text-align: left; 
	position:relative;
    width: 100%;
}
.watchtext{
	font-size: 18px;
}
.watchmainimg{
	text-align: center;
}
.watchmainimg img{
	height: 370px;
}
.designrightbox{
	padding-bottom: 37px;
	width: 370px;
}
.designrightbox.last{
	padding-bottom: 0;
}
.designrighttitle{
	font-size: 16px;
	line-height: 26px;
	color: #424242;
    font-weight: 700;
}
.designrighttext{
	font-size: 12px;
	line-height: 16px;
}
/* Section 4------ */
.safety-container{
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}
.safety-box{
	float: left;
	border: solid 2px #b5b5b5;
	margin-right: 42px;
	position: relative;
	width: 200px;
	height: 200px;
}
.safety-box.last{
	margin-right: 0;
}
.safety-mobile{
	display: none;
}
.safety-box-list li{
	border-bottom: 1px solid #b5b5b5;
	line-height: 32px;
	height: 50px;
	font-size: 13px;
    padding: 9px;
}
.safety-box-list li span{
    width: 32px;
    height: 32px;
    display: inline-block;
    background-image: url('../images/icons.png');
    background-repeat: no-repeat;
    margin-right: 10px;
    float: left;
}
.safety-box-list li#voice span{
	background-position: -0px -2720px;
}
.safety-box-list li#auto span{
    background-position: -0px -2720px;
}
.safety-box-list li#manual span{
	background-position: -32px -2240px;
}
.safety-box-list li#remote span{
	background-position: -0px -2400px;
}
.safety-box-list li#callcenter span{
	background-position: -32px -2592px;
}
.safety-box-list li#ice span{
	background-position: -32px -2144px;
}
.safety-box-list li#community span{
	background-position: -32px -1984px;
}
.safety-box-list li#ers span{
	background-position: -32px -2016px;
}
.safety-box-list li.last{
	border-bottom: none;
}
.safety-box-img{
	width: 200px;
	height: 200px;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}
.safety-box-img img{
	width: 160px;
	height: 160px;
}
.safety-box-img2{
	width: 64px;
	height: 64px;
	margin: 0 auto;
	margin-top: 50px;
	text-align: center;
	margin-bottom: 20px;
    background-image: url('../images/icons.png');
    background-repeat: no-repeat;
}
.safety-box-img2.platform{
	background-position: -0px -1152px;
}
.safety-box-img2.ecosystem{
    background-position: -0px -256px;
}
.safety-img-caption{
	padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
	font-size: 13px;
	line-height: 20px;
}
.safety-bottom{
    padding: 50px 0;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    max-width: 750px;
    margin: 0 auto;
}
.safety-bottom.autosense{
    padding-top: 20px;
    padding-bottom: 0;
}
.safety-cta{
	width: 200px;
	margin: 0 auto;
}
.safety-cta a{
	background: #379fe6;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	line-height: 24px;
	padding: 10px 0;
	width: 100%;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}
/* Section 5------ */
.wellness-box1{
	background: url('../images/welness_bg.png') no-repeat center center;
	width: 260px;
	height: 320px;
	position: relative;
	float: left;
	margin-right: 10px;
}
.welnees-icon{
	width: 48px;
	height: 48px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	overflow: hidden;
	padding: 7px;
	display: inline-block;
}
.welnees-icon span{
    width: 32px;
    height: 32px;
    display: inline-block;
    background-image: url('../images/icons.png');
    background-repeat: no-repeat;
}
.degree0 { transform: rotate(0deg) translate(125px) rotate(-0deg);}
.degree0 span{ background-position: -32px -2112px; }
.degree75 { transform: rotate(66deg) translate(25px) rotate(-66deg);}
.degree75 span{ background-position: -0px -2176px; }
.degree135 { transform: rotate(135deg) translate(130px) rotate(-135deg);}
.degree135 span{ background-position: -0px -2336px; }
.degree306 { transform: rotate(302deg) translate(-278px) rotate(-301deg);}
.degree306 span{ background-position: -0px -2656px; }
.degree312 { transform: rotate(312deg) translate(-223px) rotate(-312deg);}
.degree312 span{ background-position: -32px -2624px; }
.degree63 { transform: rotate(59deg) translate(240px) rotate(-59deg);}
.degree63 span{ background-position: -0px -2592px; }
.wellness-box-2{
	background: url('../images/cloud_img.png') no-repeat center top;
	width: 283px;
	height: 150px;
	float: left;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	font-weight: 700;
	padding-top: 70px;
	margin-top: 90px;
	margin-right: 10px;
    background-size: 250px;
}
.wellness-box-small{
	background: url('../images/arrow-pair.png') no-repeat center top;
	width: 81px;
	height: 75px;
	float: left;
	text-align: center;
	font-size: 13px;
	line-height: 30px;
	padding: 10px 0;
	margin-top: 123px;
	margin-right: 5px;
}
.wellness-box-last{
	float: left;
	background: #fff;
	border: 2px solid #a9a9a9;
	width: 220px;
	text-align: center;
	padding: 15px 0;
	margin-top: 35px;
	margin-right: 30px;
}
.wellness-last-title{
	font-size: 13px;
	line-height: 20px;
	padding-bottom: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
}
.wellness-last-img{
	padding-bottom: 20px;
}
.wellness-last-img img{
	height: 60px;
}
.wellness-list{
	float: left;
	margin-top: 35px;
}
.wellness-list-item{
	height: 50px;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    padding: 10px 0;
    text-align: left;
    width: 180px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 40px;
}
.wellness-list-item span{
    width: 32px;
    height: 32px;
    display: inline-block;
    float: right;
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
}
.wellness-list-item.report span{
	background-position: -32px -2400px;
}
.wellness-list-item.update span{
    background-position: -0px -2688px;
}
.wellness-list-item.alert span{
	background-position: -0px -2304px;
}
.wellness-list-item.view span{
	background-position: -32px -2688px;
}
.wellness-list-item::before{
	border-top: 1px solid #424242;
	position: absolute;
	content: '';
	width: 30px;
	left: 0;
	top: 24px;
}
.wellness-container-mobile{
	display: none;
}
.wellness .safety-bottom{
	padding-bottom: 0;
}
/* Section 6------ */
.usp-img{
	float: left;
	margin-right: 70px;
	width: 235px;
	background: url('../images/watch_bg1.png') no-repeat center top;
	height: 364px;
}
.usp-icon{
	margin-top: 162px;
}
.usp-icon .usp-icon-in{
    width: 64px;
    height: 64px;
    margin: 0 auto;
    background: url('../images/icons.png');
    background-repeat: no-repeat;
}
.usp-icon.independent .usp-icon-in{
    background-position: -0px -576px;
}
.usp-icon.multifunction .usp-icon-in{
    background-position: -0px -768px;
}
.usp-icon.autosense .usp-icon-in{
    background-position: -0px -128px;
}
.usp-icon.autotrigger .usp-icon-in{
    background-position: -0px -128px;
}
.usp-icon.platform .usp-icon-in{
    background-position: -0px -1152px;
}
.usp-icon.wearable .usp-icon-in{
    background-position: -0px -1728px;
}
.usp-icon.ecosystem .usp-icon-in{
    background-position: -0px -256px;
}
.usp-info{
	float: right;
	margin-right: 85px;
}
.usp-timeline{
	margin-top: 100px;
}
.usp-item{
	float: left;
	border-bottom: 2px solid #8a8a8a;
	position: relative;
	width: 130px;
	text-align: center;
}
.usp-item.bottom{
	border-top: 2px solid #8a8a8a;
	border-bottom: none;
	margin-top: 50px;
}
.usp-text{
	font-size: 16px;
	line-height: 20px;
	height: 50px;
	padding-bottom: 30px;
}
.usp-item.bottom .usp-text{
	padding-bottom: 0;
	padding-top: 30px;
}
.usp-circle{
	position: absolute;
	width: 24px;
	height: 24px;
	border:2px solid #8a8a8a;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background: #f5f5f5;
	bottom: -12px;
	left: 40%;
}
.usp-item.bottom .usp-circle{
	top: -12px;
}
.usp-circle:hover{
	cursor: pointer;
}
.usp-circlein{
	background: #379fe6;
	position: relative;
	width: 12px;
	height: 12px;
	margin: 4px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	display: none;
}
.usp-item.active .usp-circlein{
	display: block;
}
.usp-item-info{
	padding-top: 60px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
    max-width: 670px;
    margin: 0 auto;
}
.usp-item-info a{
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    background: #5b9bd5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px 10px;
    color: #fff;
    margin-top: 5px;
}
.usp-item-info a:hover{
    text-decoration: underline;
}
/* Section 7------ */
.multifumction-box{
	max-width: 1000px;
	margin: 0 auto;
}
.multifunction-left{
	float: left;
	width: 470px;
	margin-right: 60px;
}
.multifunction-item-icon{
	background: rgb(237,237,237);
	width: 150px;
	height: 150px;
    margin: 5px 10px 5px 0;
	float: left;
	padding: 32px;
}
.multifunction-item-icon span{
    background-image: url('../images/icons.png');
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    display: inline-block;
}
#multi1 span{
    background-position: -0px -1024px;
}
#multi1.active span{
    background-position: -0px -1088px;
}
#multi2 span{
    background-position: -0px -1216px;
}
#multi2.active span{
    background-position: -0px -1280px;
}
#multi3 span{
    background-position: -0px -384px;
}
#multi3.active span{
    background-position: -0px -448px;
}
#multi4 span{
    background-position: -0px -0px; 
}
#multi4.active span{
    background-position: -0px -64px;
}
#multi5 span{
    background-position: -0px -832px;
}
#multi5.active span{
    background-position: -0px -896px;
}
#multi6 span{
    background-position: -0px -1536px;
}
#multi6.active span{
    background-position: -0px -1600px;
}
.multifunction-item-icon:hover{
	cursor: pointer;
}
.multifunction-item-icon.active{
	background: #5b9bd5;
}
.multifunction-item-icon:nth-child(3n){
	margin-right: 0;
}
.multifunction-right{
	float: left;
	width: 470px;
    margin: 5px 0;
}
.maultifunction-item-data{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 42px;
	padding-bottom: 42px;
	text-align: left;
	padding-right: 30px;
	display: none;
    min-height: 310px;
}
.maultifunction-item-data.active{
	display: block;
}
.multi-title{
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	color: #424242;
	padding-bottom: 20px;
	font-weight: 600;
}
.multi-text{
	font-size: 14px;
	line-height: 24px;
}
.multi-text a{
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    background: #5b9bd5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px 10px;
    color: #fff;
    margin-top: 5px;
}
/* Section 8------ */
.featursection .section-main-title{
	top: 138px;
}
.circle-container {
	position: relative;
	width: 1063px;
	height: 1063px;
	margin: auto auto;
	margin-top: -38px;
	margin-bottom: -50px;
}
.circle-container a {
	display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px;
    border: 1px solid #999;
    padding: 8px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.circle-container a:not(.center) span
{
	background-repeat:  no-repeat;
    background-image: url(../images/icons.png);
    width: 32px;
    height: 32px;
    position: absolute;
    display: inline-block;
    top: 8px;
    left: 8px;
}
.circle-container a.active{
	background-color: #5b9bd5;
	border-color: #5b9bd5;
}
.center {
    height: initial !important;
    width: initial !important;
    -webkit-transform: translate(-50%,-50%);
}
.circle-container a.center{
	border: none;
	background: url('../images/watch_bg2.png') no-repeat center center;
	width: 165px !important;
	height: 300px !important;
	text-align: center;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
    left: 52% !important;
}
.center-icon{
	background: #5b9bd5;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	padding: 14px;
	margin:0 auto;
	margin-top: 110px;
}
.center-icon span{
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
}
.circle-container img { display: block; width: 100%; }
.circle-container a.active:before{
	margin-left: -170px;
	color: #424242;
	font-size: 14px;
	font-weight: 600;
    width: 150px;
    display: inline-block;
    text-align: right;
}
.circle-container a.active span{
    
}
.deg9 { transform: rotate(9deg) translate(532px) rotate(-9deg); }
.deg9 span{  background-position: -0px -2656px;}
.deg9.active span{  background-position: -32px -2656px;}
.center-icon span.fea13{  background-position: -32px -2656px;}
.deg9.active:before{content: 'Track other devices';}

.deg18 { transform: rotate(18deg) translate(532px) rotate(-18deg);}
.deg18 span{  background-position: -32px -1888px;}
.deg18.active span{  background-position: -0px -1920px;}
.center-icon span.fea14{  background-position: -0px -1920px;}
.deg18.active:before{content: 'Watch & Organizer';}

.deg27 { transform: rotate(27deg) translate(532px) rotate(-27deg); } 
.deg27 span{  background-position: -0px -2304px;}
.deg27.active span{  background-position: -32px -2304px; }
.center-icon span.fea15{  background-position: -32px -2304px; }
.deg27.active:before{content: 'Alerts & Notification';}

.deg36 { transform: rotate(36deg) translate(532px) rotate(-36deg);  }
.deg36 span{  background-position: -0px -2752px;}
.deg36.active span{  background-position: -32px -2752px;}
.center-icon span.fea11{  background-position: -32px -2752px;}
.deg36.active:before{content: 'Miscellaneous';}

.deg144 { transform: rotate(144deg) translate(532px) rotate(-144deg); }
.deg144 span{  background-position: -0px -2208px; }
.deg144.active span{  background-position: -32px -2176px;  }
.center-icon span.fea8{  background-position: -32px -2176px; }
.deg144.active:before{content: 'Goal Tracking';}

.deg153 { transform: rotate(153deg) translate(532px) rotate(-153deg); }
.deg153 span{  background-position: -32px -1920px; }
.deg153.active span{  background-position: -0px -1952px; }
.center-icon span.fea7{  background-position: -0px -1952px; }
.deg153.active:before{content: 'Calorie Count';}

.deg162 { transform: rotate(162deg) translate(532px) rotate(-162deg); }
.deg162 span{  background-position: -0px -2528px;}
.deg162.active span{  background-position: -32px -2528px;}
.center-icon span.fea6{  background-position: -32px -2528px;}
.deg162.active:before{content: 'Stair & Step Count';}

.deg171 { transform: rotate(171deg) translate(532px) rotate(-171deg);}
.deg171 span{  background-position: -32px -2080px;}
.deg171.active span{  background-position: -0px -2112px;}
.center-icon span.fea5{  background-position: -0px -2112px;}
.deg171.active:before{content: 'GeoFencing';}

.deg180 { transform: rotate(180deg) translate(532px) rotate(-180deg); }
.deg180 span{  background-position: -0px -2240px;}
.deg180.active span{  background-position: -32px -2784px;}
.center-icon span.fea4{  background-position: -32px -2784px;}
.deg180.active:before{content: 'Accident Detector';}

.deg189 { transform: rotate(189deg) translate(532px) rotate(-189deg); }
.deg189 span{  background-position: -0px -2048px;}
.deg189.active span{  background-position: -32px -2048px;}
.center-icon span.fea3{  background-position: -32px -2048px;}
.deg189.active:before{content: 'Fake Call';}

.deg198 { transform: rotate(198deg) translate(532px) rotate(-198deg); }
.deg198 span{  background-position: -32px -2432px;}
.deg198.active span{  background-position: -0px -2464px;}
.center-icon span.fea2{  background-position: -0px -2464px;}
.deg198.active:before{content: 'Keep me safe';}

.deg207{ transform: rotate(207deg) translate(532px) rotate(-207deg); }
.deg207 span{  background-position: -32px -2464px;}
.deg207.active span{  background-position: -0px -2496px;}
.center-icon span.fea1{  background-position: -0px -2496px;}
.deg207.active:before{content: 'SOS';}

.deg333 { transform: rotate(333deg) translate(532px) rotate(-333deg);}
.deg333 span{  background-position: -0px -2560px;}
.deg333.active span{  background-position: -32px -2560px;}
.center-icon span.fea9{ background-position: -32px -2560px;}
.deg333.active:before{content: 'Wellness Tracking';}

.deg342 { transform: rotate(342deg) translate(532px) rotate(-342deg);}
.deg342 span{  background-position: -32px -2400px;}
.deg342.active span{  background-position: -0px -2432px;}
.center-icon span.fea10{  background-position: -0px -2432px;}
.deg342.active:before{content: 'Reporting';}

.deg351 { transform: rotate(351deg) translate(532px) rotate(-351deg);}
.deg351 span{  background-position: -0px -2816px;}
.deg351.active span{  background-position: -32px -2816px;}
.center-icon span.fea11{  background-position: -32px -2816px;}
.deg351.active:before{content: 'Advising Remediation';}

.deg360 { transform: rotate(360deg) translate(532px) rotate(-360deg);}
.deg360 span{  background-position: -0px -2848px;}
.deg360.active span{  background-position: -32px -2848px;}
.center-icon span.fea12{  background-position: -32px -2848px;}
.deg360.active:before{content: 'Find me';}

.circle-container:after {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	border: dotted 1px #424242;
	border-radius: 50%;
	opacity: 0.5;
	pointer-events: none;
	content: '';
}
.feature-content-box{
	position: absolute;
	bottom: 200px;
	width: 50%;
	text-align: center;
	left: 25%;
	right: 25%;
}
.feature-title{
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
    line-height: 24px;
}
.feature-text{
	font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}
.feature-box-wrap{
	display: block;
    margin: 0 50px;
    padding: 0
}
.feature-box-wrap ul {
    margin: 0;
    padding: 0
}
.feature-box-wrap .feature-box-content {
    border: 1px solid #ebebeb;
    height: 102px;
    list-style: none none;
    margin-bottom: -1px;
    margin-right: -1px;
    padding: 0 1px 0 0;
    position: relative;
    width: 25%;
    float: left;
    text-align: center;
    overflow: hidden;
}
.feature-box-wrap .feature-box-content.active{
	background: #5b9bd5;
}
.feature-box-wrap .feature-box-content:hover{
	cursor: pointer;
}
.feature-box-content .feature-box-icon{
	width: 102px;
	height: 102px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;
	transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transition: all 1s cubic-bezier(.23, 1, .32, 1) 0s;
    -webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1) 0s;
    -moz-transition: all 1s cubic-bezier(.23, 1, .32, 1) 0s;
    -o-transition: all 1s cubic-bezier(.23, 1, .32, 1) 0s;
}
.feature-box-content .feature-box-icon span{
    width: 32px;
    height: 32px;
    background-image: url('../images/icons.png');
    display: inline-block;
    margin-top: 32px;
}
.feature-box-content.active .feature-box-icon{
	/*margin: 8px auto;*/
	transform: translateY(-22px);
    -webkit-transform: translateY(-22px);
    -moz-transform: translateY(-22px);
    -o-transform: translateY(-22px);
    -ms-transform: translateY(-22px)
}
.feature-box-content .feature-box-icon.sos span{background-position: -32px -2464px;}
.feature-box-content.active .feature-box-icon.sos span{background-position: -0px -2496px;}

.feature-box-content .feature-box-icon.keep_me_safe span{background-position: -32px -2432px;}
.feature-box-content.active .feature-box-icon.keep_me_safe span{background-position: -0px -2464px;}

.feature-box-content .feature-box-icon.fake_call span{background-position: -0px -2048px;}
.feature-box-content.active .feature-box-icon.fake_call span{background-position: -32px -2048px;}

.feature-box-content .feature-box-icon.accident span{background-position: -0px -2240px;}
.feature-box-content.active .feature-box-icon.accident span{background-position: -32px -2784px;}

.feature-box-content .feature-box-icon.geofance span{background-position: -32px -2080px;}
.feature-box-content.active .feature-box-icon.geofance span{background-position: -0px -2112px;}

.feature-box-content .feature-box-icon.stepcount span{background-position: -0px -2528px;}
.feature-box-content.active .feature-box-icon.stepcount span{background-position: -32px -2528px;}

.feature-box-content .feature-box-icon.calorie span{background-position: -32px -1920px;}
.feature-box-content.active .feature-box-icon.calorie span{background-position: -0px -1952px;}

.feature-box-content .feature-box-icon.goal_tracking span{background-position: -0px -2208px;}
.feature-box-content.active .feature-box-icon.goal_tracking span{background-position: -32px -2176px;}

.feature-box-content .feature-box-icon.wellness_tracking span{background-position: -0px -2560px;}
.feature-box-content.active .feature-box-icon.wellness_tracking span{background-position: -32px -2560px;}

.feature-box-content .feature-box-icon.reports span{background-position: -32px -2400px;}
.feature-box-content.active .feature-box-icon.reports span{background-position: -0px -2432px;}

.feature-box-content .feature-box-icon.remediation span{background-position: -0px -2816px;}
.feature-box-content.active .feature-box-icon.remediation span{background-position: -32px -2816px;}

.feature-box-content .feature-box-icon.findme span{background-position: -0px -2848px;}
.feature-box-content.active .feature-box-icon.findme span{background-position: -32px -2848px;}

.feature-box-content .feature-box-icon.trackme span{background-position: -0px -2656px;}
.feature-box-content.active .feature-box-icon.trackme span{background-position: -32px -2656px;}

.feature-box-content .feature-box-icon.calendar span{background-position: -32px -1888px;}
.feature-box-content.active .feature-box-icon.calendar span{background-position: -0px -1920px;}

.feature-box-content .feature-box-icon.notification span{background-position: -0px -2304px;}
.feature-box-content.active .feature-box-icon.notification span{background-position: -32px -2304px;}

.feature-box-content .feature-box-icon.misc span{background-position: -0px -2752px;}
.feature-box-content.active .feature-box-icon.misc span{background-position: -32px -2752px;}



.feature-box-content .feature-box-title{
	padding: 0 20px 0px 20px;
}
.feature-box-content .feature-box-title h3{
	font-size: 13px;
	color: #fff;
	line-height: 20px;
}
.feature-box-content.active .feature-box-title h3{
	transform: translateY(-42px);
    -webkit-transform: translateY(-42px);
    -moz-transform: translateY(-42px);
    -o-transform: translateY(-42px);
    -ms-transform: translateY(-42px);
}
.featurebox-item-content{
    font-size: 13px;
    line-height: 20px;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    min-height: 98px;
}
#mobile-features{
    display: none;
}
/* Section 9------ */
.feature-img{
	float: left;
	width: 400px;
	padding-right: 100px;
}
.feature-info{
	float: left;
	padding-top: 25px;
}
.feature-line{
	float: left;
	text-align: left;
	padding-right: 100px;
}
.feature-clear{
    display: none;
}
.feature-title{
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	padding-bottom: 0px;
	font-weight: 700;
    margin-bottom: 2px;
}
.feature-items{
	padding-bottom: 20px;
}
.feature-items ul li{
	font-size: 13px;
    line-height: 20px;
}
/* Section 10------ */
.news-item{
	float: left;
	margin-right: 30px;
}
.news-item.last{
	margin-right: 0;
}
/* Footer------ */
.footercontainer{
	padding-bottom: 0px !important; 
	padding-top: 0px!important; 
	background-color: rgba(0,0,0,1); 
	overflow: hidden; 
	position: absolute; 
	z-index: 14; 
	width: 100%; 
	height: 20%; 
	bottom: 0;
}
#rewind{
	padding-top:2%; 
	background-color: rgba(0,0,0,1);
}
.share{
	padding-left: 0;
}
.copytext{
	color: #999;
	text-align: left;
	font-size: 14px;
	padding-right: 0;
	padding-top: 10px;
}
.share.active .sharelist{
	overflow: hidden;
	height: 40px;
    opacity: 1;
    -ms-transition: width 500ms;
    -o-transition:width 500ms;
    -moz-transition:width 500ms;
    -webkit-transition:width 500ms;
    transition: width 500ms;
}
.share li{
	display: inline-block;
	text-decoration-style: none;
	width:40px;
	height:40px;
	float: left;
    background: url('../images/social_icons.png') no-repeat;
}
.share li:hover{
	cursor: pointer;
}
.share #tw{
	background-position: -0px -0px;
}
.share #fb{
	background-position: -80px -0px;
}
.share #gplus{
	background-position: -40px -40px;
 }
.share #youtube{
	background-position: -0px -80px;
 }
.share #instagram{
	background-position: -80px -80px;
}
.share #tw:hover{
	background-position: -40px -0px;
}
.share #fb:hover{
	background-position: -0px -40px;
}
.share #gplus:hover{
	background-position: -80px -40px;
 }
.share #youtube:hover{
	background-position: -40px -80px;
 }
.share #instagram:hover{
	background-position: -0px -120px;
}
.share div a:hover , .invite div a img:hover{
	cursor: pointer;
}
/* Section 1* --------------------------------------- */
.fp-viewing-home{
	background: #000 !important;
}
.fp-viewing-introducing-omnisafe{
	background: #000 !important;
}
#section2,#section3,#section4,#section5,#section6,#section7,#section8,#section9,#section10{
	background-color: #f5f5f5;
	height: 100%;
	background-size: 100% 100%;
	backface-visibility: all;
	background-position: center;
	background-repeat: no-repeat;
}
/* Overwriting fullPage.js tooltip color
* --------------------------------------- */
.fp-tooltip{
	color: #AAA;
}
#fp-nav{
	top: 50%;
    display: none !important;
}
#fp-nav.right{
    right: 10px;
}
#fp-nav span, .fp-slidesNav span{
	border-color: #AAA;
}
#fp-nav li .active span, .fp-slidesNav .active span{
	background: #AAA;
}
#fp-nav ul li a span{
    background: rgba(0,0,0,0.2);
    width: 5px;
    height: 5px;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span{
    width: 7px;
    height: 7px;
    border: none;
    background: #000;
    margin: -4px 0px 0 -4px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
/*--------landing page images -------------------*/
#imgpage2, #imgpage3
{
	opacity:0;
}
#imgpage1 .active{
	-o-transition: opacity 1000ms;
	-moz-transition: opacity 1000ms;
	-webkit-transition: opacity 1000ms; 
	transition: opacity 1000ms,;
	opacity: 1;
}
#imgpage2 .active{
	-o-transition: opacity 1000ms;
	-moz-transition: opacity 1000ms;
	-webkit-transition: opacity 1000ms; 
	transition: opacity 1000ms,;
	opacity: 1;
}
#imgpage2 .inactive{
	-o-transition: opacity 1000ms;
	-moz-transition: opacity 1000ms;
	-webkit-transition: opacity 1000ms;
	transition: opacity 1000ms,;
	opacity: 0;
}
.menu123 {
	overflow: hidden;
	height: 100%;
	text-align: center;
	margin: 0 auto 0;
	overflow: hidden;
}
.menu123 ul li img {
	width: 50%;
}
/*----------send invite------------*/
.pageName {
	margin-top: -25px;
	right: 12px;
	width: 105px;
	position: absolute;
  	text-align: right!important;
  	text-transform: uppercase;
}
.pageName small{
    font-size: 14px;
    color: rgba(0,0,0,0.5);
}
.menuIcon img {
	width: 20px;
}
.menu ul.systemMenu {
	right: 35px;
    top: 8px;
}
.mobileMenu {
	margin-top: 30px;
	position: absolute;
	width: 100%;
	margin-left: -15px;
	height: 0px;
	overflow: hidden;
	transition: all 0.2s;
	display: none;
}
.mobileMenu li {
	height: 40px;
	background: #f5f5f5;
	padding: 10px;
	border-bottom: 1px solid #d6d5d5;
}
.mobileMenu li a{
	color: #000;
}
/* about css */
#pagemain{
	width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    bottom: 0;
    background: #000;
}
.about-page-main{
    margin-top: 30%;
}
.about-page-title{
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    line-height: 60px;
    color: #fff;
    font-weight: 700;
    margin-top: 100px;
}
.about-page-line{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}
.about-page-left{
    float: left;
    width: 50%;
}
.about-page-right{
    float: right;
    width: 50%;
}
.about-icon-block{
    width: 140px;
    height: 140px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.1);
    overflow: hidden;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.about-icon-image{
    padding: 20px 45px;
}
.about-icon-image img{
    width: 50px;
    height: 50px;
}
.about-icon-title{
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 30px;
    padding-bottom: 10px;
}
#header-top{
    background: url(../images/banner_image.jpg) no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 300px;
}
.header-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    right: 0;
    background: rgba(66,66,66,0.5);
}
.aboutpage #header{
    background: none;
    height: 70px;
    padding: 14px 4%;
}
.about-logo{
    float: left;
}
.header-middle {
    position: relative;
    display: table;
    width: 100%;
    text-align: center;
    height: 300px;
}
.header-middle-inner {
    display: table-cell;
    vertical-align: middle;
}
#header-about{
    width: 100%;
    background: #fff;
    padding-top: 10px;
    position: fixed;
    top: 0;
    z-index: 11;
    -webkit-box-shadow: 0px 3px 3px -2px rgba(204,204,204,1);
    -moz-box-shadow: 0px 3px 3px -2px rgba(204,204,204,1);
    box-shadow: 0px 3px 3px -2px rgba(204,204,204,1);
}
.about-logo{
    float: left;
    height: 46px;
    padding-bottom: 10px;
}
.about-logo img{
    height: 36px;
}
.about-menu{
    float: right;
    padding: 6px 0;
}
.about-menu ul li{
    float: left;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    padding: 0 20px;
}
.about-menu ul li.hassubnav{
    position: relative;
}
.about-menu ul li.hassubnav ul{
    position: absolute;
    background: #f5f5f5;
    top: 40px;
    width: 220px;
    display: none;
}
.about-menu ul li.hassubnav:hover ul{
    display: block;
}
.about-menu ul li.hassubnav ul li{
    float: none;
    padding: 7px 20px;
}
.about-menu ul li.hassubnav ul li:hover{
    background: #0078d7;
    cursor: pointer;
}
.about-menu ul li a{
    color: #252b33;
    border-bottom: 3px solid #fff;
    padding-bottom: 19px;
}
.about-menu ul li.active a{
    border-color: #0078d7;
    color: #0078d7;
}
.about-menu ul li.hassubnav ul li a{
    border: none;
    color: #424242;    
}
.about-menu ul li.hassubnav ul li:hover a{
    color: #fff;
}
#breadcum-about{
    background: #000;
    height: 70px;
    width: 100%;
    padding: 20px 0;
    margin-top: 56px;
}
.about-inner-page-title{
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    line-height: 30px;
    float: left;
}
.about-breadcum{
    color: #ccc;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 30px;
    float: right;
}
.about-breadcum a{
    color: #ccc;
}
.about-breadcum a.active{
    color: #fff;
}
.about-page-data{
    background: #fff;
    padding: 50px 0;
}
.about-page-data.greybg{
    background: #f5f5f5
}
.about-section-title{
    font-size: 22px;
    line-height: 22px;
    border-bottom: 2px solid #e7e8ea;
    padding-bottom: 10px;
    color: #25292b;
    font-family: 'Poppins', sans-serif;
}
.about-section-title2{
    float: left;
    width: 30%;
    font-size: 27px;
    line-height: 36px;
    color: #25292b;
    font-family: 'Poppins', sans-serif;
    font-style: italic;
}
.about-section-title2 span{
    font-size: 20px;
    line-height: 24px;
}
.first .about-section-title2{
    margin-top: 80px;
    text-align: right;
}
.second .about-section-title2{
    float: right;
    margin-top: 80px;
}
.team .about-section-title2{
    width: 40%;
    margin-top: 50px;
    text-align: right;
}
.about-section-text2{
    font-size: 16.5px;
    color: #8c9295;
    line-height: 30px;
    float: left;
    width: 70%;
    padding-left: 5%;
}
.about-section-text2 span{
    color: #0078d7;
}
.second .about-section-text2{
    padding-left: 0;
    padding-right: 5%;
}
.team .about-section-text2{
    width: 100%;
    float: none;
    padding-left: 0;
}
.theproduct .about-section-text2{
    width: 60%;
}
.about-section-text{
    font-size: 16px;
    color: #8c9295;
    line-height: 20px;
}
.about-section-text2 p{
    margin-bottom:20px;
}
.about-section-image{
    width: 40%;
    float: left;
    margin-top: 80px;
}
.about-section-image img{
    width: 100%;
}
.about-section2-heading{
    font-size: 36px;
    line-height: 44px;
    color: #25292b;
    font-family: 'Poppins', sans-serif;
}
.about-section-text2 hr{
    width: 100%;
    height: 1px;
    background-color: #EEE;
    float: left;
    margin-bottom: 20px;
    opacity: 0.3;
}
.about-page-data.withborder{
    border-top: 2px solid #EEE;
}
.about-page-data.third hr{
    width: 100%;
    height: 1px;
    background-color: #EEE;
    float: left;
    margin-bottom: 20px;
    opacity: 0.3;
}
.about-features{
    margin-top: 30px;
    margin-bottom: 30px;
}
.about-feature-in{
    background-position: 0px 0px;
    background-size: 42px;
    height: 36px;
    padding-left: 50px;
    margin-bottom: 50px;
    cursor: pointer;
}
.about-feature-in.ecosystem{
    margin-bottom: 0;
}
.about-feature-in.device{
    background: url(../images/about_sprite.png);
    background-repeat: no-repeat;
    background-position: -0px -264px;
}
.about-feature-in.platform{
    background: url(../images/about_sprite.png);
    background-repeat: no-repeat;
    background-position: -0px -228px;
}
.about-feature-in.ecosystem{
    background: url(../images/about_sprite.png);
    background-repeat: no-repeat;
    background-position: -0px -192px;
}
.about-feature-in:last-child{
    margin-bottom: 0;
}
.about-feature-in h3{
    font-size: 16px;
    line-height: 24px;
    color: #424242;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.about-feature-in span{
    font-size: 14px;
    color: #8c9295;
    line-height: 18px;
    font-family: 'Poppins', sans-serif;
}
.about-section-video{
    float: left;
    width: 510px;
    height: 330px;
    background: #fff;
    padding: 50px;
    cursor: pointer;
}
.about-section-text3{
    float: left;
    width: 500px;
    text-align: left;
    padding-left: 50px;
    margin-top: 50px;
    font-size: 16px;
    color: #8c9295;
    line-height: 24px;
}
.about-section3-heading{
    font-size: 40px;
    line-height: 50px;
    color: #25292b;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 20px;
}
.achivement-box{
    float: left;
    width: 33.33%;
    text-align: center;
    padding: 50px;
}
.achivement-box2{
    float: left;
    width: 30%;
    text-align: center;
    margin-right: 5%;
    margin-bottom: 50px;
    border: 2px solid #EEE;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px;
    background: #f5f5f5;
    cursor: pointer;
}
.achivement-outer2{
    margin-top: 30px;
    position: relative;
}
.achivement-detail-box{
    position: absolute;
    width: 100%;
    top: 0;
    background: #f5f5f5;
    border: 2px solid #EEE;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 100%;
    display: none;
}
.achivement-box2.last{
    margin-right: 0;
}
.achiement-title{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 20px;
    color: #424242;
}
.achiement-text{
    font-size: 14px;
    color: #8c9295;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
}
.achivement-icon{
    float: left;
    width: 42px;
    height: 42px;
    padding: 3px;
}
.achivement-icon img{
    width: 36px;
}
.achiement-title2{
    float: left;
    width: 280px;
    text-align: left;
    padding-left: 20px;
}
.achivement-inner{
    padding: 30px;
}
.achiement-detail-img{
    float: left;
    width: 300px;
    padding-right: 50px;
}
.achiement-detail-info{
    float: left;
    width: 600px;
}
.achiement-detail-title{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #424242;
    padding-top: 10px;
    padding-bottom: 10px;
}
.achiement-detail-text{
    font-size: 14px;
    color: #8c9295;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
}
.achiement-close{
    position: absolute;
    top: 10px;
    right: 10px;
}
#footer-main{
    background: #000;
    padding: 50px 0;
}
h1.section-title {
    text-align: center;
    color: #fff;
    padding: 0 200px 30px 200px;
    line-height: 64px;
}
.stickyheader #pagemain{
	margin-top: 100px;
}
.static-page-outer{
	padding-top: 0px;
}
.static-page-head{
	width: 120px;
	float: left;
	padding-right: 30px;
	padding-top: 100px;
}
.static-page-block{
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #f5f5f5;
}
.static-page-block:hover{
	cursor: pointer;
}
.static-menu-title{
	font-size: 18px;
	line-height: 22px;
	font-family: 'Roboto Condensed',sans-serif;
	color: #757575;
}
.staic-page-icon{
	opacity: 0.7;
}
.staic-page-icon img{
	height: 60px;
}
.static-page-block.active{
	border-bottom: 1px solid #424242;
}
.static-page-block.active .staic-page-icon,.static-page-block:hover .staic-page-icon{
	opacity: 1;
}
.static-page-block.active .static-menu-title,.static-page-block:hover .static-menu-title{
	color: #424242;
}
.static-page-data{
	float: left;
	width: 1050px;
	max-height: 800px;
	overflow-y: auto;
}
.static-page-inner{
	background: #fff;
	padding: 30px;
	min-height: 755px;
	display: none;
}
.static-page-inner.active{
	display: block;
}
.tag-line{
	height: 50px;
	font-style: italic;
	font-size: 16px;
	font-family: 'Roboto Condensed',sans-serif;
	line-height: 50px;
	background: url('../images/quote.svg') no-repeat;
	background-position: 0 7px;
	padding-left: 40px;
	background-size: 36px;
}
.static-page-title{
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: 600;
	padding-bottom: 20px;
}
.static-page-text{
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 10px;
}
.static-page-text ul{
    padding-left: 0;
}
.static-page-text ul li{
    background-image: url('../images/right_arrow.svg');
    background-repeat: no-repeat;
    background-position: 0px 3px;
    list-style: none;
    line-height: 30px;
    padding-left: 24px;
    cursor: pointer;
}
.static-page-text ul li.active{
    background-image: url('../images/down_arrow.svg');
}
#achievement-box .achive-text{
    display: none;
    color: #757575;
}
.static-page-video{
	padding: 20px 0;
}
.static-page-text p{
	padding: 10px 0;
}
.static-page-text img{
	padding: 20px 0;
}
.static-data-icon{
	float: left;
	width: 170px;
	text-align: center;
}
.static-line{
	margin-left: 120px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-style: italic;
	font-weight: 600;
}
.static-line span{
	background: url('../images/quote.svg') no-repeat;
	width: 30px;
	height: 30px;
	background-size: 30px;
	display: inline-block;
	background-position: center 10px;
	opacity: 0.7;
}
.static-data-info{
	float: left;
	width: 1000px;
}
#header-second{
    height: 70px;
    bottom: 0px;
    margin: 0px !important;
    display: block;
    width: 100%;
    background: #000;
    z-index: 11;
    position: fixed;
}
#header-second .main{
	max-width: 1300px;
}
.stickyheader #header-second{
	position: fixed;
	height: 100px;
}
.title-box{
	background: url('../images/key_final.png') no-repeat center top;
	width: 100px;
	height:275px;
	background-size: 80%;
	margin-top: -130px;
	float: left;
}
.sitename{
	float: left;
	padding: 20px 0;

}
.sitename img{
	height: 30px;
}
.sitelogo{
    display: none;
    padding: 7px 0;
    float: left;
}
.logo-line{
	float: left;
	font-size: 14px;
	line-height: 18px;
	color: #424242;
	font-style: italic;
	padding-left: 30px;
	padding-top: 20px;
	margin-top: -35px;
	background: #f5f5f5;
	width: 1170px;
}
.header-top{
	padding: 25px 0;
}
.title-text{
	float: left;
	width: 300px;
	padding-top: 30px;
}
.page-title-line{
	font-family: 'Roboto Condensed',sans-serif;
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	font-weight: 600;
	color: #fff;
	padding-bottom: 15px;
}
.page-title-text{
	color: #ccc;
	font-size: 16px;
	line-height: 20px;
}
.section-inner-title{
	font-size: 20px;
	line-height: 24px;
	color: #424242;
	font-weight: 600;
}
.static-page-ctas{
	text-align: left;
	padding-bottom: 30px;
}
.static-page-ctas a{
	display: inline-block;
	background: #eee;
	color: #424242;
	padding: 5px 20px;
	margin-right: 10px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
}
.static-page-ctas a.active{
	background: #000;
	color: #fff;
}
.header-logo{
	float: left;
	height: 50px;
}
.header-menu-top{
	float: right;
	height: 24px;
	padding: 23px 0;
	line-height: 24px;
	color: #ccc;
	font-size: 20px;
}
.header-menu-top a{
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
	color: #ccc;
}
.header-menu-cta img{
	height: 30px;
}
.page-section{
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.page-section #partners-section{
	border-bottom: none;
}
.faq-box h3{
	border: 1px solid #ccc;
	background: url('../images/plus.svg') no-repeat;
	background-position: 99% 5px;
	background-size: 20px;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	color: #757575;
	padding: 5px 10px;
	margin-bottom: 3px;
    padding-right: 30px;
}
.faq-box h3:hover{
	cursor: pointer;
}
.faq-box h3.active{
	background: url('../images/minus.svg') no-repeat;
	color: #424242;
	background-color: #f5f5f5;
	background-position: 99% 5px;
	background-size: 20px;
}
.faq-box .faq-answer{
	font-size: 16px;
	line-height: 24px;
	color: #424242;
	padding: 10px;
	display: none;
}
.faq-answer p{
    padding: 10px 0;
}
.faq-answer ul{
    padding-top: 10px;
    padding-left: 30px;
    padding-bottom: 10px;
}
.faq-answer ul.alpha li{
    list-style: lower-alpha;
}
.faq-box .faq-answer.first{
	display: block;
}
.team-box{
	padding: 10px 5px;
}
.team-item{
	width: 300px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}
.team-item:hover{
	cursor: pointer;
}
.team-item:nth-child(3n){
	margin-right: 0;
}
.team-item:nth-child(4n){
	margin-left: 165px;
}
.team-item img{
	width: 300px;
}
.team-layer{
	position: absolute;
	top: 0;
	left: -300px;
	background: rgba(255,255,255,0.9);
	width: 100%;
	bottom: 0;
	padding: 30px;
	text-align: center;
}
.team-item:hover .team-layer{
	-webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 0.1s;
    animation: slide 0.5s forwards;
    animation-delay: 0.1s;
}
.person-name{
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 22px;
	line-height: 30px;
	color: #424242;
	font-weight: 600;
}
.person-desg{
	font-size: 18px;
	line-height: 20px;
}
.person-desg.last{
    padding-top: 10px;
    font-size: 15px;
}
.person-social{
	width: 125px;
	margin: 0 auto;
	padding-top: 25px;
}
.person-social a{
	width: 40px;
	height: 40px;
	display: inline-block;
	border: 1px solid #333;
	margin: 0 5px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.person-social #facebook{
	background: url('../images/social_icons/icon_2_black.png') no-repeat center center;
}
.person-social #twitter{
	background: url('../images/social_icons/icon_1_black.png') no-repeat center center;
}
.partner-box{
	padding: 50px 0;
}
.partner-item{
	width: 800px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.partner-logo{
	float: left;
	width: 170px;
	padding: 10px;
	background: #f5f5f5;
}
.partner-item:nth-child(2n) .partner-logo{
    float: right;
}
.partner-logo img{
	width: 150px;
}
.partner-text{
	float: left;
	padding-left: 20px;
	width: 630px;
}
.partner-item:nth-child(2n) .partner-text{
	padding-left: 0;
	padding-right: 20px;
    float: right;
}
.partner-name{
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 22px;
	line-height: 24px;
	color: #424242;
	padding-bottom: 5px;
	padding-top: 10px;
}
.partner-detail{
	font-size: 16px;
	line-height: 24px;
}
.contact-form{
	width: 500px;
	float: left;
	padding-top: 30px;
}
.contact-address{
	float: right;
	width: 360px;
	padding-top: 60px;
}
.company-name{
	color: #5b9bd5;
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 10px;
	font-weight: 600;
}
.compnay-address{
	font-size: 16px;
	line-height: 24px;
	color: #424242;
}
.compnay-address span{
	color: #5b9bd5;
}
.contact-box{
	margin-bottom: 20px;
}
.contact-box input,.contact-box textarea{
	border: 2px solid #ccc;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 10px 15px;
	font-size: 16px;
	line-height: 20px;
	width: 500px;
}
.contact-box input.error,.contact-box textarea.error{
    border-color: #F00;
}
.contact-box textarea{
	height: 100px;
}
.contact-cta a{
	background: #23CF5F;
	font-family: 'Roboto Condensed',sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	padding: 10px 0;
	color: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 304px;
	display: inline-block;
	text-align: center;
}
.contact-form p{
	font-size: 20px;
	line-height: 50px;
	font-style: italic;
	text-align: center;
	color: #757575;
	font-weight: 600;
}
.contact-form p span{
	color: #23CF5F;
}
.footerleft{
    float: left;
    width: 35%;
    margin-right: 5%;
}
.footer-signup{
    width: 35%;
    margin-right: 5%;
    float: left;
}
.signup-outer{
    background: #0d0d0d;
    padding: 2px;
    border: 1px solid #0d0d0d;
}
.signup-outer.error{
    border-color: #F00;
}
.footer-title{
    font-family: 'Roboto Condensed',sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
}
.footer-links{
    padding-bottom: 10px;
}
.footer-links ul li{
    padding-bottom: 5px;
}
.footer-links ul li a{
    color: #ccc;
    font-size: 14px;
}
.footerright{
    width: 20%;
    margin-right: 0;
    float: left;
}
.text-center{
    text-align: center;
}
.signup-box{
    width: 500px;
    margin: 0 auto;
    margin-top: 70px;
}
.signupbox-title{
    font-size: 24px;
    line-height: 30px;
    font-weight: 900;
    text-transform: uppercase;
    font-family: 'Roboto Condensed',sans-serif;
    letter-spacing: 3px !important;
    padding-bottom: 10px;
}
.signupbox-line{
    font-size: 16px;
    line-height: 24px;
    color: #a5a5a5;
    padding-bottom: 20px;
}
.signupbox-input{
    float: left;
    width: 273px;
    margin-right: 10px;
}
.signupbox-input input{
    border: none;
    background: none;
    padding: 7px 10px;
    font-size: 14px;
    line-height: 24px;
    width: 273px;
    color: #fff;
}
.signupbox-input input.error{
    border-color: #F00;
}
.signup-btn{
    float: right;
    width: 120px;
}
.signup-btn a{
    background: #000;
    display: inline-block;
    color: #ccc;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 0;
    width: 120px;
    text-align: center;
}
.signup-btn a:hover{
    background: #5b9bd5;
    color: #fff;
}
.signup-msg{
    text-align: left;
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    padding-top: 10px;
}
.contact-msg{
    text-align: left;
    font-size: 16px;
    color: #23CF5F;
    line-height: 20px;
    padding-top: 10px;
    font-style: italic;   
}
.footer-logo{
    height: 50px;
    padding-bottom: 10px;
}
.footer-logo img{
    height: 40px;
}
.footerline{    
    font-size: 14px;
    line-height: 24px;
    color: #ccc;
}
.footerline p{
    margin-bottom: 10px;
}
body.safetyzone{
    background: #fff;
}
.page-continer{
    width: 100%;
    margin-top: 75px;
    padding-top: 100px;
}
.safety-text{
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    width: 700px;
    margin: 0 auto;
    padding-bottom: 20px;
    color: #a5a5a5;
}
.safety-outer{
    padding-top: 50px;
    padding-bottom: 50px;
}
.safety-icon-box{
    float: left;
    width: 16.66%;
    text-align: center;
}
.safety-icon-box .safety-icon{
    padding-bottom: 20px;
}
.safety-icon-box .safety-box-title{
    color: #5b9bd5;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.safety-bottom-text{
    font-size: 20px;
    color: #757575;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
}
.safety-bottom-text p{
    margin: 10px 0;
}
.safety-bottom-cta{
    width: 300px;
    margin: 0 auto;
    padding-top: 30px;
}
.safety-bottom-cta a {
    background: #b5b5b5;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    line-height: 24px;
    padding: 10px 0;
    width: 100%;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
.autosense .main-wrap-in{
    top: 275px !important;
}
.recog .main-wrap-in{
        top: 370px !important;
}
.about-overlay-section{
    position: fixed;
    top: 5%;
    width: 100%;
    max-width: 750px;
    height: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: rgba(255,255,255,1);
    z-index: 11;
    -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
      transition: all 1s ease;
      box-shadow: 0 0 10px rgba(0,0,0,0.4);
      -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
      -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
      z-index: 1005;
      padding: 100px 30px;
      top: -4000px;
}
.about-overlay-bg{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    background: rgba(0,0,0,0.45);
    z-index: 1004;
    left: 0;
    display: none;
}
.about-overlay-section.active{
    -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
      transition: all 1s ease;
      top: 5%;   
}
.about-overlay-section .main{
    height: 100%;
}
.video-main-box{
    height: 100%;
    display: table;
    width: 100%;
}
.video-outer-box{
    vertical-align: middle;
    display: table-cell;
    width: 100%;
}
.video-title{
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: center;
}
.video-iframe-box{
    width: 590px;
    height: 345px;
    padding: 15px;
    background: #eee;
    margin: 0 auto;
}
.about-overlay-left{
    float: right;
    width: 66%;
    padding: 0 0 0 30px;
    border-left: 1px solid #bec4ce;
    height: 100%;
    display: table;
}
.about-overlay-right{
    float: left;
    width: 33%;
    height: 100%;
    display: table;
}
.about-icon-box{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.about-overlay-icon{
    width: 180px;
    height: 180px;
    border: 4px solid #000;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 53px;
    margin: 0 auto;
}
.overlay-icon-image{
    background: url('../images/about_sprite.png') no-repeat;
    width: 64px;
    height: 64px;
}
.overlay-icon-image.device{
    background-position: -0px -128px;
}
.overlay-icon-image.platform{
    background-position: -0px -64px;
}
.overlay-icon-image.ecosystem{
    background-position: -0px -0px;
}
.person-photo{
    width: 220px;
    height: 220px;
    padding: 10px;
    margin-bottom: 20px;
}
.person-photo img{
    width: 200px;
    height: 200px;
}
.overlay-person-name{
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: center;
}
.overlay-person-desg{
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 15px;
    color: #9e9e9e;
    text-align: center;
}
.overlay-person-social{
    width: 120px;
    margin: 0 auto;
}
.overlay-person-social ul li{
    display: inline-block;
    text-decoration: none;
    width: 30px;
    height: 30px;
    float: left;
    background:#ccc;
    padding: 5px;
    margin-right: 10px;
    transition: 
}
.overlay-person-social ul li a{
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../images/social_iconssmall.png') no-repeat;
}
.overlay-person-social ul li#person-fb a{
    background-position: -0px -0px;
}
.overlay-person-social ul li#person-linkedin a{
    background-position: -0px -20px;
}
.overlay-person-social ul li#person-twitter a{
    background-position: -0px -40px;
}
.overlay-person-social ul li:hover{
    background: #000;
}
.about-overlay-title{
    font-size: 24px;
    line-height: 30px;
    color: #424242;
    font-weight: 700;
    padding-bottom: 10px;
}
.about-overlay-text{
    font-size: 16px;
    line-height: 26px;
    color: #8c9295;
}
.about-overlay-text p{
    margin: 10px 0;
}
.team-outer{
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 70px;
}
.team-main-box{
    float: left;
    width: 370px;
    margin: 0 15px;
    margin-bottom: 30px;
    background: #fff;
    -webkit-transition: box-shadow 300ms ease-in;
    -moz-transition: box-shadow 300ms ease-in;
    -o-transition: box-shadow 300ms ease-in;
    -ms-transition: box-shadow 300ms ease-in;
    transition: box-shadow 300ms ease-in;
    height: 390px;
}
.team-main-box.large{
    width: 770px;
    padding: 15px;
}
.team-main-box:hover{
    box-shadow: 0 46px 113px -34px rgba(0,0,0,0.2);
}
.team-main-box.large:hover{
    box-shadow: none;
}
.team-box-inner{
    text-align: center;
}
.team-main-box.large .team-box-inner{
    background: #efefef;
    height: 100%;
}
.team-quote{
    font-size: 24px;
    line-height: 40px;
    font-weight: 300;
    text-align: left;
    padding: 115px 70px;
}
.team-quote span{
    font-size: 16px;
    color: #0078d7;
}
.team-image{
    width: 175px;
    height: 175px;
    margin: 0 auto;
    margin-top: 45px;
    margin-bottom: 15px;
    border-radius: 50%;
    overflow: hidden;
}
.team-image img{
    width: 175px;
    height: 175px;
}
.team-name{
    font-size: 24px;
    color: #333;
    margin-bottom: 5px;
    line-height: 30px;
}
.team-desg{
    font-size: 14px;
    line-height: 20px;
    color: #9e9e9e;
    margin-bottom: 30px;
    height: 38px;
}
.team-desg:after {
    content: '';
    width: 50px;
    border-top: 1px solid #e0e0e0;
    display: block;
    margin: 15px auto;
}
.bio-cta {
    color: #fc5f45;
    text-transform: uppercase;
    font-size: 14px;
}
.contact-heading{
    width: 300px;
    margin:0 auto;
    text-align: center;
}
.contact-heading hr{
    width: 150px;
}
.contact-main-box{
    margin-top: 50px;
}
.contact-main-title{
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #000;
    padding-bottom: 30px;
}
.contact-main-text{
    font-size: 16.5px;
    color: #8c9295;
    line-height: 30px;
    padding-bottom: 50px;
}
.contact-inner-box{
    margin-bottom: 50px;
}
.contact-input-box{
    float: left;
    width: 250px;
    margin-right: 30px;
    margin-bottom: 30px;
}
.contact-data-box{
    float: left;
    width: 250px;
    margin-right: 30px;
    margin-bottom: 30px;
}
.contact-data-box.last{
    width: 450px;
}
.contact-input-box input,.contact-input-box textarea{
    background: none;
    border:none;
    border-bottom: 2px solid #CCC;
    font-size: 16px;
    line-height: 24px;
}
.contact-input-box input.error,.contact-input-box textarea.error{
    border-color: #F00;
}
.contact-input-box textarea{
    width: 755px;
    height: 26px;
    resize: none;
    font-family: 'Poppins', sans-serif;
}
.contact-input-box.full{
    float: none;
    width: 100%;
}
.contact-cta a{
    background: none;
    border: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-bottom: 2px solid #424242;
    color: #424242;
    font-size: 16px;
    line-height: 24px;
    padding: 0;
    text-transform: uppercase;
    width: 70px;
}
.contact-data-label{
    border: 1px dotted #CCC;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-bottom: none;
    width: 30px;
    height: 30px;
    padding: 2px;
    float: left;
    margin-right: 10px;
}
.contact-label-img{
    width: 24px;
    height: 24px;
    background: url('../images/contact_sprite.png') no-repeat;
}
.contact-label-img.phone{
    background-position: -0px -48px;
}
.contact-label-img.email{
    background-position: -0px -0px;
}
.contact-label-img.location{
    background-position: -0px -24px;
}
.contact-data-info{
    float: left;
    color: #757575;
    font-size: 15px;
    line-height: 20px;
}
.contact-data-box.last .contact-data-info{
    width: 400px;
}
.contact-data-label img{
    width: 24px;
    height: 24px;
}


@-webkit-keyframes slide {
    100% { left: 0; }
}

@keyframes slide {
    100% { left: 0; }
}
@-webkit-keyframes slideopp {
    100% { right: 0; }
}

@keyframes slideopp {
    100% { right: 0; }
}
@-webkit-keyframes slideoff {
    100% { left: -300px; }
}

@keyframes slideoff {
    100% { left: -300px; }
}
@media all and (min-width: 1824px){
	h2{
		line-height: 40px;
		font-size: 24px;
		font-weight: 800;
	}
	small{
		font-size: 18px;
	}
	.tab_item_list2{
		font-family: 'pt-sans', sans-serif;
		font-weight: 400;
		font-size: 14px;	
		line-height: 30px;
	}
	.wrap{
		font-size: smaller !important;
	}
	.float-left{
		text-align: left;
		padding-left: 5%;
	}
	.mobile-menu{
		display: none!important;
	}
	.designmidpart{
		padding-right: 0%;
		padding-left: 0%;
		width: 33.3333%;
		float: left;
		clear: right;
		flex-direction: column;
		justify-content:center;
		display: flex;
	}
}
@media all and (min-width: 1200px)and (max-width: 1824px){
    .container {
        width: 1170px;
    }
	.section-title h2 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 5px !important;
        letter-spacing: 2px !important;
    }
	.section-title h3{
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 2px !important;
	}
	.masterpiece .mobileimage{
		display:none!important;
	}
	#header, #footer{
		position:fixed;
		height: 50px;
		display:block;
		width: 100%;
		z-index:9;
		text-align:center;
		color: #000000;
		padding: 2.5% 4% 2.5% 4%;
	}
	#header{
		top:0px;
		margin:0px !important;
		padding: 0 3% 0 3%;
	}
	#footer{
		height: 30px;
    	padding: 5px 4%;
    	bottom: 0%;
    	margin: 0px !important;
		background: #000;
		position: absolute;
	}
	#header >.menu{
		text-align: right !important;
		margin-top: 7px;	
	}
    .menu ul.systemMenu{
        top: 5px;
    }
    .menu li a{
        font-size: 13px;
    }
	.menu li{
		padding-right: 10px !important;
	}
	#header >.intellovate{
		margin-top: 7px;
	}
	#header >.intellovate img{
		width:36px;
        height: 36px;
	}
	#header >.menu img{
		width:36px;
        height: 36px;
	}
	h2{
		line-height: 30px;
		font-size: 16px;
		font-weight: 800;
	}
	small{
		font-size: 14px;
	}
	#imgpage1 img{
		width: 350px;
	}
	.landing_img
	{
		z-index: 0;
		opacity:1;
		width:350px;
		bottom:100px;
		position: fixed;
		left: 50%;
		margin-left: -175px;
	}	
	.tab_item_list2{
		font-size: 12px;	
		line-height: 35px;
	}
	.float-left{
		text-align: left;
		padding-left: 5%;
	}
	.mobile-menu{
		display: none!important;
	}
	.designmidpart{
		padding-right: 0%;
	    padding-left: 0%;
		width: 33.3333%;
		float: left;
		clear: right;
		flex-direction: column;
	    justify-content:center;
	    display: flex;
        height: auto;
	}
	.designrightbox{
		width: 320px;
		padding-bottom: 23px;
	}
	.designrighttitle{
		font-size: 14px;
		line-height: 20px;
	}
	.safety-container{
		max-width: 1024px;
	}
	.safety-box{
		margin-right: 21px;
		width: 188px;
		height: 188px;
	}
	.safety-box-img{
		width: 188px;
		height: 188px;
	}
	.safety-box-img2{
        margin-top: 38px;
    }
	.safety-box-list li{
		height: 46px;
		line-height: 32px;
		font-size: 12px;
	}
	.safety-bottom{
		padding: 30px 0;
	}
    .safety-img-caption{
        font-size: 12px;
    }
	.section5menu{
		padding-left: 5%;
		padding-top: 8%;
	}
	.circle-container{
		width: 950px;
		height: 950px;
		margin-top: -130px;
	}
	.circle-container .firstcontain{
		top: 130px;
	}
	.deg9 { transform: rotate(9deg) translate(472px) rotate(-9deg);}
	.deg18 { transform: rotate(18deg) translate(472px) rotate(-18deg);}
	.deg27 { transform: rotate(27deg) translate(472px) rotate(-27deg);} 
	.deg36 { transform: rotate(36deg) translate(472px) rotate(-36deg);}
	.deg144 { transform: rotate(144deg) translate(472px) rotate(-144deg); }
	.deg153 { transform: rotate(153deg) translate(472px) rotate(-153deg);}
	.deg162 { transform: rotate(162deg) translate(472px) rotate(-162deg);}
	.deg171 { transform: rotate(171deg) translate(472px) rotate(-171deg);}
	.deg180 { transform: rotate(180deg) translate(472px) rotate(-180deg);}
	.deg189 { transform: rotate(189deg) translate(472px) rotate(-189deg);}
	.deg198 { transform: rotate(198deg) translate(472px) rotate(-198deg);}
	.deg207 { transform: rotate(207deg) translate(472px) rotate(-207deg);}
	.deg333 { transform: rotate(333deg) translate(472px) rotate(-333deg);}
	.deg342 { transform: rotate(342deg) translate(472px) rotate(-342deg);}
	.deg351 { transform: rotate(351deg) translate(472px) rotate(-351deg);}
	.deg360 { transform: rotate(360deg) translate(472px) rotate(-360deg);}
	.feature-img{
		padding-left: 70px;
	}
	.feature-img img{
		height: 300px;
	}
	.feature-title{
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 0px;
	}
	.feature-items{
		padding-bottom: 10px;
	}
	.feature-items ul li{
		font-size: 13px;
	}
	.feature-info{
		padding-top: 0;
	}
	.footertext{
		padding-bottom: 0px;
	}
	.footer-menu{
		padding-top: 5px;
	}
	.watchtext{
		font-size: 14px;
	}
	.designleftpart{
		/*padding-right: 5%;*/
		padding-top: 28px;
		padding-bottom: 28px;
	}
	.watchmainimg img{
		height: 277px;
	}
	.designrightpart{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.topborder{
		margin-bottom: 60px;
	}
	.bottomborder{
		margin-top: 60px;
	}
	.autosense-text{
		font-size: 13px;
		line-height: 20px;
        padding-bottom: 10px;
        width: 620px;
	}
    .safety-bottom.autosense{
        padding: 5px 0;
        padding-bottom: 0;
    }
    .item-centered{
        padding: 0 40px;
    }
	.safety-bottom{
		font-size: 13.5px;
		line-height: 20px;
	}
    .client-logo .table>i{
        font-size: 11px;
        line-height: 14px;
        font-weight: 400;
    }
    .client-logo:hover i{
        top: 88% !important;
    }
    .client-logo.stress:hover i{
        top: 73% !important;
    }
	.usp-item-info{
		font-size: 13px;
		line-height: 20px;
	}
	.footertext p{
		padding-bottom: 5px;
	}
	.clicksidein{
		margin-top: 160px;
	}
	#rewind{
		padding-top: 3% !important;
	}
	.footertitle{
		font-size: 16px;
		line-height: 18px;
	}
	.footertext{
		font-size: 14px;
		line-height: 18px;
	}
	.footer-menu ul li{
		padding-bottom: 5px;
	}
	.footer-menu ul li a{
		font-size: 13px;
	}
	.wellness-container{
		width: 100%;
		max-width: 1024px;
        margin: 0 auto;
	}
	.wellness-box-small {
    background-size: 100%;
    width: 60px;
    height: 65px;
    font-size: 12px;
    line-height: 18px;
    margin-top: 135px;
}
	.wellness-box-2 {
    background-size: 220px;
    width: 240px;
    height: 130px;
    font-size: 12px;
    line-height: 20px;
    padding-top: 45px;
    margin-top: 90px;
}
	.wellness-box-last {
    width: 200px;
    margin-right: 20px;
    margin-top: 40px;
}
.wellness-last-title{
    font-size: 12px;
}
	.wellness-last-img img{
		height: 50px;
	}
	.wellness-list-item {
    width: 150px;
    margin-bottom: 10px;
    line-height: 30px;
    padding-left: 30px;
    font-size: 12px;
}
	.wellness-list-item::before{
		width: 20px;
	}
    .wellness .safety-bottom{
        max-width: 1024px;
        margin: 0 auto;
    }
	.copytext{
		padding-top: 0;
	}
	.versatility-wrap-in{
		bottom: 100px;
	}
    .static-page-head{
        padding-top: 20px;
    }
    .static-page-block{
        
    }
    .staic-page-icon img{
        height: 50px;
    }
    .static-menu-title{
        font-size: 16px;
        line-height: 20px;
    }
    .footercontainer{
        height: 24%;
    }
    .signup-box{
        margin-top: 50px;
    }
    .signupbox-title{
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 5px;
    }
    .signupbox-line{
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 15px;
    }
    .client-grid{
        width: 300px;
    }
    .masterpiece .main-wrap-in.fullwrap{
        top: 290px !important;
    }
    .usp-text{
        font-size: 15px;
    }
    .multifunction-left{
        width: 400px;
    }
    .multifunction-item-icon{
        width: 120px;
        height: 120px;
        padding:28px;
    }
    .maultifunction-item-data{
        padding-top: 37px;
        padding-bottom: 37px;
        min-height: 250px;
    }
    .multi-title{
        font-size: 18px;
        line-height: 26px;
        padding-bottom: 20px;
    }
    .multi-text{
        font-size: 13px;
        line-height: 20px;
    }
    .multifunction .main-wrap-in{
        top: 290px !important;
    }
    .multifunction #wellness-more .main-wrap-in{
        top: 235px !important;   
    }
    .multifumction-box{
        max-width: 930px;
    }
    .item-centered{
        padding: 0 32px;
    }
    .item-centered span{
        width: 32px;
        height: 32px;
    }
    .grid-item.heartrate .item-centered span{
        background-position: -32px -2112px;
    }
    .grid-item.voicepwd .item-centered span{
        background-position: -32px -2720px;
    }
    .grid-item.bodytemp .item-centered span{
        background-position: -32px -2624px;
    }
    .grid-item.oxycontent .item-centered span{
        background-position: -0px -2336px;
    }
    .grid-item.impact .item-centered span{
        background-position: -0px -2176px;
    }
    .grid-item.injuries .item-centered span{
        background-position: -0px -2240px;
    }
    .grid-item.speed .item-centered span{
        background-position: -32px -2496px;
    }
    .grid-item.force .item-centered span{
        background-position: -0px -2080px;
    }
    .grid-item.unsafe .item-centered span{
        background-position: -0px -2656px;
    }
    .grid-item.stress .item-centered span{
        background-position: -0px -2592px;
    }
    .grid-item.timebased .item-centered span{
        background-position: -32px -1952px;
    }
    .grid-item.andmore .item-centered span{
        background-position: -0px -2272px;
    }
    .client-logo:hover .item-centered span{
            transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
    }
    .featursection .section-main-title{
        top: 200px;
    }
    .powerpacked .main-wrap-in{
        top: 270px !important;
    }
    .recog .main-wrap-in{
        top: 250px !important;
    }
    .footer-title{
        font-size: 14px;
        line-height: 20px;
    }
    .footerline{
        font-size: 12px;
        line-height: 20px;
    }
    .signupbox-input input{
        font-size: 12px;
        line-height: 20px;
        padding: 10px;
    }
    .signup-btn a{
        font-size: 12px;
    }
    .copytext{
        font-size: 12px;
    }
    .about-overlay-section{
        padding: 70px 20px;
    }
    .section-back-cta{
        top: 25px;
        right: 25px;
    }
    .about-overlay-title{
        font-size: 22px;
        line-height: 28px;
        padding-bottom: 0;
    }
    .about-overlay-text{
        font-size: 16px;
        line-height: 22px;
    }
}
@media all and (min-width: 993px) and (max-width: 1200px){
    #header{
        top:0px;
        margin:0px !important;
        padding: 0 3% 0 3%;
    }
    #header >.intellovate{
        margin-top: 7px !important;
    }
	.container {
        width: 970px;
    }
	body{
		font-size: 12px;
	}
	h2{
		line-height: 35px;
		font-size: 18.5px;
		font-weight: 800;
	}
	small{
		font-size: 13px;
	}
	#header >.menu{
		text-align: right !important;
		margin-top: 7px;
		
	}
	#header >.menu img{
		width:36px;
        height: 36px;
	}
	.menu li{
		padding-right: 20px;
	}
	.share.active .sharelist{
		height: 30px;
	}
	.share li{
		width:30px;
		height:30px;
		margin:1px 11px;
	}
	.float-left{
		text-align: left;
		padding-left: 5%;
	}
	#imgpage1 img{
		width: 300px;
	}
	.landing_img
	{
		width:300px;
		margin-left: -150px;
	}
	.award_img{
		width: 100px;
	}
	.tab_item_list2 {
		font-weight: 400;
		font-size: 11px;	
		line-height: 24px;
	}
	.mobile-menu{
		display: none!important;
	}
    .designleftpart{
        padding-left: 5%;
    }
	.designmidpart{
		padding-right: 0%;
		padding-left: 0%;
		width: 33.3333%;
		float: left;
		clear: right;
		flex-direction: column;
		justify-content:center;
		display: flex;
	}
	.section-title h2{
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 5px !important;
		letter-spacing: 2px !important;
	}
	.section-title h3{
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 2px !important
	}
	.autosense-text{
		font-size: 14px;
		padding-bottom: 15px;
	}
	.client-grid{
		width: 50%;
	}
	.topborder{
		margin-bottom: 37px;
	}
	.bottomborder{
		margin-top: 37px;
	}
	h2.watchtitle{
		font-size: 17px;
		line-height: 30px;
	}
	.watchtext{
		font-size: 15px;
	}
	.watchmainimg img{
		height: 260px;
	}
	.designrightbox{
		width: 290px;
		padding-bottom: 14px;
	}
	.designrightpart{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.designrighttitle{
		font-size: 15px;
		line-height: 20px;
	}
	.designrighttext{
		font-size: 12px;
		line-height: 16px;
	}
	.safety-container{
		max-width: 840px;
	}
	.safety-bottom{
		padding: 30px 0;
		font-size: 14px;
		line-height: 20px;
        max-width: 738px;
        margin: 0 auto;
	}
	.safety-cta{
		width: 150px;
	}
	.safety-cta a{
		font-size: 14px;
		line-height: 18px;
	}
    .safety-box{
        display: none;
    }
    .safety-mobile{
        display: block;
    }
    .safety-mobile img{
        width: 840px;
    }
	.main{
		max-width: 850px;
	}
    .wellness-container{
        display: none;
    }
    .wellness-container-mobile{
        display: block;
        max-width: 738px;
        margin: 0 auto;
    }
    #wellness-more .main-wrap-in{
        top: 310px !important;
    }
	.usp-img{
		width: 140px;
		margin-right: 15px;
		background-size: 100%;
		height: 260px;
	}
	.usp-icon{
		margin-top: 92px;
	}
	.usp-icon img{
		width: 70px;
		height: 70px;
	}
	.usp-item{
		width: 115px;
	}
	.usp-text{
		font-size: 12.5px;
		/*height: 30px;*/
	}
	.usp-item.bottom{
		/*margin-top: 30px;*/
	}
    .usp-item-info a{
        font-size: 13px;
    }
	.usp-timeline{
		margin-top: 67px;
	}
	.usp-circle{
		width: 20px;
		height: 20px;
	}
	.usp-circlein{
		width: 10px;
		height: 10px;
		margin: 3px;
	}
	.usp-item-info{
		padding-top: 40px;
		font-size: 13px;
		line-height: 20px;
	}
	.versatality-text{
		padding-left: 0;
		padding-right: 0;
	}
	.versatality-text br{
		display: none;
	}
	.versatility center{
		/*padding-left: 5%;*/
	}
	.feature_text2{
		text-align: left;
	}
	#fp-nav.right{
		margin-top: 0 !important;
		right: 40px;
	}
	.circle-container{
		width: 800px;
		height: 800px;
		margin-top: 0;
	}
	.deg9 { transform: rotate(9deg) translate(400px) rotate(-9deg);}
	.deg18 { transform: rotate(18deg) translate(400px) rotate(-18deg);}
	.deg27 { transform: rotate(27deg) translate(400px) rotate(-27deg);} 
	.deg36 { transform: rotate(36deg) translate(400px) rotate(-36deg);}
	.deg144 { transform: rotate(144deg) translate(400px) rotate(-144deg);}
	.deg153 { transform: rotate(153deg) translate(400px) rotate(-153deg);}
	.deg162 { transform: rotate(162deg) translate(400px) rotate(-162deg);}
	.deg171 { transform: rotate(171deg) translate(400px) rotate(-171deg);}
	.deg180 { transform: rotate(180deg) translate(400px) rotate(-180deg);}
	.deg189 { transform: rotate(189deg) translate(400px) rotate(-189deg);}
	.deg198 { transform: rotate(198deg) translate(400px) rotate(-198deg);}
	.deg207 { transform: rotate(207deg) translate(400px) rotate(-207deg);}
	.deg333 { transform: rotate(333deg) translate(400px) rotate(-333deg);}
	.deg342 { transform: rotate(342deg) translate(400px) rotate(-342deg);}
	.deg351 { transform: rotate(351deg) translate(400px) rotate(-351deg);}
	.deg360 { transform: rotate(360deg) translate(400px) rotate(-360deg);}
	.featursection .section-main-title{
		top: 80px;
	}
	.circle-container a.center{
		width: 145px !important;
		height: 260px !important;
		background-size: 100%;
		left: 54%;
		top: 54%;
	}
	.center-icon{
		margin-top: 90px;
	}
	.circle-container a.active:before{
		margin-left: -135px;
        width: 115px;
        font-size: 13px;

	}
	.feature-content-box{
		bottom: 180px;
	}
	.feature-img{
		width: 300px;
		padding-right: 50px;
	}
	.feature-img img{
		width: 250px;
	}
	.feature-info{
		padding-top: 0px;
	}
	.feature-line{
		padding-right: 50px;
	}
	.feature-title{
		font-size: 13px;
		padding-bottom: 0px;
	}
    .feature-text{
        font-size: 13px;
        line-height: 18px;
    }
	.feature-items ul li{
		font-size: 12px;
	}
	.news-items{
		max-width: 730px;
	}
	.news-item{
		margin-right: 15px;
	}
	.news-item img{
		height: 140px;
        width: 200px;
	}
	.client-logo img{
		width: 30%;
	}
	.usp-info{
		margin-right: 0;
	}
	.footertitle{
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 4px;
	}
	.subscribe_form input[type="email"]{
		font-size: 14px;

	}
	.subscribe_form input[type="submit"]{
		font-size: 14px;
	}
	.versatility-wrap-in{
		bottom: 150px;
	}
    .multifunction-left{
        width: 320px;
        margin-right: 30px;
    }
    .multifunction-item-icon{
        width: 100px;
        height: 100px;
    }
    .multifunction-item-icon span{
        width: 32px;
        height: 32px;
    }
    #multi1 span{
        background-position: -32px -1952px;
    }
    #multi1.active span{
        background-position: -0px -1984px;
    }
    #multi2 span{
        background-position: -32px -2112px;
    }
    #multi2.active span{
        background-position: -0px -2144px;
    }
    #multi3 span{
        background-position: -0px -1792px;
    }
    #multi3.active span{
        background-position: -32px -1792px; 
    }
    #multi4 span{
        background-position: -0px -2304px;
    }
    #multi4.active span{
        background-position: -32px -2304px;
    }
    #multi5 span{
        background-position: -0px -2656px;
    }
    #multi5.active span{
        background-position: -32px -2656px;
    }
    #multi6 span{
        background-position: -32px -2336px;
    }
    #multi6.active span{
        background-position: -0px -2368px;
    }
    .multifunction-right{
        width: 420px;
    }
    .maultifunction-item-data{
        padding-top: 16px;
        padding-bottom: 16px;
        padding-right: 10px;  
        min-height: 210px;
    }
    .multi-title{
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 10px;
    }
    .multi-text{
        font-size: 13px;
        line-height: 19px;
    }
    .multifumction-box{
        max-width: 770px;
    }
    .static-page-head{
        width: 110px;
        padding-top: 40px;
        padding-right: 20px;
    }
    .staic-page-icon img{
        height: 50px;
    }
    .static-menu-title{
        font-size: 15px;
        line-height: 20px;
    }
    .static-page-data{
        width: 740px;
    }
    #header-second{
        height: 60px;
    }
    #header-second .main{
        max-width: 1000px;
    }
    .title-box{
        width: 80px;
        margin-top: -100px;
    }
    .sitename img{
        height: 20px;
    }
    .header-menu-top{
        padding: 18px 0;
    }
    .static-page-inner{
        padding: 20px;
    }
    .static-page-title{
        font-size: 20px;
        line-height: 24px;
    }
    .static-page-ctas{
        padding-bottom: 20px;
    }
    .static-page-ctas a{
        padding: 5px 10px;
        font-size: 14px;
    }
    .team-item{
        width: 215px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .team-item img{
        width: 215px;
    }
    .team-layer{
        padding: 10px;
    }
    .person-name{
        font-size: 20px;
        line-height: 26px;
    }
    .person-desg{
        font-size: 16px;
        line-height: 18px;
    }
    .person-desg.last{
        font-size: 14px;
    }
    .contact-form{
        width: 350px;
        padding-top: 20px;
    }
    .contact-box{
        margin-bottom: 15px;
    }
    .contact-box input, .contact-box textarea{
        font-size: 14px;
        line-height: 18px;
        width: 340px;
        padding: 7px 10px;
    }
    .contact-box textarea{
        height: 80px;
    }
    .contact-cta a{
        font-size: 16px;
    }
    .contact-address{
        width: 280px;
        padding-top: 30px;
    }
    .company-name{
        font-size: 16px;
        line-height: 20px;
    }
    .compnay-address{
        font-size: 14px;
        line-height: 20px;
    }
    .partner-box{
        padding: 30px 0;
    }
    .partner-item{
        width: 700px;
        margin-bottom: 30px;
    }
    .partner-logo{
        width: 150px;
    }
    .partner-logo img{
        width: 130px;
    }
    .partner-text{
        width: 550px;
    }
    .partner-name{
        font-size: 18px;
    }
    .partner-detail{
        font-size: 14px;
    }
    .footercontainer{
        height: 19%;
    }
    #rewind{
        padding-top: 2.5%;
    }
    .signup-box{
        margin-top: 50px;
    }
    .signupbox-title{
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 5px;
    }
    .signupbox-line{
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 15px;
    }
    .recog .main-wrap-in{
        top: 320px !important;
    }
    .footer-title{
        font-size: 15px;
        line-height: 18px;
    }
    .footerline{
        font-size:12px;
        line-height: 18px;
    }
    .signupbox-input{
        width: 180px;
    }
    .signupbox-input input{
        width: 180px;
        font-size: 13px;
    }
    .signup-btn{
        width: 100px;
    }
    .signup-btn a{
        width: 100px;
        font-size: 13px;
    }
    .copytext{
        font-size: 12px;
    }
    .about-inner-page-title{
        font-size: 22px;
    }
    .about-page-data{
        padding: 30px 0;
    }
    .about-section-text2{
        font-size: 15px;
        line-height: 26px;
    }
    .about-section2-heading{
        font-size: 30px;
        line-height: 36px;
    }
    .about-section-title2{
        font-size: 24px;
        line-height: 32px;
    }
    .second .about-section-title2{
        margin-top: 60px;
    }
    .first .about-section-title2{
        margin-top: 60px;
    }
    .about-section-image{
        margin-top: 50px;
    }
    .about-features{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .about-feature-in{
        margin-bottom: 30px;
    }
    .team-outer{
        margin-top: 40px;
    }
    .team-main-box{
        width: 260px;
        height: 300px;
    }
    .team-image{
        width: 150px;
        height: 150px;
        margin-top: 21px;
        margin-bottom: 15px;
    }
    .team-image img{
        width: 150px;
        height: 150px;
    }
    .team-name{
        font-size: 20px;
        line-height: 26px;
    }
    .team-desg{
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 20px;
        height: 30px;
    }
    .bio-cta{
        font-size: 13px;
    }
    .team-main-box.large{
        width: 550px;
        padding: 15px;
    }
    .team-quote{
        font-size: 20px;
        line-height: 36px;
        padding: 62px 50px;
    }
    .achivement-outer2{
        margin-top: 20px;
    }
    .achivement-box2{
        width: 32%;
        margin-right: 2%;
        margin-bottom: 30px;
        min-height: 70px;
    }
    .achivement-icon{
        width: 36px;
        height: 36px;
    }
    .achivement-icon img{
        width: 30px;
        height: 30px;
    }
    .achiement-title2{
        width: 190px;
        padding-left: 15px;
        font-size: 13px;
        line-height: 15px;
    }
    .achivement-inner{
        padding: 30px 20px;
    }
    .achiement-detail-img{
        width: 250px;
        padding-right: 30px;
    }
    .achiement-detail-img img{
        width: 220px;
        height: 152px;
    }
    .achiement-detail-info{
        width: 550px;
    }
    .achiement-detail-title{
        font-size: 16px;
        line-height: 20px;
        padding-top: 0;
        padding-bottom: 5px;
    }
    .achiement-detail-text{
        font-size: 13px;
        line-height: 20px;
    }
    .contact-main-box{
        margin-top: 30px;
    }
    .contact-main-text{
        font-size: 15px;
        line-height: 24px;
        padding-bottom: 30px;
    }
    .contact-inner-box{
        margin-bottom: 20px;
    }
    .contact-data-box{
        width: 230px;
        margin-right: 20px;
    }
    .contact-data-info{
        font-size: 14px;
        line-height: 20px;
    }
    .contact-data-box.last{
        width: 330px;
    }
    .contact-data-box.last .contact-data-info{
        width: 290px;
    }
    .contact-main-title{
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 20px;
    }
    .contact-inner-box{
        margin-bottom: 20px;
    }
    .contact-input-box{
        width: 230px;
        margin-right: 20px;
    }
    .contact-input-box input, .contact-input-box textarea{
        font-size: 15px;
    }
    .contact-cta a{
        font-size: 15px;
    }
    .about-overlay-section{
        padding: 70px 20px;
    }
    .section-back-cta{
        top: 20px;
        right: 30px;
    }
    .about-overlay-left{
        padding: 0 0 0 20px
    }
    .about-overlay-text{
        font-size: 15px;
        line-height: 24px;
    }
    .about-menu{
        padding-top: 13px;
    }
    .about-menu ul li{
        font-size: 14px;
        padding: 0 15px;
    }
    .about-menu ul li a{
        padding-bottom: 12px;
    }
    .about-menu ul li.hassubnav ul{
        top: 34px;
        width: 200px;
    }
    .about-menu ul li.hassubnav ul li{
        padding: 5px 15px;
    }
}
@media (max-width: 992px){
	.main{
		max-width: 738px;
	}
    .container {
        width: 750px;
    }
	#imgpage1 img{
		width: 350px;
	}
	.landing_img {
        width: 350px;
        margin-left: -175px;
    }
	#header {
        padding: 0 2% 0 2%;
    }
    #header > .intellovate{
    	margin-top: 10px;
    	height: 30px;
    }
    #header > .intellovate img{
    	vertical-align: top;
    	width: 30px;
        height: 30px;
    }
    #header>.menu {
    	margin-top: 0;
        text-align: right!important
    }
    #header>.menu img {
        width: 30px;
        margin-top: 10px;
    }
    .menu123,
    .menu123 ul {
        overflow: hidden!important;
    }
    .mobileMenu{
    	margin-top: 40px;
    }
    .mobileMenu li{
    	height: 30px;
    	padding: 5px 10px;
    }
    .mobileMenu li a{
    	font-size: 16px;
    	line-height: 20px;
    	vertical-align: top;
    }
    /*.section {
        height: 100%!important;
    }*/
    
    .tooltiptext {
        display: none!important;
    }
    .footercontainer{
    	height: 16%;
    }
    .footerline{
        line-height: 22px;
    }
    .footer-links ul li{
        line-height: 16px;
    }
    .footertitle{
    	font-size: 14px;
    	line-height: 18px;
    	padding-bottom: 5px;
    }
    .copytext{
    	padding-top: 0;
    }
    #fp-nav {
        display: none!important
    }
    .circleimg,
    .circleimg.active {
        z-index: 2000
    }
    .section5menu {
        display: none!important
    }
    .bottomborder,
    .topborder {
        display: none!important;
        border: none!important
    }
    body {
        font-size: 30px!important
    }
    small {
        padding-bottom: 5px;
        line-height: 35px!important;
        font-size: 80%!important
    }
    h2 {
        font-size: 30px!important;
        font-weight: 600
    }
    .wrap {
        font-size: smaller!important
    }
    h5 {
        font-size: 30px
    }
    .section-title h2{
        font-size: 24px !important;
        line-height: 30px;
        margin-bottom: 0px !important;
    }
    .section-title h3::after, .section-title h3::before{
        width: 3em;
    }
    .section-title h3{
        padding: 0 4em !important;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 3px !important;
    }
    .client-grid{
        width: 400px;
    }
    .item-centered{
        padding: 0 34px;
    }
    .client-logo img{
        width: 30%;
    }
    .client-logo .table > i{
        font-size: 14px;
    }
    .autosense-text{
        font-size: 13px;
        padding: 0 50px 30px 50px;
    }
    .section-back-cta.home-cta img{
        display: inherit;
    }
    .designleftpart{
        width: 400px;
        float: none;
        margin: 0 auto;
        padding: 0;
    }
    .feature_text7{
        text-align: center;
    }
    .designleftpart h2{
        font-size: 17px !important;
        line-height: 20px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    .watchtext{
        font-size: 14px;
        line-height: 20px;
    }
    .designmidpart{
        float: none;
        margin: 0 auto;
        padding: 30px 0;
        margin-bottom: 30px;
        width: 100%;
    }
    .watchmainimg img{
        height: 250px;
    }
    .designrightpart{
        width: 400px !important;
        float: none;
        margin: 0 auto;
        padding: 0;
    }
    .designrightbox{
        padding-bottom: 25px;
    }
    .designrighttitle{
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 3px;
        text-align: center;
    }
    .designrighttext{
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        color: #a5a5a5;
    }
    .safety-box{
    	display: none;
    }
    .safety-mobile{
    	display: block;
    }
    .safety-mobile img{
    	width: 738px;
    }
    .safety-bottom{
    	font-size: 13px;
    	line-height: 20px;
    	padding: 20px 0;
    }
    .safety-cta{
        width: 160px;
    }
    .safety-cta a{
        font-size: 14px;
    }
    .featursection .section-main-title{
    	top: 100px;
    }
    .wellness-container{
        display: none;
    }
    .wellness-container-mobile{
        display: block;
    }
    #wellness-more .main-wrap-in{
        top: 420px !important;
    }
    .usp-item{
        border-bottom: none;
        border-left: 2px solid #8a8a8a;
        float: none;
        padding-left: 20px;
        text-align: left;
        width: 160px;
    }
    .usp-item.bottom{
        border-top: none;
        border-left: 2px solid #8a8a8a;
        margin-top: 0;
    }
    .usp-text{
        padding-top: 20px;
        padding-bottom: 20px;
        height: 60px;
    }
    .usp-item.bottom .usp-text{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .usp-circle{
        left: -12px;
        bottom: 0;
        top: 20px;
    }
    .usp-item.bottom .usp-circle{
        top: 20px;
    }
    .usp-info{
        float: none;
        width: 100%;
        padding-right: 0;
        padding-left: 5%;
    }
    .usp-timeline{
        margin-top: 0;
        float: left;width: 28%;
    }
    .usp-item-info{
        float: left;
        width: 64%;
        padding-top: 270px;
    }
    .usp-item-info br{
        display: none;
    }
    .usp-item-info br.imp{
        display: block;
    }
    .usp-img{
        position: absolute;
        right: 5%;
        width: 65%;
        top: 0;
        margin-right: 0;
        background-size: 30%;
        height: 250px;
    }
    .usp-icon{
        margin-top: 95px;
    }
    .usp-icon img{
        width: 70px;
        height: 70px;
    }
    .versatility .desktopmenu{
        display: none;
    }
    .versatility .mobile-menu{
    	padding: 0 40px;
    }
    .versatility center{
        display: block;
        position: absolute;
        top: 140px;
        width: 100%;
    }
    .versatality-text small br{
    	display: none;
    }
    .versatality-text{
    	line-height: 20px;
    	text-align: center;
    }
    #feature-circle{
        display: none;
    }
    #mobile-features{
        display: block;
    }
    .service-bx4{
        margin: 0 50px;
    }
    .service-bx4 .services-bx4-content{
        height: 140px;
    }
    .service-bx4 .services-bx4-content .service-item-inner .services-bx4-icon{
        margin-top: 10px;
        line-height: 55px;
    }
    .services-bx4-icon img{
        height: 55px;
    }
    .service-bx4 .services-bx4-content .service-item-inner .services-bx4-title h3{
        line-height: 18px;
        margin-top: 13px;
    }
    .feature-img{
        /*display: none;*/
        width: 180px;
        float: none;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 20px;
    }
    .feature-img img{
    	width: 180px;
    }
    .feature-info{
        float: none;
        padding: 0;
        margin: 0 auto;
        width: 550px;
    }
    .feature-items{
    	padding-bottom: 10px;
    }
    .feature-title{
    	font-size: 13px;
    	line-height: 16px;
    }
    .feature-line{
        padding-right: 0;
        width: 33%;
    }
    .feature-items ul li{
    	font-size: 12px;
    }
    .newssection .main{
    	max-width: 480px;
    }
    .news-item{
    	width: 230px;
    	margin-right: 20px;
    	margin-bottom: 0px;
    }
    .news-item img{
        width: 230px;
        height: 230px;
    }
    .news-item:nth-child(2n){
        margin-right: 0;
    }
    .recog .main-wrap-in{
        top: 300px !important;
    }
    .systemMenu{
    	display: none !important;
    }
    .mobileMenu{
    	display: block;
    }
    .designleftpart{
    	width: 500px;
    }
    .topborder{
    	border-top: 1px solid #b5b5b5 !important;
    	display: block !important;
    	margin-bottom: 15px;
    }
    .bottomborder{
    	border-bottom: 1px solid #b5b5b5 !important;
    	display: block !important;
    	margin-top: 15px;
    	margin-bottom: 30px;
    }
    .designrightpart{
    	width: 748px !important;
    }
    .designrightbox{
    	padding-bottom: 0;
    	margin: 0 24px;
        margin-bottom: 27px;
    	width: 320px;
    	float: left;
    }
    .designrightbox.last{
    	margin-right: 0;
    }
    .designrighttext{
    	line-height: 20px;
        font-size: 13px;
    }
    .multifumction-box{
        max-width: 470px;
    }
    .multifunction-left{
        width: 380px;
        float: none;
        margin: 0 auto;
    }
    .multifunction-item-icon{
        width: 120px;
        height: 120px;
        padding: 42px;
    }
    .multifunction-item-icon span{
        width: 32px;
        height: 32px;
    }
    #multi1 span{
        background-position: -32px -1952px;
    }
    #multi1.active span{
        background-position: -0px -1984px;
    }
    #multi2 span{
        background-position: -32px -2432px;
    }
    #multi2.active span{
        background-position: -0px -2464px;
    }
    #multi3 span{
        background-position: -32px -2112px;
    }
    #multi3.active span{
        background-position: -0px -2144px;
    }
    #multi4 span{
        background-position: -0px -1792px;
    }
    #multi4.active span{
        background-position: -32px -1792px; 
    }
    #multi5 span{
        background-position: -0px -2304px;
    }
    #multi5.active span{
        background-position: -32px -2304px;
    }
    #multi6 span{
        background-position: -0px -2656px;
    }
    #multi6.active span{
        background-position: -32px -2656px;
    }
    .section-back-cta.home-cta{
        top: 60px;
        right: 20px;
    }
    .multifunction-right{
        float: none;
        width: 470px;
        margin: 0 auto;
    }
    .maultifunction-item-data{
        border: none;
        padding-bottom: 0;
        padding-top: 30px;
        text-align: center;
        padding-right: 0;
    }
    .multi-title{
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 10px;
    }
    .multi-text{
        font-size: 13px;
        line-height: 20px;
    }
    #safety-more .main-wrap-in{
        top: 420px !important;
    }
    #header-second{
        height: 60px;
    }
    #pagemain{
        top: 30px;
    }
    .title-box{
        width: 80px;
        margin-top: -100px;
    }
    .sitename{
        padding: 9px 0;
    }
    .sitename img{
        height: 26px;
    }
    .header-menu-top{
        padding: 18px 0;
    }
    .static-page-head{
        float: none;
        width: 100%;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 10px;
    }
    .static-page-block{
        float: left;
        width: 20%;
    }
    .static-page-data{
        width: 100%;
    }
    .static-line{
        margin-left: 50px;
        font-size: 14px;
    }
    #header-second .main{
        width: 730px;
    }
    .static-page-inner{
        padding: 20px;
    }
    .static-page-title{
        font-size: 20px;
        line-height: 24px;
    }
    .static-page-ctas a{
        padding: 5px 10px;
        margin-right: 5px;
    }
    .page-section{
        margin-bottom: 20px;
    }
    .team-item{
        width: 215px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .team-item img{
        width: 215px;
    }
    .faq-box h3{
        font-size: 16px;
        line-height: 20px;
    }
    .faq-box .faq-answer{
        font-size: 14px;
        line-height: 20px;
    }
    .contact-form{
        padding-top: 20px;
        width: 400px;
        float: none;
        margin: 0 auto;
    }
    .contact-box{
        margin-bottom: 15px;
    }
    .contact-box input, .contact-box textarea{
        width: 390px;
        font-size: 14px;
        line-height: 18px;
        padding: 8px 10px;
    }
    .contact-cta a{
        font-size: 16px;
    }
    .contact-address{
        width: 400px;
        padding-top: 30px;
        float: none;
        margin: 0 auto;
    }
    .company-name{
        font-size: 16px;
        line-height: 20px;
    }
    .compnay-address{
        font-size: 14px;
        line-height: 20px;
    }
    .partner-box{
        padding: 30px 0;
    }
    .partner-item{
        width: 700px;
        margin-bottom: 30px;
    }
    .partner-logo{
        width: 150px;
    }
    .partner-logo img{
        width: 130px;
    }
    .partner-text{
        width: 550px;
    }
    .partner-name{
        font-size: 18px;
    }
    .partner-detail{
        font-size: 14px;
    }
    .team-layer{
        padding: 10px;
    }
    .person-name{
        font-size: 20px;
        line-height: 26px;
    }
    .person-desg{
        font-size: 16px;
        line-height: 18px;
    }
    .person-desg.last{
        font-size: 14px;
    }
    .footerleft{
        margin-left: 0;
        margin-right: 2%;
    }
    .footer-title{
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 5px;
    }
    .footerline{
        font-size: 13px;
        line-height: 18px;
    }
    .footer-signup{
        margin-right: 2%;
    }
    .signupbox-input{
        width: 150px;
    }
    .signupbox-input input{
        width: 160px;
        font-size: 13px;
    }
    .signup-btn{
        width: 90px;
    }
    .signup-btn a{
        width: 90px;
    }
    .footerright{
        width: 26%;
        margin-right: 0;
        float: right;
    }
    .copytext{
        font-size: 12px;
    }
    .signup-box{
        margin-top: 50px;
    }
    .signupbox-title{
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 5px;
    }
    .signupbox-line{
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 15px;
    }
    #breadcum-about{
        height: 60px;
        padding: 15px 0;
    }
    .about-inner-page-title{
        font-size: 20px;
    }
    .about-breadcum{
        font-size: 13px;
    }
    .about-page-data{
        padding: 30px 0;
    }
    .about-section-text2{
        font-size: 14px;
        line-height: 22px;
        padding-left: 3%;
    }
    .second .about-section-text2{
        padding-right: 3%;
    }
    .about-section2-heading{
        font-size: 26px;
        line-height: 30px;
    }
    .about-section-title2{
        font-size: 20px;
        line-height: 28px;
    }
    .second .about-section-title2{
        margin-top: 50px;
    }
    .first .about-section-title2{
        margin-top: 50px;
    }
    .about-section-text2 hr{
        margin-bottom: 10px;
    }
    .about-section-image{
        margin-top: 50px;
    }
    .about-features{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .about-feature-in{
        margin-bottom: 20px;
        padding-left: 40px;
    }
    .about-feature-in h3{
        font-size: 15px;
        line-height: 20px;
    }
    .about-feature-in span{
        font-size: 13px;
    }
    .team-outer{
        margin-top: 30px;
        max-width: 660px;
        margin: 0 auto;
    }
    .team-main-box{
        width: 300px;
        height: 320px;
    }
    .team-image{
        width: 150px;
        height: 150px;
        margin-top: 21px;
        margin-bottom: 15px;
    }
    .team-image img{
        width: 150px;
        height: 150px;
    }
    .team-name{
        font-size: 20px;
        line-height: 26px;
    }
    .team-desg{
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 20px;
        height: 30px;
    }
    .bio-cta{
        font-size: 13px;
    }
    .team-main-box.large{
        display: none;
    }
    .team-quote{
        font-size: 20px;
        line-height: 36px;
        padding: 62px 50px;
    }
    .achivement-outer2{
        margin-top: 20px;
        max-width: 630px;
        margin: 0 auto;
    }
    .achivement-box2{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
        min-height: 60px;
    }
    .achivement-box2.last{
        margin-right: 4%;
    }
    .achivement-box2#ach2,.achivement-box2#ach4,.achivement-box2#ach6,.achivement-box2#ach8{
        margin-right: 0;
    }
    .achivement-icon{
        width: 36px;
        height: 36px;
    }
    .achivement-icon img{
        width: 30px;
        height: 30px;
    }
    .achiement-title2{
        width: 230px;
        padding-left: 15px;
        font-size: 13px;
        line-height: 15px;
    }
    .achivement-inner{
        padding: 15px;
    }
    .achiement-detail-img{
        width: 200px;
        padding-right: 20px;
    }
    .achiement-detail-img img{
        width: 180px;
        height: 125px;
    }
    .achiement-detail-info{
        width: 380px;
    }
    .achiement-detail-title{
        font-size: 16px;
        line-height: 20px;
        padding-top: 0;
        padding-bottom: 5px;
    }
    .achiement-detail-text{
        font-size: 13px;
        line-height: 20px;
    }
    .contact-main-box{
        margin-top: 30px;
    }
    .contact-main-text{
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 20px;
    }
    .contact-inner-box{
        margin-bottom: 20px;
    }
    .contact-data-box{
        width: 230px;
        margin-right: 15px;
    }
    .contact-data-info{
        font-size: 13px;
        line-height: 18px;
    }
    .contact-data-box.last{
        width: 245px;
        margin-right: 0;
    }
    .contact-data-box.last .contact-data-info{
        width: 205px;
    }
    .contact-main-title{
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 10px;
    }
    .contact-inner-box{
        margin-bottom: 0px;
    }
    .contact-input-box{
        width: 230px;
        margin-right: 15px;
        margin-bottom: 20px;
    }
    .contact-input-box input, .contact-input-box textarea{
        font-size: 14px;
    }
    .contact-cta a{
        font-size: 14px;
    }
    .about-overlay-section{
        padding: 70px 20px;
    }
    .section-back-cta{
        top: 20px;
        right: 30px;
    }
    .section-back-cta img{
        display: inherit;
    }
    .about-overlay-title{
        font-stretch: 20px;
        line-height: 26px;
        padding-bottom: 0;
    }
    .about-overlay-left{
        padding: 0 0 0 20px
    }
    .about-overlay-text{
        font-size: 15px;
        line-height: 24px;
    }
    .about-menu{
        padding-top: 13px;
    }
    .about-menu ul li{
        font-size: 14px;
        padding: 0 15px;
    }
    .about-menu ul li a{
        padding-bottom: 12px;
    }
    .about-menu ul li.hassubnav ul{
        top: 34px;
        width: 200px;
    }
    .about-menu ul li.hassubnav ul li{
        padding: 5px 15px;
    }

}
@media all and (max-height: 700px){
	/*.main-wrap-in{
		bottom: 50px;
	}*/
	.wellness .safety-bottom{
		padding-top: 30px;
	}
	.footertitle{
		padding-bottom: 0;
	}
}
@media all and (max-width: 767px){
    .loader-box{
        top: 35%;
    }
    .loader-logo img{
        width: 50px;
        height: 50px;
    }
    .loader-title{
        font-size: 15px;
        line-height: 15px;
    }
    .loader-dash span{
        font-size: 50px;
    }
    .container {
        width: 100%;
        padding: 0;
    }
    body {
        font-size: medium!important
    }
    h2 {
        font-weight: 600;
        font-size: 16px!important
    }
    #header>.menu img {
        width: 30px !important
    }
    #fp-nav {
        display: none!important
    }
    #section2, #section3, #section4, #section5, #section6, #section7, #section8, #section9, #section10{
        height: auto !important;
        /*overflow-y: scroll !important;*/
        position: relative;
        margin-top: 50px;
    }
    #section3{
        margin-top: 100px;
    }
    .fullpage-wrapper{
        height: auto !important;
    }
    .parentwrap{
        height: auto;
        position: relative;
        overflow: hidden;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .section-main-title{
        position: relative;
        top: 0;
        padding-top: 50px;
    }
    #imgpage2 .section-intro-title{
        position: fixed;
    }
    .data-main-wrap{
        height: auto;
        margin-top: 40px;
    }
    .proposition  .data-main-wrap{
        margin-top: 20px;   
    }
    .main-wrap-in{
        bottom: 0px;
        position: relative;
        top: 0 !important;
        
    }
    .section-back-cta.home-cta{
        top: 10px;
        right: 10px;
    }
    .multi-text{
        min-height: 72px;
    }
    .main-wrap-in.fullwrap{
        width: 100%;
        max-width: 355px;
        margin: 0 auto;
        padding: 0;
        top: 0 !important;
    }
    .main{
        max-width: 355px;
    }
    #imgpage1 img{
        width: 250px;
    }
    .section-title h2{
        font-size: 18px !important;
        line-height: 24px;
        margin-bottom: 5 !important;
        letter-spacing: 1px !important;
    }
    .section-title h3{
        letter-spacing: 1px !important;
        padding: 0 20px !important;
        font-size: 13px;
        line-height: 18px;
        margin: 0 20px;
    }
    .section-title h3::after, .section-title h3::before{
        display: none;
    }
    .award_img{
        display: none;
    }
    .section-main-title{
        top: 0px;
        margin-top: 0px;
    }
    .topborder{
        margin-bottom: 15px;
    }
    .bottomborder{
        margin-bottom: 0;
    }
    .designleftpart{
        width: 100%;
    }
    .designleftpart h2{
        font-size: 15px !important;
        padding-bottom: 5px;
    }
    .designmidpart{
        padding: 40px 0;
        width: 100%;
    }
    .watchtext{
        font-size: 13px;
        line-height: 18px;
    }
    .watchmainimg img{
        height: 200px;
    }
    .designrightpart{
        width: 100% !important;
    }
    .designrightbox{
        width: 100%;
        float: none;
        margin: 0;
        padding-bottom: 25px;
    }
    .designrighttitle{
        font-size: 15px;
        line-height: 18px;
        padding-bottom: 0;
    }
    .designrighttext{
        line-height: 18px;
    }
    #section6,#section2,#section5,#section9{
        background: #EEE;
    }
    #section2{
        padding-bottom: 100px;
    }
    .usp-img{
        right: 0;
        width: 50%;
        background-size: 70%;
        height: 215px;
        top: 75px;
    }
    .usp-icon{
        margin-top: 75px;
    }
    .usp-icon img{
        width: 60px;
        height: 60px;
    }
    .usp-timeline{
        float: none;
        width: 100%;
    }
    .usp-item-info{
        float: none;
        width: 100%;
        padding-top: 20px;
        font-size: 13px;
        line-height: 18px;
        min-height: 134px;
        padding-bottom: 30px;
    }
    .usp-text{
        padding-top: 20px;
        padding-bottom: 20px;
        height: 60px;
        font-size: 14px;
    }
    .versatility-wrap-in{
        bottom: 0px;
        position: relative;
    }
    .safety-container{
        padding-bottom: 100px;
    }
    .safety-mobile img{
        width: 100%;
    }
    .wellness-container-mobile img{
        width: 100%;
    }
    .wellness .safety-bottom{
        padding-bottom: 100px;
    }
    .featursection .section-main-title{
        top: 0;
    }
    .feature-box-wrap{
        margin: 0 auto;
        width: 320px;
    }
    .feature-box-wrap .feature-box-content{
        height: 80px;
    }
    .feature-box-content .feature-box-icon{
        width: 80px;
        height: 80px;
        padding: 24px;
    }
    .feature-box-content.active .feature-box-icon{
    transform: translateY(-17px);
    -webkit-transform: translateY(-17px);
    -moz-transform: translateY(-17px);
    -o-transform: translateY(-17px);
    -ms-transform: translateY(-17px);
    }
    .feature-box-content .feature-box-icon span{
        margin-top: 0;
    }
    .feature-box-content .feature-box-title{
        padding: 0 2px;
    }
    .feature-box-content .feature-box-title h3{
        font-size: 11.5px;
        line-height: 16px;
    }
    .featurebox-item-content{
        line-height: 18px;
    }
    .feature-box-content.active .feature-box-title h3{
            transform: translateY(-34px);
    -webkit-transform: translateY(-34px);
    -moz-transform: translateY(-34px);
    -o-transform: translateY(-34px);
    -ms-transform: translateY(-34px);
    }
    .feature-img{
        width: 150px;
        margin-bottom: 20px;
        display: none;
    }
    .feature-img img{
        width: 150px;
    }
    .feature-info{
        width: 100%;
        max-width: 355px;
    }
    .feature-line{
        width: 100%;
        float: none;
    }
    .feature-clear{
        clear: both;
        
    }
    .feature-line.last{
        float: none;
        width: 100%;
        padding-right: 0;
    }
    .feature-items{
        padding-bottom: 5px;
    }
    .feature-items ul li{
        float: left;
        width: auto;
        font-size: 13px;
        padding-right: 5px;
        line-height: 18px;
    }
    .feature-items ul li:after{
        content: ' ,';
        position: absolute;
    }
    .newssection .main {
        max-width: 300px;
    }
    .recog .main-wrap-in{
        top: 30px !important;
    }
    .news-item{
        width: 140px;
        margin-right: 20px;
        margin-bottom: 50px;
    }
    .news-item:nth-child(2n){
        margin-right: 0;
    }
    .news-item img{
        width: 140px;
        height: 140px;
    }
    .footer-signup{
        display: none;
    }
    #rewind{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footercontainer{
        height: 100px;
    }
    .subscribe_form{
        margin-top: 10px;
    }
    .newssection{
        margin-bottom: 100px;
    }
    .versatility .mobile-menu{
        padding: 0 20px;
    }
    .next-section {
        cursor: pointer;
        width: 17px;
        bottom: 13px;
        display: block;
        height: 27px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        border: 2px solid rgba(255,255,255,0.5);
        left: 50%;
        position: fixed;
        z-index: 9;
        margin-left: -12px;
    }
    .next-section span{
        display: block;
        margin: 6px auto;
        width: 2px;
        height: 6px;
        border-radius: 4px;
        background: #fff;
        border: 1px solid transparent;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: scroll;
        animation-name: scroll;
    }
    @-webkit-keyframes scroll {0% { opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);} 100% { opacity: 0;-webkit-transform: translateY(5px);transform: translateY(5px); }}
    @keyframes scroll { 0% {opacity: 1; -webkit-transform: translateY(0);-ms-transform: translateY(0); transform: translateY(0);} 100% {opacity: 0; -webkit-transform: translateY(8px);-ms-transform: translateY(8px);transform: translateY(8px);}}
            /* Fixed header and footer.
    * --------------------------------------- */
    #header{
        position:fixed;
        height: 50px;
        display:block;
        width: 100%;
        /*background: #333;*/
        z-index:9;
        text-align:center;
        color: #000000;
        padding: 10px 4% 10px 4%;
    }
    #header{
        top:0px;
        margin:0px !important;
    }
    #header >.menu{
        text-align: right !important;
    }
    #header >.intellovate img{
        width:30px;
        height: 30px;
    }
    #header >.menu img{
        width:30px;
        height: 30px;
        margin-top: 0;
    }
    #header >.intellovate{
        text-align: left !important;
        margin-top: 0;
        
    }
    .share.active .sharelist{
        width: 200px;
        margin: 0 auto;
    }
    .footerleft{
        display: none;
    }
    .footer-title{
        display: none;
    }
    .footerright{
        float: none;
        width: 100%;
    }
    .float-left{
        text-align: left;
        padding:0 0 0 5%;
    }
    .wrap{
        font-size: smaller !important;
        display: flex;
        height: 100%!important;
    }
    .landing_img
    {
        z-index: 0;
        opacity: 1;
        width: 250px;
        bottom: 100px;
        position: fixed;
        left: 50%;
        margin-left: -125px;
    }   
    body
    {
        font-size: medium ;
    }
    h2{
        font-size: 10px;
        font-weight: 600;
    }
    small {
        font-size: 70%!important;
    }
    .versatility center{
        top: 120px;
    }
    .topborder, .bottomborder{
        display:none;
    }
    .menu123 {
        overflow: hidden;
        text-align: center;
        margin: 0 auto 0;
        overflow: hidden;
    }
    .menu123 ul {
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
    }
    .list123 :not(:first-child) {
        display: none;
    }
    .autosense-text{
        padding: 0;
        width: 100%;
        padding-bottom: 20px;
        line-height: 18px;
    }
    .client-grid{
        width: 300px;
    }
    .item-centered{
        padding: 0 34px;
    }
    .item-centered span{
        width: 32px;
        height: 32px;
    }
    .grid-item.heartrate .item-centered span{
        background-position: -32px -2112px;
    }
    .grid-item.voicepwd .item-centered span{
        background-position: -32px -2720px;
    }
    .grid-item.bodytemp .item-centered span{
        background-position: -32px -2624px;
    }
    .grid-item.oxycontent .item-centered span{
        background-position: -0px -2336px;
    }
    .grid-item.impact .item-centered span{
        background-position: -0px -2176px;
    }
    .grid-item.injuries .item-centered span{
        background-position: -0px -2240px;
    }
    .grid-item.speed .item-centered span{
        background-position: -32px -2496px;
    }
    .grid-item.force .item-centered span{
        background-position: -0px -2080px;
    }
    .grid-item.unsafe .item-centered span{
        background-position: -0px -2656px;
    }
    .grid-item.stress .item-centered span{
        background-position: -0px -2592px;
    }
    .grid-item.timebased .item-centered span{
        background-position: -32px -1952px;
    }
    .grid-item.andmore .item-centered span{
        background-position: -0px -2272px;
    }
    .client-logo:hover .item-centered span{
            transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
    }
    .client-logo .table > i{
        font-size: 12px;
        line-height: 16px;
    }
    .client-logo:hover i{
        top: 60% !important;
    }
    #fp-nav.right {
        right: 4%!important;
    }
    #fp-nav ul li, .fp-slidesNav ul li {
        display: block;
        width: 14px;
        height: 13px;
        margin: 4px!important;
        position: relative;
    }
    .parentwrap.absolute{
        bottom: 0;
    }
    #rewind .text-center p{
        color: #fff;
        font-size: 9px!important;
    }
    .copytext{
        font-size: 13px;
        padding-top: 0px;
        text-align: center;
        padding-right: 0;
    }
    .multifumction-box{
        max-width: 300px;
        padding-top: 30px;
    }
    .maultifunction-item-data{
        padding-top: 20px;
        min-height: 250px;
    }
    .multifunction-left{
        width: 284px;
    }
    .multifunction-right{
        width: 300px;
    }
    .multifunction-item-icon{
        width: 90px;
        height: 90px;
        padding: 29px;
        margin-right: 7px;
        margin-bottom: 7px;
    }
    .multifunction-item-icon img{
        width: 40px;
        height: 40px;
    }
    .multi-title{
        font-size: 16px;
        line-height: 20px;
    }
    .static-page-block{
        padding-top: 0;
    }
    .staic-page-icon img{
        height: 30px;
    }
    .static-menu-title{
        display: none;
    }
    .static-page-title{
        font-size: 18px;
        line-height: 20px;
        padding-bottom: 10px;
    }
    .static-page-ctas{
        padding-bottom: 20px;
    }
    .static-page-ctas a{
        padding: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 18px;
    }
    #safety-more .main-wrap-in{
        top: 50px !important;
    }
    #wellness-more .main-wrap-in{
        top: 50px !important;   
    }
    .section-inner-title{
        font-size: 18px;
        line-height: 20px;
    }
    .static-page-text{
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 5px;
    }
    .static-page-text p{
        padding: 5px 0;
    }
    .static-page-video iframe{
        width: 300px;
        height: 169px;
    }
    .static-page-text img{
        width: 300px;
    }
    .partner-box{
        padding: 20px 0;
    }
    .partner-item{
        width: 100%;
        margin-bottom: 20px;
    }
    .partner-logo{
        float: none;
        margin: 0 auto;
    }
    .partner-item:nth-child(2n) .partner-logo{
        float: none;
        margin: 0 auto;   
    }
    .partner-text{
        width: 100%;
        padding: 0;
    }
    .partner-name{
        font-size: 16px;
        line-height: 20px;
    }
    .partner-detail{
        line-height: 18px;
    }
    .static-line{
        display: none;
    }
    .title-box{
        display: none;
    }
    #header-second{
        height: 51px;
    }
    #header-second .main{
        width: 355px;
    }
    .sitename{
        padding: 14px 0;
        display: none;
    }
    .sitelogo{
        display: block;
    }
    .sitename img{
        height: 20px;
    }
    .header-menu-top{
        padding: 15px 0;
        font-size: 16px;
        line-height: 20px;
        height: 20px;
    }
    .team-item{
        float: none;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .team-item:nth-child(3n){
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .team-item:nth-child(4n){
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .contact-form{
        width: 300px;
    }
    .contact-box input, .contact-box textarea{
        width: 300px;
    }
    .contact-cta a{
        font-size: 14px;
        line-height: 18px;
        padding: 7px 0;
        width: 300px;
    }
    .contact-address{
        width: 300px;
        padding-top: 20px;
    }
    .partner-logo{
        width: 130px;

    }
    .partner-logo img{
        width: 110px;
    }
    .footer-links{
        width: 230px;
        float: none;
        margin: 0 auto;
        padding-bottom: 0;
    }
    .footer-links ul li{
        padding-bottom: 0;
        float: left;
    }
    .footer-links ul li a{
        padding: 3px 10px;
    }
    .signup-box{
        width: 300px;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .signupbox-title{
        font-size: 18px;
        line-height: 20px;
    }
    .signupbox-line{
        padding-bottom: 10px;
    }
    .signupbox-input{
        width: 300px;
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .signupbox-input input{
        padding: 4px 10px;
        font-size: 14px;
        width: 300px;
    }
    .signup-btn{
        float: none;
        margin: 0 auto;
    }
    .signup-btn a{
        font-size: 14px;
        padding: 5px 0;
    }
    .contact-input-box textarea{
        width: 100%;
    }
    .achivement-box2{
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .about-page-data{
        padding: 20px 0;
    }
    .about-section-title2{
        display: none;
    }
    .about-section-text2{
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .about-section2-heading{
        font-size: 20px;
        line-height: 24px;
    }
    .about-section-text2{
        font-size: 13px;
        line-height: 20px;
        padding:0;
    }
    .second .about-section-text2{
        padding: 0;
    }
    .theproduct .about-section-text2{
        width: 100%;
    }
    .about-feature-in h3{
        font-size: 14px;
        line-height: 18px;
    }
    .about-features {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .about-section-image{
        margin-top: 20px;
        width: 100%;
    }
    .team-outer{
        max-width: 300px;
        margin-top: 10px;
    }
    .team-main-box{
        margin: 0;
        margin-bottom: 20px;
        height: 300px;
    }
    .team-name{
        font-size: 18px;
        line-height: 24px;
    }
    .team-desg:after{
        margin: 10px auto;
    }
    .achivement-outer2{
        max-width: 300px;
    }
    .contact-main-text{
        font-size: 13px;
        line-height: 18px;
    }
    .contact-inner-box{
        max-width: 300px;
        margin: 0 auto;
    }
    .contact-main-title{
        max-width: 300px;
        margin: 0 auto;
    }
    .contact-input-box{
        width: 100%;
    }
    .contact-input-box input, .contact-input-box textarea{
        width: 100%;
    }
    #footer-main{
        padding: 20px 0;
    }
    .about-overlay-section{
        height: 100%;
        max-width: 100%;
        bottom: 0;
        overflow-y: scroll;
    }
    .about-overlay-section.active{
        top: 0;
    }
    .about-overlay-right{
        float: none;
        height: auto;
        width: 150px;
        margin: 0 auto;
    }
    .person-photo{
        width: 150px;
        height: 150px;
    }
    .person-photo img{
        width: 150px;
        height: 150px;   
    }
    .overlay-person-name{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .overlay-person-desg{
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .overlay-person-social{
        width: 90px;
    }
    .overlay-person-social ul li{
        width: 20px;
        height: 20px;
        padding: 2px;
    }
    .overlay-person-social ul li{
        width: 20px;
    }
    .overlay-person-social ul li img{
        width: 16px;
    }
    .about-overlay-left{
        width: 100%;
        padding: 0;
        border: none;
        height: auto;
        margin-top: 30px;
    }
    .about-overlay-text{
        font-size: 14px;
        line-height: 20px;
        text-align: justify;
    }
    .about-overlay-icon{
        width: 150px;
        height: 150px;
        padding: 40px;
    }
    .about-overlay-title{
        font-size: 18px;
        line-height: 24px;
    }
    .video-title{
        font-size: 18px;
        line-height: 24px;
    }
    .video-iframe-box{
        width: 300px;
        height: 200px;
        padding: 10px;
    }
    .video-iframe-box iframe{
        width: 100%;
        height: 100%;
    }
    .achiement-detail-img{
        float: none;
        padding-right: 0;
        margin: 0 auto;
        width: 180px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .achiement-detail-info{
        width: 100%;
        float: none;
    }
    .achiement-detail-title{
        font-size: 14px;
        line-height: 18px;
    }
    .achiement-detail-text{
        font-size: 13px;
        line-height: 18px;
    }
}
@media all and (max-width: 374px){
    .main{
        max-width: 300px;
    }
    .static-page-inner{
        padding: 10px;
    }
    .static-page-video iframe{
        width: 280px;
        height: 159px;
    }
    .static-page-text img{
        width: 280px;
    }
    .contact-form{
        width: 280px;
    }
    .contact-box{
        margin-bottom: 10px;
    }
    .contact-box input, .contact-box textarea{
        width: 280px;
    }
    .g-recaptcha div{
        width: 280px !important;
    }
    .g-recaptcha iframe{
        width: 280px !important;
    }
    .rc-anchor-normal{
        width: 280px;
    }
    .contact-cta a{
        width: 280px;
    }
    #header-second .main{
        width: 300px;
    }
    .sitename img{
        height: 15px;
    }
    .header-menu-top{
        font-size: 13px;
    }
    .header-menu-top a{
        font-size: 13px;
    }
    .item-centered{
        padding: 0 21px;
    }
    .usp-icon{
        margin-top: 55px;
    }
}
/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #7b9d6f;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  height: 50px;
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #7b9d6f;
}
.zone-container{

}
.zone-left{
    float: left;
    width: 150px;
    height: 150px;
    margin-right: 50px;
    text-align: center;
}
.zone-left img{
    max-width: 150px;
}
.zone-right{
    float: left;
    width: 600px;
}
.zone-cta{
    float: right;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 6em auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../images/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
  font-size: 1.4rem;
  color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 36px;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.8rem;
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.zone-cta{
    margin-top: 30px;
}
.btn{
  background: #000;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  padding: 5px 15px;
  display: inline-block;
  float: right;
}
.textcenter{
  text-align: center;
}
.zone-inner{
    padding: 20px 0;
    font-size: 20px;
    line-height: 28px;
}
.zone-img{
    width: 150px;
    float: left;
    margin-right: 10px;
}
.zone-img img{
    width: 150px;
    height: 150px;
}
.zone-img-large{
    width: 600px;
    margin: 0 auto;
}
.zone-img-large img{
    width: 600px;
}