main {
  overflow: hidden;
}

#fvContainer {
  position: relative;
  overflow: hidden;
}

.logo {
  width: 120px;
  position: fixed;
  top: 20px;
  left: 30px;
  z-index: 10;
}

.fvMain {
  width: 100%;
  min-height: 786px;
}

.fvMain img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fvText {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
}

.fvText img {
  max-width: 681px;
}







#conceptContainer {
  width: 100%;
  padding: 160px 0 280px;
  background: #191919;
  position: relative;
  overflow: hidden;
}

#conceptContainer > img {
  width: 2351px;
  position: absolute;
  top: 220px;
  left: 50%;
  transform: translateX(-50%);
}

.concept {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}








#brandContainer {
  width: 100%;
  padding: 150px 0 150px;
  position: relative;
  overflow: hidden;
}

#brandContainer > img {
  width: 4433px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.brand {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}







#productContainer {
  width: 100%;
  padding: 200px 0 250px;
  background: #191919;
  position: relative;
  overflow: hidden;
}

#productContainer > img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  right: -100px;
}

.product {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}






#newsConatiner {
  padding: 200px 0 200px;
  text-align: center;
}

#newsConatiner img {
  width: 90%;
  max-width: 900px;
}














@media (max-width: 960px) {



}











@media (max-width: 560px) {



}