@charset "utf-8";


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


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


::-webkit-input-placeholder { 
  color: #ffffff;
  opacity:1;
}
::-moz-placeholder { 
  color: #ffffff;
  opacity:1;
}
:-ms-input-placeholder { 
  color: #ffffff;
  opacity:1;
}
:-moz-placeholder { 
  color: #ffffff;
  opacity:1;
}


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

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

.gs-page *{
  line-height:normal;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.gs-page{
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  color:#282828;
  font-size:17px;
  text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    position:relative;
    overflow:hidden;
  margin:0px auto 0 auto;
  position:relative;
  padding: 20px 0 0 0;
}



.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: underline;
}

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

@media screen and (max-width: 959px) {
  .gs-page{
    padding: 0px;
  }
}

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


  .gs-page .gs-img-4desk{
    display: none !important;
  }
  .gs-page .gs-img-4mob{
    display: block !important;
  }


  .gs-scroll-content{
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .gs-scroll-content::-webkit-scrollbar {
    display: none;
  }


}



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



.gs-sticky{
  position: fixed;
  left: 50%;
  bottom: 0px;
  transform: translate(-50%, 100%);
  max-width: 840px;
  width: calc(100% - 40px);
  padding: 16px 16px 16px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  z-index: 100;
  background: #000;
  border-radius: 18px;
  transition: all 500ms;
}

.gs-sticky.gs-active{
  bottom: 20px;
  transform: translate(-50%, 0);
}

.gs-sticky .gs-title{
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -0.64px;
  color: #fff;
  font-weight: 700;
}
.gs-sticky .gs-more{
   padding: 17px 30px;
  border-radius: 14px;
  background: #FFF;
  color: #000;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  line-height: 13px; 
  letter-spacing: -0.24px;
  transition: all 200ms;
  display: block;
  text-align: center;
}

.gs-sticky .gs-more:hover{
  opacity: 0.8;
  text-decoration: none;
}



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

  .gs-sticky{
    max-width: 58.34vw;
    width: calc(100% - 2.78vw);
    padding: 1.12vw 1.12vw 1.12vw 2.78vw;
    gap: 1.39vw;
    border-radius: 1.25vw;
  }

  .gs-sticky.gs-active{
    bottom: 1.39vw;
  }

  .gs-sticky .gs-title{
    font-size: 2.23vw;
    letter-spacing: -0.04vw;
  }

  .gs-sticky .gs-more{
    padding: 1.19vw 2.09vw;
    border-radius: 0.98vw;
    font-size: 0.84vw;
    line-height: 0.91vw;
    letter-spacing: -0.01vw;
  }

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

  .gs-sticky .gs-title{
    display: none;
  }


  .gs-sticky{
    width: 100%;
    border-radius: 0px;
    bottom: 0px;
    padding: 16px 24px;
  }

  .gs-sticky .gs-more{
    display: block;
    width: 100%;
  }


  .gs-sticky.gs-active{
    bottom: 0px;
  }


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

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

.gs-preorder{
  margin: 20px auto 45px auto;
  width: 100%;
  max-width: 840px;
  border-radius: 18px;
  background: #000;
  padding: 12px 16px 12px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  color: #fff;
}

.gs-preorder .gs-title{
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -0.64px;
}

.gs-preorder .gs-more{
  padding: 12px 30px;
  border-radius: 14px;
  background: #FFF;
  color: #000;
  font-weight: 700;
  font-size: 16px; 
  letter-spacing: -0.24px;
  transition: all 200ms;
  display: block;
}

.gs-preorder .gs-more:hover{
  opacity: 0.8;
  text-decoration: none;
}


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

  .gs-preorder{
    margin: 1.39vw auto 3.13vw auto;
    max-width: 58.34vw;
    border-radius: 1.25vw;
    padding: 0.84vw 1.12vw 0.84vw 2.78vw;
    gap: 1.39vw;
  }

  .gs-preorder .gs-title{
    font-size: 2.23vw;
    letter-spacing: -0.04vw;
  }

  .gs-preorder .gs-more{
    padding: 0.84vw 2.09vw;
    border-radius: 0.98vw;
    font-size: 1.12vw;
    letter-spacing: -0.01vw;
  }

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

  .gs-preorder{
    width: calc(100% - 40px);
  }

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

  .gs-preorder{
    display: none;
  }

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

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



.gs-hero{
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 24px;
}

.gs-hero .gs-col{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: 24px;
  width: 330px;
  text-align: center;
}

.gs-hero .gs-soon{
  background: #F3F3F3;
  border-radius: 18px;
  width: 100%;
  font-weight: 700;
  font-size: 30px;
  line-height: 69px;
}

.gs-hero .gs-5g{
  background: #F3F3F3;
  border-radius: 18px;
  width: 100%;
  height: 69px;
  align-content: center;
  text-align: center;
}

.gs-hero .gs-5g img{
  display: block;
  width: 184px;
  margin: 0 auto;
}


.gs-hero .gs-content{
  background: #F3F3F3;
  border-radius: 18px;
  width: 100%;
  height: 340px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 20px;
  padding: 30px;
}

.gs-hero .gs-content .gs-title{
  font-size: 32px;
  line-height: 110%;
  font-weight: 700;
  letter-spacing: -0.64px;
}

.gs-hero .gs-content .gs-text{
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.48px;
}


.gs-hero .gs-col.gs-sec{
  width: 684px;
}

.gs-hero .gs-col.gs-sec img{
  display: block;
  width: 100%;
  border-radius: 18px;
}

.gs-hero .gs-col.gs-last{
 
}

.gs-hero .gs-preorder-gifts{
  background: #F3F3F3;
  border-radius: 18px;
  width: 100%;
  padding: 21px 0;
}

.gs-hero .gs-preorder-gifts img{
  width: 230px;
  margin: 0 auto;
}

.gs-hero .gs-more{
  display: block;
  border-radius: 18px;
  background: #000;
  line-height: 69px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  font-family: Arial;
  transition: all 200ms;
}

.gs-hero .gs-more:hover{
  text-decoration: none;
  opacity: 0.8;
}



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

  .gs-hero{
    gap: 1.67vw;
  }

  .gs-hero .gs-col{
    gap: 1.67vw;
    width: 22.92vw;
  }

  .gs-hero .gs-soon{
    border-radius: 1.25vw;
    font-size: 2.09vw;
    line-height: 4.80vw;
  }

  .gs-hero .gs-5g{
    border-radius: 1.25vw;
    height: 4.80vw;
  }

  .gs-hero .gs-5g img{
    width: 12.78vw;
  }

  .gs-hero .gs-content{
    border-radius: 1.25vw;
    height: 23.62vw;
    gap: 1.39vw;
    padding: 2.09vw;
  }

  .gs-hero .gs-content .gs-title{
    font-size: 2.23vw;
    letter-spacing: -0.04vw;
  }

  .gs-hero .gs-content .gs-text{
    font-size: 1.67vw;
    letter-spacing: -0.03vw;
  }

  .gs-hero .gs-col.gs-sec{
    width: 47.50vw;
  }

  .gs-hero .gs-col.gs-sec img{
    border-radius: 1.25vw;
  }

  .gs-hero .gs-preorder-gifts{
    border-radius: 1.25vw;
    padding: 1.46vw 0;
  }

  .gs-hero .gs-preorder-gifts img{
    width: 15.98vw;
  }

  .gs-hero .gs-more{
    border-radius: 1.25vw;
    line-height: 4.80vw;
    font-size: 1.39vw;
  }

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

  .gs-hero{
    flex-direction: column;
    padding: 10px;
    gap: 10px;
  }


  .gs-hero .gs-col.gs-sec{
    width: 100%;
    order: 1;
    gap: 10px;
  }

  .gs-hero .gs-col.gs-first{
    order: 2;
    width: 100%;
    gap: 10px;
  }

  .gs-hero .gs-col.gs-last{
    order: 3;
    width: 100%;
    gap: 10px;
  }

  .gs-hero .gs-soon{
    font-size: 24px;
  } 


  .gs-hero .gs-content .gs-title{
    text-align: center;
    width: 100%;
  }

  .gs-hero .gs-content .gs-text{
    font-size: 20px;
    text-align: center;
     width: 100%;
  }

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

  .gs-hero .gs-content{
    height: auto;
  }


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

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

.gs-main-title{
  text-align: center;
  margin: 0px;
  padding: 60px 0 30px 0;
  font-size: 44px;
  font-weight: 700;
  line-height: 100%;
}


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

  .gs-main-title{
    padding: 4.17vw 0 2.09vw 0;
    font-size: 3.06vw;
  }

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

  .gs-main-title{
    font-size: 34px;
  }

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

  .gs-main-title {
    font-size: 22px;
    padding: 40px 10px 20px 10px;
  }



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

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

.gs-unboxholics{
  max-width: 1392px;
  margin: 0px auto 40px auto;
  height: 450px;
  border-radius: 20px;
  background:#000 url("../images/bg-unboxholic.jpg") no-repeat center center;
  background-size: cover;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 60px;
}

.gs-unboxholics .gs-content{
  text-align: left;
  color: #fff;
}

.gs-unboxholics .gs-content .gs-title{
  font-size: 30px;
  line-height: 130%; 
  letter-spacing: -1.2px;
  font-weight: 700;
}

.gs-unboxholics .gs-content .gs-text{
  font-size: 22px;
  line-height: 150%;
  letter-spacing: 0.88px;
  padding: 20px 0;
}

.gs-unboxholics .gs-content .gs-more{
  display: inline-block;
  padding: 17px 30px;
  border-radius: 60px;
  background: none;
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  line-height: 13px; 
  letter-spacing: -0.24px;
  transition: all 200ms;
  border: 1px solid #fff;
}

.gs-unboxholics .gs-content .gs-more:hover{
  background: #fff;
  color: #000;
  text-decoration: none;
}

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

  .gs-unboxholics{
    max-width: 96.67vw;
    margin: 0.00vw auto 2.78vw auto;
    height: 31.25vw;
    border-radius: 1.39vw;
    padding: 1.39vw 4.17vw;
  }

  .gs-unboxholics .gs-content .gs-title{
    font-size: 2.09vw;
    letter-spacing: -0.08vw;
  }

  .gs-unboxholics .gs-content .gs-text{
    font-size: 1.53vw;
    letter-spacing: 0.07vw;
    padding: 1.39vw 0;
  }

  .gs-unboxholics .gs-content .gs-more{
    padding: 1.19vw 2.09vw;
    border-radius: 4.17vw;
    font-size: 0.84vw;
    line-height: 0.91vw;
    letter-spacing: -0.01vw;
    border: 0.07vw solid #fff;
  }

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


  .gs-unboxholics{
    width: auto;
    border-radius: 0px;
    margin: 0px;
    margin-bottom: 20px;
  }

  .gs-unboxholics .gs-content .gs-title{
    font-size: 27px;
  }

  .gs-unboxholics .gs-content .gs-text{
    font-size: 19px;
  }


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


  .gs-unboxholics {
    height: 651px;
    background: #000;
    position: relative;
    border-radius: 35px 35px 0 0;
    padding: 267px 20px 36px 20px;
}

  .gs-unboxholics::before {
    content: "";
    height: 220px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url("../images/bg-unboxholic.jpg") no-repeat 77% top;
    background-size: auto 100%;
    border-radius: 0px;
}

  .gs-unboxholics .gs-content .gs-title{
    max-width: 220px;
  }

  .gs-unboxholics .gs-content .gs-more{
    display: block;
    text-align: center;
  }



  .gs-unboxholics{
    margin-right:15px;
    margin-left:15px;
    
    border-radius: 18px;
    overflow: hidden;
  }

  .gs-unboxholics .gs-content .gs-text br{
    display: none;
  }


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

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

.gs-phone-specs{
  padding: 70px 20px 75px 20px;
  text-align: center;
  position: relative;
}

.gs-phone-specs .gs-logo{
  max-width: 368px;
  margin: 0 auto;
  padding: 0 0 32px 0;
}

.gs-phone-specs .gs-logo img{
  display: block;
  width: 100%;
}

.gs-phone-specs .gs-text{
  padding: 0 0 70px 0;
  font-size: 23px;
  line-height: 120%;
}

.gs-phone-specs video{
  max-width: 344px;
  margin: 0 auto;
}

.gs-phone-specs.gs2 video {
    max-width: 450px;
    margin: 0 auto;
}

.gs-phone-specs .gs-video-hold{
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0 0 300px 0;
}

.gs-phone-specs.gs1 .gs-video-hold{
  padding: 0 0 170px 0;
}

.gs-phone-specs .gs-video-hold .gs-spec{
  opacity: 0;
  margin-top: 40px;
  transition: all 500ms;
}

.gs-phone-specs.gs-active .gs-video-hold .gs-spec{
  opacity: 1;
  margin-top: 0px;
}

.gs-phone-specs.gs-active .gs-video-hold .gs-s2{ transition-delay: 0.2s;  }
.gs-phone-specs.gs-active .gs-video-hold .gs-s3{ transition-delay: 0.4s;  }
.gs-phone-specs.gs-active .gs-video-hold .gs-s4{ transition-delay: 0.6s;  }
.gs-phone-specs.gs-active .gs-video-hold .gs-s5{ transition-delay: 0.8s;  }
.gs-phone-specs.gs-active .gs-video-hold .gs-s6{ transition-delay: 1s;  }
.gs-phone-specs.gs-active .gs-video-hold .gs-s7{ transition-delay: 1.2s;  }
.gs-phone-specs.gs-active .gs-video-hold .gs-s8{ transition-delay: 1.4s;  }
.gs-phone-specs.gs-active .gs-video-hold .gs-s9{ transition-delay: 1.6s;  }
.gs-phone-specs.gs-active .gs-video-hold .gs-s10{ transition-delay: 1.8s;  }


.gs-phone-specs .gs-video-hold .gs-s1{
  order: 1;
}

.gs-phone-specs .gs-video-hold .gs-video{
  order: 2;
  padding: 17px 0 5px 0;
}
.gs-phone-specs .gs-video-hold .gs-s2,
.gs-phone-specs .gs-video-hold .gs-s3,
.gs-phone-specs .gs-video-hold .gs-s4,
.gs-phone-specs .gs-video-hold .gs-s5,
.gs-phone-specs .gs-video-hold .gs-s6,
.gs-phone-specs .gs-video-hold .gs-s7,
.gs-phone-specs .gs-video-hold .gs-s8,
.gs-phone-specs .gs-video-hold .gs-s9,
.gs-phone-specs .gs-video-hold .gs-s10{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -0%);
}

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

.gs-phone-specs .gs-video-hold .gs-s2,
.gs-phone-specs .gs-video-hold .gs-s10{
  top: 140px;
  transform: translate(-50%, -0%);
  left: calc(50% + 390px);
}

.gs-phone-specs .gs-video-hold .gs-s10{
  transform: translate(-50%, -0%);
  left: calc(50% - 390px);
}

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

.gs-phone-specs .gs-video-hold .gs-s3,
.gs-phone-specs .gs-video-hold .gs-s9{
  top: 365px;
  transform: translate(-50%, -0%);
  left: calc(50% + 510px);
}

.gs-phone-specs .gs-video-hold .gs-s9{
  left: calc(50% - 510px);
}


.gs-phone-specs.gs1 .gs-video-hold .gs-s3{
  left: calc(50% + 430px);
}

.gs-phone-specs.gs1 .gs-video-hold .gs-s9{
  left: calc(50% - 430px);
}

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

.gs-phone-specs .gs-video-hold .gs-s4,
.gs-phone-specs .gs-video-hold .gs-s8{
  left: calc(50% + 470px);
  top: 610px;
  transform: translate(-50%, -0%);
}

.gs-phone-specs .gs-video-hold .gs-s8{
  left: calc(50% - 470px);
}


.gs-phone-specs.gs1 .gs-video-hold .gs-s4,
.gs-phone-specs.gs1 .gs-video-hold .gs-s8{
  left: calc(50% + 370px);
}

.gs-phone-specs.gs1 .gs-video-hold .gs-s8{
  left: calc(50% - 370px);
}

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


.gs-phone-specs .gs-video-hold .gs-s5,
.gs-phone-specs .gs-video-hold .gs-s7{
  left: calc(50% + 270px);
  top: 780px;
  transform: translate(-50%, -0%);
}

.gs-phone-specs .gs-video-hold .gs-s7{
  left: calc(50% - 270px);
}
/* /////////////////////////////////////////// */


.gs-phone-specs .gs-video-hold .gs-s6{
  top: 840px;
  transform: translate(-50%, -0%);
}


.gs-phone-specs.gs1 .gs-video-hold .gs-s6{
  top: 780px;
}


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


.gs-phone-specs .gs-video-hold .gs-spec{
  text-align: center;
  color: #000;
}

.gs-phone-specs .gs-video-hold .gs-spec .gs-spec-icon{
  margin: 0 auto;
}

.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{width: 52px;}
.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{width: 70px;}
.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{width: 89px;}
.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{width: 60px;}
.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{width: 50px;}
.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{width: 72px;}
.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{width: 81px;}
.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{width: 48px;}
.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{width: 75px;}
.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{width: 75px;}





.gs-phone-specs .gs-video-hold .gs-spec img{
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}


.gs-phone-specs .gs-video-hold .gs-spec .gs-spec-icon img{
  max-width: 90px;
  max-height: 90px;
  object-fit: contain;
  margin: 0 auto;
}

.gs-phone-specs .gs-video-hold .gs-spec .gs-spec-title{
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -0.4px;
  font-weight: 700;
  padding: 17px 0 12px 0;
}

.gs-phone-specs .gs-video-hold .gs-spec .gs-spec-text{
  font-size: 19px;
  line-height: 120%;
  letter-spacing: -0.4px;
  font-weight: 400;

}

.gs-phone-specs .gs-video-hold .gs-spec .gs-spec-text span{
  font-size: 14px;
  line-height: 130%;
}

.gs-phone-specs .gs-spec-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  order: 3;
}

.gs-phone-specs .gs-video-hold .gs-spec .gs-spec-colors img{
  height: 86px;
}

@media screen and (min-width: 768px) and (max-width: 1439px)  {
 
.gs-phone-specs{
  padding: 4.87vw 1.39vw 5.21vw 1.39vw;
}

.gs-phone-specs .gs-logo{
  max-width: 25.56vw;
  padding: 0 0 2.23vw 0;
}

.gs-phone-specs .gs-text{
  padding: 0 0 4.87vw 0;
  font-size: 1.60vw;
}

.gs-phone-specs video{
  max-width: 23.89vw;
}

.gs-phone-specs.gs2 video{
  max-width: 31.25vw;
}

.gs-phone-specs .gs-video-hold{
  padding: 0 0 20.84vw 0;
}

.gs-phone-specs.gs1 .gs-video-hold{
  padding: 0 0 11.81vw 0;
}

.gs-phone-specs .gs-video-hold .gs-spec{
  margin-top: 2.78vw;
}

.gs-phone-specs .gs-video-hold .gs-video{
  padding: 1.19vw 0 0.35vw 0;
}

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

.gs-phone-specs .gs-video-hold .gs-s2,
.gs-phone-specs .gs-video-hold .gs-s10{
  top: 9.73vw;
  left: calc(50% + 27.09vw);
}

.gs-phone-specs .gs-video-hold .gs-s10{
  left: calc(50% - 27.09vw);
}

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

.gs-phone-specs .gs-video-hold .gs-s3,
.gs-phone-specs .gs-video-hold .gs-s9{
  top: 25.35vw;
  left: calc(50% + 35.42vw);
}

.gs-phone-specs .gs-video-hold .gs-s9{
  left: calc(50% - 35.42vw);
}

.gs-phone-specs.gs1 .gs-video-hold .gs-s3{
  left: calc(50% + 29.87vw);
}

.gs-phone-specs.gs1 .gs-video-hold .gs-s9{
  left: calc(50% - 29.87vw);
}

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

.gs-phone-specs .gs-video-hold .gs-s4,
.gs-phone-specs .gs-video-hold .gs-s8{
  left: calc(50% + 32.64vw);
  top: 42.37vw;
}

.gs-phone-specs .gs-video-hold .gs-s8{
  left: calc(50% - 32.64vw);
}

.gs-phone-specs.gs1 .gs-video-hold .gs-s4,
.gs-phone-specs.gs1 .gs-video-hold .gs-s8{
  left: calc(50% + 25.70vw);
}

.gs-phone-specs.gs1 .gs-video-hold .gs-s8{
  left: calc(50% - 25.70vw);
}

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


.gs-phone-specs .gs-video-hold .gs-s5,
.gs-phone-specs .gs-video-hold .gs-s7{
  left: calc(50% + 18.75vw);
  top: 54.17vw;
}

.gs-phone-specs .gs-video-hold .gs-s7{
  left: calc(50% - 18.75vw);
}

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


.gs-phone-specs .gs-video-hold .gs-s6{
  top: 58.34vw;
}

.gs-phone-specs.gs1 .gs-video-hold .gs-s6{
  top: 54.17vw;
}

.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{
  width: 3.62vw;
}

.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{
  width: 4.87vw;
}

.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{
  width: 6.19vw;
}

.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{
  width: 4.17vw;
}

.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{
  width: 3.48vw;
}

.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{
  width: 5.00vw;
}

.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{
  width: 5.63vw;
}

.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{
  width: 3.34vw;
}

.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{
  width: 5.21vw;
}

.gs-phone-specs .gs-video-hold .gs-spec.gs-s1 .gs-spec-icon{
  width: 5.21vw;
}

.gs-phone-specs .gs-video-hold .gs-spec .gs-spec-icon img{
  max-width: 6.25vw;
  max-height: 6.25vw;
}

.gs-phone-specs .gs-video-hold .gs-spec .gs-spec-title{
  font-size: 1.39vw;
  letter-spacing: -0.02vw;
  padding: 1.19vw 0 0.84vw 0;
}

.gs-phone-specs .gs-video-hold .gs-spec .gs-spec-text{
  font-size: 1.32vw;
  letter-spacing: -0.02vw;
}

.gs-phone-specs .gs-video-hold .gs-spec .gs-spec-text span{
  font-size: 0.98vw;
}

.gs-phone-specs .gs-spec-wrap{
  gap: 1.39vw;
}

.gs-phone-specs .gs-video-hold .gs-spec .gs-spec-colors img{
  height: 5.98vw;
}
}
@media screen and (max-width: 959px){

/*
  .gs-phone-specs .gs-video-hold .gs-s2,
  .gs-phone-specs .gs-video-hold .gs-s3,
  .gs-phone-specs .gs-video-hold .gs-s4{
    left: auto;
    right: 0px;
    transform: translate(0, 0);
    width: 175px;
    text-align: center;
  }

  .gs-phone-specs .gs-video-hold .gs-s6,
  .gs-phone-specs .gs-video-hold .gs-s7,
  .gs-phone-specs .gs-video-hold .gs-s8{
    right: auto;
    left: 0px;
    transform: translate(0, 0);
    width: 175px;
    text-align: center;
  }
*/

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


  .gs-phone-specs .gs-logo{
    max-width: 230px;
  }

  .gs-phone-specs .gs-video-hold .gs-video{
    order: 1;
  }

  .gs-phone-specs video{
    max-width: 100%;
  }

  .gs-phone-specs .gs-video-hold .gs-s1{ order: 1;  }
  .gs-phone-specs .gs-video-hold .gs-s2{ order: 2;  }
  .gs-phone-specs .gs-video-hold .gs-s3{ order: 3;  }
  .gs-phone-specs .gs-video-hold .gs-s4{ order: 4;  }
  .gs-phone-specs .gs-video-hold .gs-s5{ order: 5;  }
  .gs-phone-specs .gs-video-hold .gs-s6{ order: 6;  }
  .gs-phone-specs .gs-video-hold .gs-s7{ order: 7;  }
  .gs-phone-specs .gs-video-hold .gs-s8{ order: 8;  }
  .gs-phone-specs .gs-video-hold .gs-s9{ order: 9;  }
  .gs-phone-specs .gs-video-hold .gs-s10{ order: 10;  }

  .gs-phone-specs .gs-video-hold .gs-s1,
  .gs-phone-specs .gs-video-hold .gs-s2,
  .gs-phone-specs .gs-video-hold .gs-s3,
  .gs-phone-specs .gs-video-hold .gs-s4,
  .gs-phone-specs .gs-video-hold .gs-s5,
  .gs-phone-specs .gs-video-hold .gs-s6,
  .gs-phone-specs .gs-video-hold .gs-s7,
  .gs-phone-specs .gs-video-hold .gs-s8,
  .gs-phone-specs .gs-video-hold .gs-s9,
  .gs-phone-specs .gs-video-hold .gs-s10{
    width: 100%;
    padding: 0 0 0 75px;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    text-align: left;
    min-height: 50px;
    margin: 0 0 35px 0;
    max-width: 200000px;
    transform: translate(0, 0);
  }

  .gs-phone-specs .gs-video-hold .gs-spec .gs-spec-icon{
    width: 60px !important;
    height: 60px !important;
    float: left;
    margin: 0 0 0 -75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .gs-phone-specs .gs-video-hold .gs-spec .gs-spec-icon img{
    display: block;
    width: 100%;
    max-width: 50px;
    max-height: 50px;
    object-fit: contain;
  }

  .gs-phone-specs .gs-video-hold .gs-spec.gs-s1  .gs-spec-icon img{
    width: 40px;
  }

  .gs-phone-specs .gs-video-hold .gs-spec.gs-s4  .gs-spec-icon img{
    width: 40px;
  }

  .gs-phone-specs .gs-video-hold .gs-spec.gs-s5  .gs-spec-icon img{
    width: 40px;
  }

  .gs-phone-specs .gs-video-hold .gs-spec.gs-s8  .gs-spec-icon img{
    width: 36px;
  }


  .gs-phone-specs .gs-video-hold .gs-spec .gs-spec-title{
    padding: 0 0 0px 0;
    font-size: 15px;
  }

  .gs-phone-specs .gs-video-hold .gs-spec .gs-spec-text{
    font-size: 15px;
  }

  .gs-phone-specs {
    padding: 41px 20px 20px 20px;
  }

  .gs-phone-specs.gs2 video{
    width: 100%;
  }

  .gs-phone-specs .gs-logo{
    padding: 0 0 20px 0;
  }


  .gs-phone-specs .gs-video-hold .gs-spec .gs-spec-colors{
    overflow: hidden;
  }

  .gs-phone-specs .gs-video-hold .gs-spec .gs-spec-colors img {
    height: 53px;
    width: auto;
    margin: 15px 0 0 -12px !important;
  }


  .gs-phone-specs .gs-spec-wrap{
    flex-direction: column;
    gap: 0px;
  }


  .gs-phone-specs .gs-video-hold .gs-spec .gs-spec-colors img{
    object-fit: contain;
    margin: 0px;
  }


  .gs-phone-specs .gs-text{
    padding-bottom: 20px;
  }


.gs-phone-specs .gs-video-hold,
.gs-phone-specs.gs1 .gs-video-hold{
  padding-bottom: 0px;
}

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

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

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

.gs-disclaimer{
  max-width: 1060px;
  padding: 50px 30px;
  text-align: center;
  margin: 0 auto;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.32px;

}

.gs-disclaimer a{
  text-decoration: underline;
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {
.gs-disclaimer{
  max-width: 73.62vw;
  padding: 3.48vw 2.09vw;
  font-size: 1.25vw;
  letter-spacing: -0.02vw;
}


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

  .gs-disclaimer{
    font-size: 15px;
  }
}
@media screen and (max-width: 767px){

  .gs-disclaimer{
    padding: 30px 15px;
    font-size: 12px;
  }

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

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



.gs-lightbox{
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  z-index: 9999;
  background: rgba(0,0,0,0.8);
  display:none;
}

.gs-lightbox .gs-back-close{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  z-index: 1;
}

.gs-lightbox .gs-content{
  position:absolute;
  top:50%;
  left:50%;
  width:calc(100% - 30px);
  max-width: 930px;
  max-height: 720px;
  height: 45vh;
  background:#000;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  
  z-index: 10;
}


.gs-lightbox .gs-content iframe{
  display: block;
}

.gs-lightbox .gs-content .gs-close::before{
  content: "✕";
}

.gs-lightbox .gs-content .gs-close{
  position:absolute;
  right:0px;
  top:-30px;
  color: #fff;
  display:block;
  font-size: 20px;
  text-align: center;
}

@media screen and (min-width: 960px) and (max-width: 1439px)  {}
@media screen and (max-width: 959px){}
@media screen and (max-width: 767px){}
@media screen and (max-width: 374px){}

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


.gs-product{
  width: calc(100vw - 48px);
  max-width: 1392px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 24px;
}

.gs-product#gs-pw1,
.gs-product#gs-pw3{
  display: none;
}

.gs-product.gs-active#gs-pw1,
.gs-product.gs-active#gs-pw3{
  display: flex;
}


.gs-product .gs-col{
  min-height: 524px;
  width: 330px;
}

.gs-product .gs-col.gs-sec{
  width: 684px;
  background: #F3F3F3;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 28px;
  padding: 20px;
}

.gs-product .gs-col.gs-sec .gs-items{
  max-width: 390px;
  margin: 0 auto;
}

.gs-product .gs-col.gs-first{
  padding: 30px;
  background: #F3F3F3; /* url("../images/icon-tag-new.svg") no-repeat right top;*/
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 20px;
  text-align: left;
}

.gs-product .gs-col .gs-col-title{
  color: #000;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-size: 31px;
  font-style: normal;
  line-height: 100%;
  letter-spacing: -0.62px;
}

.gs-product .gs-col .gs-col-text{
  color: #000;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-size: 23px;
  font-style: normal;
  line-height: 120%;
  letter-spacing: -0.46px;
}

.gs-product .gs-col.gs-last{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  gap: 24px;
}

.gs-product .gs-col.gs-last .gs-top{
  background: #F3F3F3;
  border-radius: 18px;
  width: 100%;
  padding: 18px 0 9px 0;
}

.gs-product .gs-col.gs-last .gs-top img{
  display: block;
  max-width: 100%;
  margin: 0 auto;
  width: auto;
}

.gs-product .gs-col .gs-more{
  border-radius: 18px;
  background: #050505;
  padding: 0px 30px;
  display: block;
  color: #F3F3F3;
  text-align: center;
  font-family: Arial;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 13px;
  letter-spacing: -0.4px;
  text-transform: uppercase;
  height: 69px;
  line-height: 69px;
  transition: all 300ms;
  text-decoration: none;
  width: 100%;
}

.gs-product .gs-col .gs-more:hover{
  text-decoration: none;
  opacity: 0.8;
}

.gs-product .gs-col.gs-last .gs-middle{
  background: #F3F3F3;
  border-radius: 18px;
  min-height: 337px;
  width: 100%;
  padding: 20px 10px 20px 37px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 30px;
}

.gs-product .gs-col .gs-product-title{
  color: #000;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-size: 32px;
  font-style: normal;
  line-height: 120%;
  letter-spacing: -0.64px;
}

.gs-product .gs-col .gs-product-price{
  color: #000;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.32px;
}

.gs-product .gs-col .gs-product-price b{
  font-size: 40px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  line-height: 100%;
  display: block;
}

.gs-product .gs-col .gs-product-price span{
  font-size: 12px;
}

.gs-product .gs-items img{
  display: none;
  margin: 0 auto;
  max-width: 100%;
  width: auto;
}

.gs-product .gs-items img.gs-active{
  display: block;
}


.gs-product .gs-colors{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;

}

.gs-product .gs-colors a{
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #CDDAEB;
  position: relative;
  font-size: 0px;
}

.gs-product .gs-colors a::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid #000;
  width: 32px;
  height: 32px;
  opacity: 0;
  transition: all 200ms;
}

.gs-product .gs-colors a.gs-active::before{
  opacity: 1;
}

.gs-product .gs-colors a.gs-c1{ background: #FC9496; }
.gs-product .gs-colors a.gs-c2{ background: #394C80; }
.gs-product .gs-colors a.gs-c3{ background: #434147; }

.gs-product .gs-colors a.gs-c5{ background: #BCBCBC; }
.gs-product .gs-colors a.gs-c6{ background: #394C80; }
.gs-product .gs-colors a.gs-c7{ background: #434147; }

.gs-product .gs-colors a.gs-c8{ background: #434147; }
.gs-product .gs-colors a.gs-c9{ background: #FFFFFF; }

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


  .gs-product{
  width: calc(100vw - 3.34vw);
  max-width: 96.67vw;
  gap: 1.67vw;
}

.gs-product .gs-col{
  min-height: 36.39vw;
  width: 22.92vw;
}

.gs-product .gs-col.gs-sec{
  width: 47.50vw;
  border-radius: 1.25vw;
  gap: 1.95vw;
  padding: 1.39vw;
}

.gs-product .gs-col.gs-sec .gs-items{
  max-width: 27.09vw;
}

.gs-product .gs-col.gs-first{
  padding: 2.09vw;
  */
  border-radius: 1.25vw;
  gap: 1.39vw;
}

.gs-product .gs-col .gs-col-title{
  font-size: 2.16vw;
  letter-spacing: -0.04vw;
}

.gs-product .gs-col .gs-col-text{
  font-size: 1.60vw;
  letter-spacing: -0.03vw;
}

.gs-product .gs-col.gs-last{
  gap: 1.67vw;
}

.gs-product .gs-col.gs-last .gs-top{
  border-radius: 1.25vw;
  padding: 1.25vw 0 0.63vw 0;
}

.gs-product .gs-col .gs-more{
  border-radius: 1.25vw;
  padding: 0.00vw 2.09vw;
  font-size: 1.39vw;
  line-height: 0.91vw;
  letter-spacing: -0.02vw;
  height: 4.80vw;
  line-height: 4.80vw;
}

.gs-product .gs-col.gs-last .gs-middle{
  border-radius: 1.25vw;
  min-height: 23.41vw;
  padding: 1.39vw 0.70vw 1.39vw 2.57vw;
  gap: 2.09vw;
}

.gs-product .gs-col .gs-product-title{
  font-size: 2.23vw;
  letter-spacing: -0.04vw;
}

.gs-product .gs-col .gs-product-price{
  font-size: 1.12vw;
  letter-spacing: -0.02vw;
}

.gs-product .gs-col .gs-product-price b{
  font-size: 2.78vw;
}

.gs-product .gs-col .gs-product-price span{
  font-size: 0.84vw;
}

.gs-product .gs-colors{
  gap: 0.84vw;
}

.gs-product .gs-colors a{
  width: 1.67vw;
  height: 1.67vw;
}

.gs-product .gs-colors a::before{
  border: 0.07vw solid #000;
  width: 2.23vw;
  height: 2.23vw;
}

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



  .gs-product{
    flex-wrap: wrap;
  }

  .gs-product .gs-col.gs-sec{
    order: 1;
    width: 100%;
  }

  .gs-product .gs-col.gs-first,
  .gs-product .gs-col.gs-last{
    order: 2;
    width: calc(50% - 12px);
  }

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


  .gs-product{
    width: calc(100% - 30px);
  }

  .gs-product .gs-col.gs-first, .gs-product .gs-col.gs-last{
    width: 100%;
  }

  .gs-product .gs-col.gs-first{
    min-height: 250px;
    order: 1;
    align-items: center;
    text-align: center;
  }

  .gs-product .gs-col.gs-sec{
    order: 2;
  }

  .gs-product .gs-col.gs-last{
    order: 3;
  }

  .gs-product .gs-col.gs-last .gs-middle{
    align-items: center;
    text-align: center;
  }


  .gs-product .gs-col.gs-last .gs-middle{
    padding:  35px 20px;
  }


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

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


.gs-buds{
  padding: 70px 24px;
  max-width: 1440px;
  margin: 0 auto;
}

.gs-buds .gs-title{
  color: #000;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-size: 54px;
  font-style: normal;
  line-height: 110%;
  letter-spacing: -1.08px;
  text-align: center;
  padding: 0 0 38px 0;
  margin: 0px;
}

.gs-buds .gs-text{
  color: #000;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-size: 23px;
  line-height: 120%;
  letter-spacing: -0.46px;
  padding: 38px 0 50px 0;
}

.gs-buds .gs-items{
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 40px;
}

.gs-buds .gs-items .gs-item{
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

.gs-buds .gs-items .gs-item img{
  display: block;
  width: 100%;
}

.gs-buds .gs-items .gs-item .gs-item-price{
  border-radius: 18px;
  background: #F3F3F3;
  min-height: 162px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  color: #282828;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  width: 100%;
  text-align: center;
}

.gs-buds .gs-items .gs-item .gs-item-price b{
  color: #282828;
  text-align: center;
  font-size: 60px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 800;
  line-height: 100%;
}

.gs-buds .gs-items .gs-item .gs-item-more{
  border-radius: 18px;
  background: #050505;
  padding: 0px 30px;
  display: block;
  color: #F3F3F3;
  text-align: center;
  font-family: Arial;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 13px;
  letter-spacing: -0.4px;
  text-transform: uppercase;
  height: 69px;
  line-height: 69px;
  transition: all 300ms;
  width: 100%;
}

.gs-buds .gs-items .gs-item .gs-item-more:hover{
  text-decoration: none;
  opacity: 0.8;
}

.gs-buds .gs-items  .gs-item-col{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px
}

.gs-buds .gs-items  .gs-item-col .gs-item-price{
  width: 356px;
  text-align: left;
  padding-left: 25px;
}

.gs-buds .gs-items  .gs-item-col .gs-item-epistrofi{
  border-radius: 18px;
  background: #F3F3F3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 294px;
}

.gs-buds .gs-items  .gs-item-col .gs-item-epistrofi img{
  display: block;
  max-width: 100%;
  width: auto;
}

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

.gs-buds{
  padding: 4.87vw 1.67vw;
  max-width: 100.00vw;
}

.gs-buds .gs-title{
  font-size: 3.75vw;
  letter-spacing: -0.07vw;
  padding: 0 0 2.64vw 0;
}

.gs-buds .gs-text{
  font-size: 1.60vw;
  letter-spacing: -0.03vw;
  padding: 2.64vw 0 3.48vw 0;
}

.gs-buds .gs-items{
  gap: 2.78vw;
}

.gs-buds .gs-items .gs-item{
  width: calc(50% - 1.39vw);
  gap: 1.67vw;
}

.gs-buds .gs-items .gs-item .gs-item-price{
  border-radius: 1.25vw;
  min-height: 11.25vw;
  font-size: 1.25vw;
}

.gs-buds .gs-items .gs-item .gs-item-price b{
  font-size: 4.17vw;
}

.gs-buds .gs-items .gs-item .gs-item-more{
  border-radius: 1.25vw;
  padding: 0.00vw 2.09vw;
  font-size: 1.39vw;
  line-height: 0.91vw;
  letter-spacing: -0.02vw;
  height: 4.80vw;
  line-height: 4.80vw;
}

.gs-buds .gs-items  .gs-item-col{
  gap: 1.67vw;
}

.gs-buds .gs-items  .gs-item-col .gs-item-price{
  width: 24.73vw;
  padding-left: 1.74vw;
}

.gs-buds .gs-items  .gs-item-col .gs-item-epistrofi{
  border-radius: 1.25vw;
  width: 20.42vw;
}
}
@media screen and (max-width: 959px){



  .gs-buds .gs-title,
  .gs-banner .gs-title {
    font-size: 40px;
  }

  .gs-buds .gs-text{
    font-size: 19px;
  }

  .gs-buds .gs-items .gs-item .gs-item-price b {
    font-size: 50px;
  }


  .gs-buds .gs-title{
    font-size: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .gs-buds .gs-title {
    display: none;
  }

  .gs-buds .gs-text {
    font-size: 18px;
    padding: 10px 0 20px 0;
  }

  .gs-buds .gs-items{
    flex-direction: column;
  }

  .gs-buds .gs-items .gs-item{
    width: 100%;
  }

  .gs-buds {
    padding: 55px 15px;
  }


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

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

.gs-banner{
  max-width: 1432px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}


.gs-banner .gs-title{
  color: #000;
  font-weight: 700;
  font-size: 44px;
  font-style: normal;
  line-height: 110%;
  letter-spacing: -1.08px;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0px;
  top: 50px;
  margin: 0px;
  padding: 0px;
}

.gs-banner img{
  display: block;
  width: 100%;
  margin: 0 auto 22px auto;
  border-radius: 18px;
}

.gs-banner .gs-more{
  border-radius: 18px;
  background: #050505;
  padding: 0px 30px;
  display: block;
  color: #F3F3F3;
  text-align: center;
  font-family: Arial;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 13px;
  letter-spacing: -0.4px;
  text-transform: uppercase;
  height: 69px;
  line-height: 69px;
  transition: all 300ms;
  width: 100%;
  max-width: 680px;
  margin: 6px auto 0 auto;
}

.gs-banner .gs-more:hover{
  text-decoration: none;
  opacity: 0.8;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {
  .gs-banner{
    max-width: 99.45vw;
    padding: 0 1.39vw;
  }

  .gs-banner .gs-title{
    font-size: 3.06vw;
    letter-spacing: -0.07vw;
    top: 3.48vw;
  }

  .gs-banner img{
    margin: 0 auto 1.53vw auto;
    border-radius: 1.25vw;
  }

  .gs-banner .gs-more{
    border-radius: 1.25vw;
    padding: 0.00vw 2.09vw;
    font-size: 1.39vw;
    line-height: 0.91vw;
    letter-spacing: -0.02vw;
    height: 4.80vw;
    line-height: 4.80vw;
    max-width: 47.23vw;
    margin: 0.42vw auto 0 auto;
  }

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

  .gs-banner .gs-title {
    font-size: 25px;
    top: 20px;
  }

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

  .gs-banner .gs-title {
      font-size: 24px;
      top: 38px;
      padding: 0 48px;
  }

  .gs-banner .gs-title br{
    display: none;
  }
}
@media screen and (max-width: 374px){
  .gs-banner .gs-title {
    font-size: 21px;
    top: 23px;
    padding: 0 40px;
  }
}

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

.gs-phone-info{
  text-align: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 24px 72px 24px;
}

.gs-phone-info .gs-title{
  color: #000;
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; 
  letter-spacing: -0.88px;
  padding: 0 0 38px 0;
  margin: 0px;
}

.gs-phone-info .gs-items{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.gs-phone-info.gs-pi1 .gs-items{
  grid-template-rows: repeat(4, 1fr);
} 

.gs-phone-info .gs-items .gs-item.gs-i1 { grid-area: 1 / 1 / 3 / 2; }
.gs-phone-info .gs-items .gs-item.gs-i2 { grid-area: 3 / 1 / 5 / 2; }
.gs-phone-info .gs-items .gs-item.gs-i3 { grid-area: 1 / 2 / 2 / 4; }
.gs-phone-info .gs-items .gs-item.gs-i4 { grid-area: 2 / 2 / 4 / 3; }
.gs-phone-info .gs-items .gs-item.gs-i5 { grid-area: 2 / 3 / 4 / 4; }
.gs-phone-info .gs-items .gs-item.gs-i6 { grid-area: 4 / 2 / 5 / 4; }
.gs-phone-info.gs-pi2 .gs-items .gs-item.gs-i7 { grid-area: 5 / 1 / 6 / 4; }



.gs-phone-info .gs-items .gs-item{
  border-radius: 16px;
  background: #000;
  width: 450px;
  overflow: hidden;
  float: left;
}

.gs-phone-info .gs-items .gs-item.gs-i3{
  width: 922px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.gs-phone-info .gs-items .gs-item.gs-i6{
  width: 922px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gs-phone-info .gs-items .gs-item.gs-i7{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gs-phone-info .gs-items .gs-item .gs-item-content{
  padding: 36px 42px;
  text-align: left;
}

.gs-phone-info .gs-items .gs-item .gs-item-content .gs-item-title{
  padding: 0 0 24px 0;
  color: #FFF;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1.44px;
  margin: 0px;
}

.gs-phone-info .gs-items .gs-item .gs-item-content .gs-item-text{
  color: #FFF;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.48px;
}


.gs-phone-info .gs-items .gs-item img{
  max-width: 100%;
  display: block;
}


.gs-phone-info.gs-pi1 .gs-items .gs-item.gs-i1{
  margin: 0px;
  text-align: left;
}

.gs-phone-info .gs-items .gs-item.gs-i3 .gs-item-photo,
.gs-phone-info .gs-items .gs-item.gs-i6 .gs-item-photo,
.gs-phone-info .gs-items .gs-item.gs-i7 .gs-item-photo{
  min-width: 30%;
}


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

  .gs-phone-info{
    max-width: 100.00vw;
    padding: 0 1.67vw 5.00vw 1.67vw;
  }

  .gs-phone-info .gs-title{
    font-size: 3.06vw;
    letter-spacing: -0.06vw;
    padding: 0 0 2.64vw 0;
  }

  .gs-phone-info .gs-items{
    grid-column-gap: 1.67vw;
    grid-row-gap: 1.67vw;
    height: 115.28vw;
  }

  .gs-phone-info .gs-items .gs-item{
    border-radius: 1.12vw;
    width: 31.25vw;
  }

  .gs-phone-info .gs-items .gs-item.gs-i3{
    width: 64.03vw;
  }

  .gs-phone-info .gs-items .gs-item.gs-i6{
    width: 64.03vw;
  }

  .gs-phone-info .gs-items .gs-item .gs-item-content{
    padding: 2.50vw 2.92vw;
  }

  .gs-phone-info .gs-items .gs-item .gs-item-content .gs-item-title{
    padding: 0 0 1.67vw 0;
    font-size: 2.50vw;
    letter-spacing: -0.10vw;
  }

  .gs-phone-info .gs-items .gs-item .gs-item-content .gs-item-text{
    font-size: 1.67vw;
    letter-spacing: -0.03vw;
  }

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

  .gs-phone-info .gs-title{
    font-size: 34px;
  }

  .gs-phone-info .gs-items{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .gs-phone-info .gs-items .gs-item{
    width: calc(50% - 6px);
  }

  .gs-phone-info .gs-items .gs-item .gs-item-content .gs-item-title{
    font-size: 29px;
  }

  .gs-phone-info .gs-items .gs-item .gs-item-content .gs-item-text {
    font-size: 18px;
  }

  .gs-phone-info .gs-items .gs-item .gs-item-content {
    padding: 30px 24px;
  }

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

  .gs-phone-info{
    padding: 0 10px 30px 10px;
  }
  .gs-phone-info .gs-title {
    font-size: 28px;
  }

  .gs-scroll-area{
    overflow: auto;
    margin: 0 -10px 0 0;
    width: calc(100% + 10px);
    padding: 0 10px 0 0;
  }

  .gs-phone-info .gs-items{
    padding: 0px;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    width: 2370px;
    gap: 10px;
  }

   .gs-phone-info.gs-pi1 .gs-items{
    width: 2020px;
   }

  .gs-phone-info .gs-items .gs-item{
    width: calc(100vw - 30px) !important;
    flex-direction: column !important;
    white-space: normal;
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }

  .gs-phone-info .gs-items .gs-item .gs-item-content{
    padding-bottom: 0px;
  }

  .gs-phone-info .gs-items .gs-item .gs-item-content .gs-item-title {
    font-size: 23px;
  }

  .gs-phone-info .gs-items .gs-item .gs-item-content .gs-item-text {
    font-size: 17px;
  }

  .gs-phone-info .gs-items .gs-item .gs-item-content .gs-item-title br,
  .gs-phone-info .gs-items .gs-item .gs-item-content .gs-item-text br{
    display: none;
  }

  .gs-phone-info .gs-items .gs-item.gs-i7 img{
    max-height: 200px;
  }
}
@media screen and (max-width: 374px){}

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


.gs-faq{
  text-align: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 60px 20px 20px 20px;
}

.gs-faq .gs-title{
  color: #000;
  text-align: center;
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.88px;
  padding: 0 0 44px 0;
}


.gs-faq .gs-items{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 1205px;
  margin: 0 auto;
}

.gs-faq .gs-items .gs-item{
  border-radius: 4px;
  background: #EDEDED;
  padding: 24px 16px;
  text-align: left;
  width: 100%;
}

.gs-faq .gs-items .gs-item .gs-item-q{
  color: #282828;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; 
  letter-spacing: -0.16px;
  display: block;
  position: relative;
  padding: 0 30px 0 0;
  text-decoration: none !important;
}

.gs-faq .gs-items .gs-item .gs-item-q::after{
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translate(0, -50%) rotate(180deg);
  width: 15px;
  height: 15px;
  background: url("../images/icon-faq.svg") no-repeat center center;
  background-size: contain;
}

.gs-faq .gs-items .gs-item.gs-active .gs-item-q::after{
  transform: translate(0, -50%) rotate(0deg);
}

.gs-faq .gs-items .gs-item .gs-item-ans{
  color: #282828;
  font-size: 16px;
  font-style: normal;
  line-height: 120%;
  letter-spacing: -0.16px;
  display: none;
  max-width: 985px;
  padding: 10px 0 0 0;

}


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

  .gs-faq{
    max-width: 100.00vw;
    padding: 4.17vw 1.39vw 1.39vw 1.39vw;
  }

  .gs-faq .gs-title{
    font-size: 3.06vw;
    letter-spacing: -0.06vw;
    padding: 0 0 3.06vw 0;
  }

  .gs-faq .gs-items{
    gap: 0.70vw;
    max-width: 83.69vw;
  }

  .gs-faq .gs-items .gs-item{
    border-radius: 0.28vw;
    padding: 1.67vw 1.12vw;
  }

  .gs-faq .gs-items .gs-item .gs-item-q{
    font-size: 1.12vw;
    letter-spacing: -0.01vw;
    padding: 0 2.09vw 0 0;
  }

  .gs-faq .gs-items .gs-item .gs-item-q::after{
    width: 1.05vw;
    height: 1.05vw;
  }

  .gs-faq .gs-items .gs-item .gs-item-ans{
    font-size: 1.12vw;
    letter-spacing: -0.01vw;
    max-width: 68.41vw;
    padding: 0.70vw 0 0 0;
  }

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

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


.gs-tab-menu{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding: 0 0 17px 0;
}

.gs-tab-menu a{
  display: block;
  padding: 12px 24px;
  border-radius: 8px;
  border: 1px solid #000;
  background: #FFF;

  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; 
  letter-spacing: -0.44px;
  text-decoration: none !important;
}

.gs-tab-menu a.gs-active{
  background: #000;
  color: #fff;
}


@media screen and (min-width: 960px) and (max-width: 1439px)  {
.gs-tab-menu{
  gap: 1.05vw;
  padding: 0 0 1.19vw 0;
}

.gs-tab-menu a{
  padding: 0.84vw 1.67vw;
  border-radius: 0.56vw;
  border: 0.07vw solid #000;
  font-size: 1.53vw;
  letter-spacing: -0.03vw;
}
}
@media screen and (max-width: 959px){}
@media screen and (max-width: 767px){

  .gs-tab-menu a{
    font-size: 17px;
  }

}
@media screen and (max-width: 374px){
  .gs-tab-menu a {
    font-size: 14px;
  }
}

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