@charset "utf-8";


@import url("https://use.typekit.net/cmw8cpt.css");


html,body{
  margin:0px;
  padding:0px;
}

.gs-page .gs-mob{
  display:none !important;
}

.gs-page .gs-clear{
  clear:both;
}

.gs-page *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
}

.gs-page h1,
.gs-page h2,
.gs-page h3,
.gs-page h4,
.gs-page h5,
.gs-page h6{
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

.gs-page{
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  color:#423F3F;
  font-size:19px;
    position:relative;
    margin:0 auto 0 auto;
    line-height:normal;
    margin:0 auto 0 auto;
    padding:0 0 0px 0;
    text-align:center;
    overflow:hidden;
    background:#fff;

    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 45px 38px;


    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}


.gs-page strong{
  font-weight: 700;
}

.gs-page a{
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  text-decoration: none;
} 


.gs-page a:hover{
  text-decoration: none;
}

.gs-page img.gm-img-mob{
    display: none !important;
}

.gs-img-mob{
  display: none !important;
}



@media screen and (max-width: 959px){

  .gs-page{
    padding: 32px 20px;
  }

}
@media screen and (max-width: 767px){
  .gs-page{
    padding: 32px 10px;
  }
}



/* //////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////// */


.gs-hero{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.gs-hero .gs-photo img{
  display: block;
  width: 100%;
  border-radius: 16px;
}

.gs-hero .gs-title{
  padding: 43px 0 32px 0;

  color: #423F3F;
  font-size: 36px;
  font-weight: 700;
  line-height: 110%; 
  letter-spacing: -0.72px;
}

.gs-hero .gs-text{
  color: #282828;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; 
  letter-spacing: -0.4px;
}


.gs-hero .gs-sub-title{
  color: #004383;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 176%;
  letter-spacing: -0.56px;
  padding: 0 0 48px 0;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {



  .gs-hero .gs-photo img{
    border-radius: 1.11vw;
  }

  .gs-hero .gs-title{
    padding: 2.99vw 0 2.22vw 0;
    font-size: 2.5vw;
  }

  .gs-hero .gs-text{
    font-size: 1.39vw;
  }


  .gs-hero .gs-sub-title{
    font-size: 1.94vw;
    padding: 0 0 3.33vw 0;
  }

}
@media screen and (max-width: 959px){

  .gs-hero .gs-text br{
    display: none;
  }

  .gs-hero .gs-sub-title{
    line-height: 120%;
  }

}
@media screen and (max-width: 767px){

  .gs-hero .gs-photo img{
    border-radius: 4px;
  }

  .gs-hero .gs-title {
    padding: 30px 0 32px 0;
    font-size: 25px;
  }

  .gs-hero .gs-title br{
    display: none;
  }

  .gs-hero .gs-text{
    font-size: 17px;
  }

  .gs-hero .gs-sub-title{
    font-size: 26px;
  }

}
@media screen and (max-width: 374px){}

/* ////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////// */

.gs-simple{
  border-radius: 12px;
  background: #282828;
  padding: 28px 0px 36px 0px;
}

.gs-simple .gs-title{
  color: #FFF;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.72px;
  padding: 0 0 24px 0;
}

.gs-simple .gs-text{
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.4px;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .gs-simple{
    border-radius: 0.83vw;
    padding: 1.94vw 0px 2.5vw 0px;
  }

  .gs-simple .gs-title{
    font-size: 2.5vw;
    padding: 0 0 1.67vw 0;
  }

  .gs-simple .gs-text{
    font-size: 1.39vw;
  }

}
@media screen and (max-width: 959px){

  .gs-simple .gs-text br{
    display: none;
  }

}
@media screen and (max-width: 767px){

  .gs-simple{
    padding: 35px 20px;
  }

  .gs-simple .gs-title{
    font-size: 30px;
    padding: 0 0 10px 0;
  }

  .gs-simple .gs-text{
    font-size: 17px;
  }

}
@media screen and (max-width: 374px){}

/* ////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////// */


.gs-dayroutine{
  border-radius: 12px;
  background: #DDEBF2;
  padding: 24px;
  margin: 48px auto;
}

.gs-dayroutine .gs-title{
  padding: 120px 0 32px 0;
  background: url("../images/icon-daily.svg") no-repeat center top;
  background-size: 87px auto;
  color: #282828;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 119%; 
  letter-spacing: -0.72px;
}

.gs-dayroutine .gs-text{
  color: #282828;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.4px;
  max-width: 1062px;
  margin: 0 auto;
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .gs-dayroutine{
    border-radius: 0.83vw;
    padding: 1.67vw;
    margin: 3.33vw auto;
  }

  .gs-dayroutine .gs-title{
    padding: 8.33vw 0 2.22vw 0;
    background-size: 6.04vw auto;
    font-size: 2.5vw;
  }

  .gs-dayroutine .gs-text{
    font-size: 1.39vw;
    max-width: 73.75vw;
  }

}
@media screen and (max-width: 959px){}
@media screen and (max-width: 767px){
  .gs-dayroutine .gs-title {
    padding: 79px 0 25px 0;
    background: url("../images/icon-daily.svg") no-repeat center top;
    background-size: 68px auto;
    font-size: 25px;
  }

  .gs-dayroutine .gs-text{
    font-size: 17px;
  }
}
@media screen and (max-width: 374px){}

/* ////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////// */

.gs-stats{
  padding: 48px 0 0 0;
}

.gs-stats .gs-title{
  color: #423F3F;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.72px;
  padding: 0 0 32px 0;
}

.gs-stats .gs-items{
  width: 100%;
  max-width: 1068px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 23px 20px;
  margin: 0 auto;
}

.gs-stats .gs-items .gs-item{
  width: 392px;
  border-radius: 8px;
  background: #EDEDED;
  color: #282828;
}


.gs-stats .gs-items .gs-item.gs-i1{
  background: #282828;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.gs-stats .gs-items .gs-item.gs-i2{
  width: 656px;
  padding: 24px 0 38px 0;
}

.gs-stats .gs-items .gs-item.gs-i3,
.gs-stats .gs-items .gs-item.gs-i4{
  width: calc(50% - 10px);
  padding: 24px;
}


.gs-stats .gs-items .gs-item .gs-item-title{
  font-size: 74px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -1.48px;
}

.gs-stats .gs-items .gs-item.gs-i3 .gs-item-title,
.gs-stats .gs-items .gs-item.gs-i4 .gs-item-title{
  padding-bottom: 20px;
}

.gs-stats .gs-items .gs-item .gs-item-title span{
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.4px;
}


.gs-stats .gs-items .gs-item .gs-item-text{
  color: #282828;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.4px;
}


.gs-stats .gs-items .gs-item .gs-item-stats{
  padding: 30px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.gs-stats .gs-items .gs-item .gs-item-stat{
    color: #004383;
  text-align: center;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 37.4px */
  letter-spacing: -0.68px;
}

.gs-stats .gs-items .gs-item .gs-item-stat span{
  color: #282828;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.4px;
  display: block;
  padding: 10px 0 0 0;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .gs-stats{
    padding: 3.33vw 0 0 0;
  }

  .gs-stats .gs-title{
    font-size: 2.5vw;
    padding: 0 0 2.22vw 0;
  }

  .gs-stats .gs-items{
    max-width: 74.17vw;
    gap: 1.6vw 1.39vw;
  }

  .gs-stats .gs-items .gs-item{
    width: 27.22vw;
    border-radius: 0.56vw;
  }

  .gs-stats .gs-items .gs-item.gs-i2{
    width: 45.56vw;
    padding: 1.67vw 0 2.64vw 0;
  }

  .gs-stats .gs-items .gs-item.gs-i3,
  .gs-stats .gs-items .gs-item.gs-i4{
    width: calc(50% - 0.7vw);
    padding: 1.67vw;
  }

  .gs-stats .gs-items .gs-item .gs-item-title{
    font-size: 5.14vw;
  }

  .gs-stats .gs-items .gs-item.gs-i3 .gs-item-title,
  .gs-stats .gs-items .gs-item.gs-i4 .gs-item-title{
    padding-bottom: 1.39vw;
  }

  .gs-stats .gs-items .gs-item .gs-item-title span{
    font-size: 1.39vw;
  }

  .gs-stats .gs-items .gs-item .gs-item-text{
    font-size: 1.39vw;
  }

  .gs-stats .gs-items .gs-item .gs-item-stats{
    padding: 2.08vw 0 0 0;
    gap: 2.08vw;
  }

  .gs-stats .gs-items .gs-item .gs-item-stat{
    font-size: 2.36vw;
  }

  .gs-stats .gs-items .gs-item .gs-item-stat span{
    font-size: 1.39vw;
    padding: 0.69vw 0 0 0;
  }

}
@media screen and (max-width: 959px){

  .gs-stats .gs-items .gs-item.gs-i1{
    width: 100%;
    min-height: 200px;
  }

  .gs-stats .gs-items .gs-item.gs-i2,
  .gs-stats .gs-items .gs-item.gs-i3,
  .gs-stats .gs-items .gs-item.gs-i4{
    width: 100%;
  }

}
@media screen and (max-width: 767px){

  .gs-stats{
    padding: 0px;
  }

  .gs-stats .gs-title {
    font-size: 28px;
    padding: 0 0 22px 0;
  }

  .gs-stats .gs-items .gs-item .gs-item-text{
    font-size: 17px;
  }

  .gs-stats .gs-items .gs-item .gs-item-text br{
    display: none;
  }

  .gs-stats .gs-items .gs-item .gs-item-stats{
    flex-wrap: wrap;
  }

  .gs-stats .gs-items .gs-item.gs-i1,.gs-stats .gs-items .gs-item.gs-i2, .gs-stats .gs-items .gs-item.gs-i3, .gs-stats .gs-items .gs-item.gs-i4{
    padding: 35px 20px;
  }

  .gs-stats .gs-items .gs-item .gs-item-title{
    font-size: 55px;
  }

}
@media screen and (max-width: 374px){}

/* ////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////// */

.gs-devices{
  border-radius: 12px;
  background: #DDEBF2;
  padding: 32px;
  margin: 48px auto;
}

.gs-devices .gs-title{
  padding: 100px 0 18px 0;
  background: url("../images/icon-devices.svg") no-repeat center top;
  background-size: 87px auto;
  color: #282828;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 119%; 
  letter-spacing: -0.72px;
}

.gs-devices .gs-text{
  color: #282828;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.4px;
  max-width: 780px;
  margin: 0 auto;
}

.gs-devices .gs-more{
  padding: 12px 24px;
  display: inline-block;
  border-radius: 4px;
  background: #444;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.48px;
  transition: all 200ms;
}

.gs-devices .gs-more:hover{
  opacity: 0.8;
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {


  .gs-devices{
    border-radius: 0.83vw;
    padding: 2.22vw;
    margin: 3.33vw auto;
  }

  .gs-devices .gs-title{
    padding: 6.94vw 0 1.25vw 0;
    background-size: 6.04vw auto;
    font-size: 2.5vw;
  }

  .gs-devices .gs-text{
    font-size: 1.39vw;
    max-width: 54.17vw;
  }

  .gs-devices .gs-more{
    padding: 0.83vw 1.67vw;
    border-radius: 0.28vw;
    font-size: 1.11vw;
  }


}
@media screen and (max-width: 959px){}
@media screen and (max-width: 767px){

  .gs-devices .gs-title {
    padding: 75px 0 8px 0;
    background-size: 69px auto;
    font-size: 26px;
  }

  .gs-devices .gs-text{
    font-size: 17px;
  }

  .gs-devices .gs-more{
    font-size: 13px;
  }
}
@media screen and (max-width: 374px){}

/* ////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////// */