/* shorthand syntax: name | duration | timing-function | delay | iteration-count | direction | fill-mode | play-state */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */














/*****************************************/
/* Press away */
/*****************************************/
.fxPressAway .navOutNext {
  -webkit-animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideOutScaleLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); }

.fxPressAway .navInNext {
  opacity: 1;
  -webkit-animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideInFromRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); }

.fxPressAway .navOutPrev {
  -webkit-animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideOutScaleRight 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); }

.fxPressAway .navInPrev {
  opacity: 1;
  -webkit-animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideInFromLeft 1.2s forwards cubic-bezier(0.7, 0, 0.3, 1); }

.milestone-slider .navOutPrev {
  -webkit-animation: aniFadeOut 0.6s forwards cubic-bezier(0, 0, 0.22, 1);
  animation: aniFadeOut 0.6s forwards cubic-bezier(0, 0, 0.22, 1); }

.milestone-slider .navInNext {
  -webkit-animation: aniFadeIn 0.2s forwards cubic-bezier(0, 0, 0.22, 1);
  animation: aniFadeIn 0.2s forwards cubic-bezier(0, 0, 0.22, 1); }

#product-slideshow .navOutPrev {
  -webkit-animation: slideOutScaleRight 800ms forwards cubic-bezier(0.7, 0, 0.3, 1);
  -moz-animation: slideOutScaleRight 800ms forwards cubic-bezier(0.7, 0, 0.3, 1);
  -o-animation: slideOutScaleRight 800ms forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideOutScaleRight 800ms forwards cubic-bezier(0.7, 0, 0.3, 1); }

#product-slideshow .navInNext {
  opacity: 1;
  -webkit-animation: slideInFromLeft 800ms forwards cubic-bezier(0.7, 0, 0.3, 1);
  -moz-animation: slideInFromLeft 800ms forwards cubic-bezier(0.7, 0, 0.3, 1);
  -o-animation: slideInFromLeft 800ms forwards cubic-bezier(0.7, 0, 0.3, 1);
  animation: slideInFromLeft 800ms forwards cubic-bezier(0.7, 0, 0.3, 1); }

@-webkit-keyframes fake {
  from {
    opacity: 0; }
  to {
    opacity: 0; } }
@keyframes fake {
  from {
    opacity: 0; }
  to {
    opacity: 0; } }
@-webkit-keyframes aniFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes aniFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-webkit-keyframes aniFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes aniFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes wipeInFromLeftBig {
  from {
    clip: rect(0px, 0px, 2000px, 0px); }
  to {
    clip: rect(0px, 2000px, 2000px, 0px); } }
@keyframes wipeInFromLeftBig {
  from {
    clip: rect(0px, 0px, 2000px, 0px); }
  to {
    clip: rect(0px, 2000px, 2000px, 0px); } }
@-webkit-keyframes wipeOutToRightBig {
  from {
    clip: rect(0px, 2000px, 2000px, 0px); }
  to {
    clip: rect(0px, 2000px, 2000px, 2000px); } }
@keyframes wipeOutToRightBig {
  from {
    clip: rect(0px, 2000px, 2000px, 0px); }
  to {
    clip: rect(0px, 2000px, 2000px, 2000px); } }
@-webkit-keyframes wipeInFromLeftMed {
  from {
    clip: rect(0px, 0px, 1000px, 0px); }
  to {
    clip: rect(0px, 1000px, 1000px, 0px); } }
@keyframes wipeInFromLeftMed {
  from {
    clip: rect(0px, 0px, 1000px, 0px); }
  to {
    clip: rect(0px, 1000px, 1000px, 0px); } }
@-webkit-keyframes wipeOutToRightMed {
  from {
    clip: rect(0px, 1000px, 1000px, 0px); }
  to {
    clip: rect(0px, 1000px, 1000px, 1000px); } }
@keyframes wipeOutToRightMed {
  from {
    clip: rect(0px, 1000px, 1000px, 0px); }
  to {
    clip: rect(0px, 1000px, 1000px, 1000px); } }
@-webkit-keyframes wipeInFromLeft {
  from {
    clip: rect(0px, 0px, 500px, 0px); }
  to {
    clip: rect(0px, 500px, 500px, 0px); } }
@keyframes wipeInFromLeft {
  from {
    clip: rect(0px, 0px, 500px, 0px); }
  to {
    clip: rect(0px, 500px, 500px, 0px); } }
@-webkit-keyframes wipeOutToRight {
  from {
    clip: rect(0px, 500px, 500px, 0px); }
  to {
    clip: rect(0px, 500px, 500px, 500px); } }
@keyframes wipeOutToRight {
  from {
    clip: rect(0px, 500px, 500px, 0px); }
  to {
    clip: rect(0px, 500px, 500px, 500px); } }
@-webkit-keyframes moveInFromLeft {
  from {
    -webkit-transform: translateX(-1000%);
    opacity: 1; }
  to {
    -webkit-transform: translateX(0);
    opacity: 1; } }
@keyframes moveInFromLeft {
  from {
    -webkit-transform: translateX(-1000%);
    transform: translateX(-1000%);
    opacity: 1; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@-webkit-keyframes slideOutScaleRight {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(100%) scale(0.9);
    opacity: 0; } }
@keyframes slideOutScaleRight {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(100%) scale(0.9);
    transform: translateX(100%) scale(0.9);
    opacity: 0; } }
@-webkit-keyframes slideInFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    opacity: 1; }
  to {
    -webkit-transform: translateX(0);
    opacity: 1; } }
@keyframes slideInFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 1; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@-webkit-keyframes slideOutScaleLeft {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(-100%) scale(0.9);
    opacity: 0; } }
@keyframes slideOutScaleLeft {
  /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
  to {
    -webkit-transform: translateX(-100%) scale(0.9);
    transform: translateX(-100%) scale(0.9);
    opacity: 0; } }
@-webkit-keyframes slideInFromRight {
  from {
    -webkit-transform: translateX(100%);
    opacity: 1; }
  to {
    -webkit-transform: translateX(0);
    opacity: 1; } }
@keyframes slideInFromRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1; }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@-webkit-keyframes swipeRight {
  /* fixes Chrome 35.0.1916.114 issue (easing breaks) */
  50%, 55% {
    -webkit-transform: translate3d(0, 0, 0); }
  100% {
    -webkit-transform: translate3d(100%, 0, 0); } }
@keyframes swipeRight {
  50%, 55% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate(0); }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@-webkit-keyframes opacityOut {
  50% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes opacityOut {
  50% {
    opacity: 1; }
  55% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-webkit-keyframes opacityIn {
  50% {
    opacity: 0; }
  55% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@keyframes opacityIn {
  50% {
    opacity: 0; }
  55% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
.globe-wrapper {
  position: relative;
  margin-top: 50px; }
  .globe-wrapper img {
    opacity: 0; }
  .globe-wrapper #satellite-orbit {
    position: absolute;
    width: 100%;
    height: 120%;
    bottom: 0;
    left: 0; }


 

  @media (min-width: 768px) {
    .products-globe {
      height: 110px; } }
  .products-globe img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto 0 auto; }

.parallax-container {

  z-index: 100;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  left: 0;
  -webkit-transition: all 500ms cubic-bezier(0.7, 0, 0.3, 1);
  -o-transition: all 500ms cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 500ms cubic-bezier(0.7, 0, 0.3, 1);
  position: relative;

 }
  .parallax-container.no-slider {
    margin-top: 660px; }
    @media (max-width: 767px) {
      .parallax-container.no-slider {
        margin-top: 500px; } }

  @media (max-width: 767px) {
    #about img.bottom {
      margin-top: 3px; } }

#milestones {
	

  padding-bottom: 0; }
  #milestones .milestone-header {
    padding-bottom: 40px; }

    #milestones .milestone-slider-wrapper .milestone-slider {
      height: 400px;
      font-size: 0; }
  #milestones .milestone-line-wrapper {
    position: absolute;
    width: 100%;
    top: 25%; }
    #milestones .milestone-line-wrapper .milestone-line {
      width: 100%;
      height: 3px;
      background-color: #bfbfbf;
      position: relative; }
      #milestones .milestone-line-wrapper .milestone-line .date-tick {
        /* 3 */
        /* 3 */
        /* 4 */
        /* 6 */
        /* 6 */
        /* 7 */
        font-size: 12px;
        /* 9 */
 
        /* 9 */
        color: #bfbfbf;
        padding: 20px;
        position: absolute;
        top: -8px;
        left: 2500px;
        z-index: 2666; }
		.biao{
			color:#f29507;
			font-weight:bold;
			}
			.ti{
				color:#666;
				display:none;}
        #milestones .milestone-line-wrapper .milestone-line .date-tick div:first-child {
          /* 3 */
          /* 3 */
          /* 4 */
          /* 6 */
          /* 6 */
          /* 7 */
          font-size: 20px;
          /* 9 */
      
          /* 9 */
          /* 3 */
          /* 3 */
          /* 4 */
          /* 6 */
          /* 6 */
          /* 7 */
          line-height: 20px;
          /* 9 */
       
          /* 9 */
          font-family: "ingeborgregular"; }
        #milestones .milestone-line-wrapper .milestone-line .date-tick div:nth-child(3) {
          font-family: "kiroregular";
          /* 3 */
          /* 3 */
          /* 4 */
          /* 6 */
          /* 6 */
          /* 7 */
          font-size: 16px;
          /* 9 */
       
          /* 9 */ }
        #milestones .milestone-line-wrapper .milestone-line .date-tick.active .circle {
          background-color:rgba(222, 190, 44, 0.3); }
          #milestones .milestone-line-wrapper .milestone-line .date-tick.active .circle .inner-circle {
            background-color: #debe2c; }
        #milestones .milestone-line-wrapper .milestone-line .date-tick:hover {
          cursor: pointer; }
          #milestones .milestone-line-wrapper .milestone-line .date-tick:hover .circle {
            background-color: rgba(194, 48, 17, 0.3); }
            #milestones .milestone-line-wrapper .milestone-line .date-tick:hover .circle .inner-circle {
              background-color: #c23011; }
        #milestones .milestone-line-wrapper .milestone-line .date-tick .circle {
          width: 22px;
          height: 22px;
          border-radius: 25px;
          background-color: rgba(85, 131, 129, 0.3);
          position: relative;
          -webkit-transition: all 250ms ease-out;
          -o-transition: all 250ms ease-out;
          transition: all 250ms ease-out;
          left: 0;
          right: 0;
          margin: auto; }
          #milestones .milestone-line-wrapper .milestone-line .date-tick .circle .inner-circle {
            width: 10px;
            height: 10px;
            border-radius: 25px;
            background-color: #f29507;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            position: absolute;
            -webkit-transition: all 250ms ease-out;
            -o-transition: all 250ms ease-out;
            transition: all 250ms ease-out; }
        @media (max-width: 767px) {
          #milestones .milestone-line-wrapper .milestone-line .date-tick {
            -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -o-transform: scale(0.9);
            transform: scale(0.9);
            top: -49px; } }
  #milestones .milestones {
    width: 680px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: none;
    opacity: 0;
    z-index: 999;
   }
    #milestones .milestones .milestone-title {
      font-family: "ingeborgbold";
      text-transform: uppercase;
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      font-size: 21px;
	  font-weight:bold;
      /* 9 */
  
      /* 9 */
      color: #f29507;
      margin: 200px 0 10px; }
    #milestones .milestones .milestone-description {
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      font-size: 14px;
      /* 9 */
  
      /* 9 */
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      line-height: 28px;
      /* 9 */

      /* 9 */ }
    #milestones .milestones.current {
      opacity: 1;
      pointer-events: auto;
      z-index:-1; }
    #milestones .milestones .img-wrapper {
      position: relative;       width: 300px;
    margin: auto;
	display:none;
    height: 300px;}
      #milestones .milestones .img-wrapper img:first-child {
        -webkit-box-shadow: 0px 0px 10px #000000;
        box-shadow: 0px 0px 10px #000000; }
      #milestones .milestones .img-wrapper .img-top {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        -webkit-box-shadow: 0px 0px 10px #888888;
        box-shadow: 0px 0px 10px #888888;
        cursor: pointer; }
    #milestones .milestones.slide-out {
      position: absolute;
      left: -100%;
      opacity: 0; }
  @media (max-width: 767px) {
    #milestones .milestone-header {
      padding-bottom: 20px; }
    #milestones .milestone-line-wrapper {
      top: 10%; }
    #milestones .milestones {
      width: 75%; }
      #milestones .milestones .img-top {
        width: 72%; } 
		
		
		    #milestones .milestone-slider-wrapper .milestone-slider {
      height: 300px;
     }
	 
	     #milestones .milestones .milestone-title {

      margin: 100px 0 10px; }
		
		}

#team {
  background-color: #f7f7f7; }
  #team .team {
    height: 610px;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%; }
    #team .team .team-wrapper {
      overflow-x: scroll;
      height: 100%;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none; }
      #team .team .team-wrapper::-webkit-scrollbar {
        display: none; }
      #team .team .team-wrapper .team-wrapper-scroll {
        font-size: 0;
        height: 100%; }
  #team .team-member {
    display: inline-block;
    width: 300px;
    margin: 35px 20px;
    opacity: 1;
    -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.16);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear; }
    #team .team-member .member-text-wrap {
      padding: 25px; }
      #team .team-member .member-text-wrap .name {
        /* 3 */
        /* 3 */
        /* 4 */
        /* 6 */
        /* 6 */
        /* 7 */
        font-size: 20px;
        /* 9 */
  
        /* 9 */
        text-transform: uppercase;
        color: #558381;
        font-family: "ingeborgbold";
        padding-bottom: 15px; }

     




















.img-responsive {
  display: block;
  width:300px;
  height:300px;
  border-radius:100%;

}

.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.opacity-1 {
  opacity: 0.1; }

.opacity-2 {
  opacity: 0.2; }

.opacity-3 {
  opacity: 0.3; }

.opacity-4 {
  opacity: 0.4; }

.opacity-5 {
  opacity: 0.5; }

.opacity-6 {
  opacity: 0.6; }

.opacity-7 {
  opacity: 0.7; }

.opacity-8 {
  opacity: 0.8; }

.opacity-9 {
  opacity: 0.9; }