html,
body {
  margin: 0;
  padding: 0;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  color: #3b4759;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
a,
span,
div,
input,
p,
strong {
  margin: 0;
  padding: 0;
  font-size: 16px;
  text-decoration: none;
  list-style: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  color: #3b4759;
}
.title {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  color: #3b4759;
}
.bg {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.color-birch {
  color: #00d9d3;
}
.btn {
  padding: 10px 58px;
  color: #fff;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#00eed2), to(#00a1d6));
  background: -webkit-linear-gradient(left, #00eed2 0%, #00a1d6 100%);
  background: -o-linear-gradient(left, #00eed2 0%, #00a1d6 100%);
  background: linear-gradient(to right, #00eed2 0%, #00a1d6 100%);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-animation: btn1 0.3s linear;
          animation: btn1 0.3s linear;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  color: #3b4759;
}
.btn h4 {
  color: #fff;
}
.btn:hover {
  -webkit-animation: btn 0.3s linear;
          animation: btn 0.3s linear;
  background: -webkit-gradient(linear, left top, right top, from(#00a1d6), to(#00eed2));
  background: -webkit-linear-gradient(left, #00a1d6 0%, #00eed2 100%);
  background: -o-linear-gradient(left, #00a1d6 0%, #00eed2 100%);
  background: linear-gradient(to right, #00a1d6 0%, #00eed2 100%);
}
@-webkit-keyframes btn1 {
  0% {
    background: -webkit-gradient(linear, left top, right top, from(#00a1d6), to(#00eed2));
    background: -webkit-linear-gradient(left, #00a1d6 0%, #00eed2 100%);
    background: linear-gradient(to right, #00a1d6 0%, #00eed2 100%);
  }
  25% {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #00eed2), color-stop(30%, #00a1d6), color-stop(80%, #00eed2));
    background: -webkit-linear-gradient(left, #00eed2 20%, #00a1d6 30%, #00eed2 80%);
    background: linear-gradient(to right, #00eed2 20%, #00a1d6 30%, #00eed2 80%);
  }
  50% {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #00eed2), color-stop(50%, #00a1d6), color-stop(80%, #00eed2));
    background: -webkit-linear-gradient(left, #00eed2 20%, #00a1d6 50%, #00eed2 80%);
    background: linear-gradient(to right, #00eed2 20%, #00a1d6 50%, #00eed2 80%);
  }
  75% {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #00eed2), color-stop(75%, #00a1d6), color-stop(80%, #00eed2));
    background: -webkit-linear-gradient(left, #00eed2 20%, #00a1d6 75%, #00eed2 80%);
    background: linear-gradient(to right, #00eed2 20%, #00a1d6 75%, #00eed2 80%);
  }
  100% {
    background: -webkit-gradient(linear, left top, right top, from(#00eed2), to(#00a1d6));
    background: -webkit-linear-gradient(left, #00eed2 0%, #00a1d6 100%);
    background: linear-gradient(to right, #00eed2 0%, #00a1d6 100%);
  }
}
@keyframes btn1 {
  0% {
    background: -webkit-gradient(linear, left top, right top, from(#00a1d6), to(#00eed2));
    background: -webkit-linear-gradient(left, #00a1d6 0%, #00eed2 100%);
    background: -o-linear-gradient(left, #00a1d6 0%, #00eed2 100%);
    background: linear-gradient(to right, #00a1d6 0%, #00eed2 100%);
  }
  25% {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #00eed2), color-stop(30%, #00a1d6), color-stop(80%, #00eed2));
    background: -webkit-linear-gradient(left, #00eed2 20%, #00a1d6 30%, #00eed2 80%);
    background: -o-linear-gradient(left, #00eed2 20%, #00a1d6 30%, #00eed2 80%);
    background: linear-gradient(to right, #00eed2 20%, #00a1d6 30%, #00eed2 80%);
  }
  50% {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #00eed2), color-stop(50%, #00a1d6), color-stop(80%, #00eed2));
    background: -webkit-linear-gradient(left, #00eed2 20%, #00a1d6 50%, #00eed2 80%);
    background: -o-linear-gradient(left, #00eed2 20%, #00a1d6 50%, #00eed2 80%);
    background: linear-gradient(to right, #00eed2 20%, #00a1d6 50%, #00eed2 80%);
  }
  75% {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #00eed2), color-stop(75%, #00a1d6), color-stop(80%, #00eed2));
    background: -webkit-linear-gradient(left, #00eed2 20%, #00a1d6 75%, #00eed2 80%);
    background: -o-linear-gradient(left, #00eed2 20%, #00a1d6 75%, #00eed2 80%);
    background: linear-gradient(to right, #00eed2 20%, #00a1d6 75%, #00eed2 80%);
  }
  100% {
    background: -webkit-gradient(linear, left top, right top, from(#00eed2), to(#00a1d6));
    background: -webkit-linear-gradient(left, #00eed2 0%, #00a1d6 100%);
    background: -o-linear-gradient(left, #00eed2 0%, #00a1d6 100%);
    background: linear-gradient(to right, #00eed2 0%, #00a1d6 100%);
  }
}
@-webkit-keyframes btn {
  0% {
    background: -webkit-gradient(linear, left top, right top, from(#00eed2), to(#00a1d6));
    background: -webkit-linear-gradient(left, #00eed2 0%, #00a1d6 100%);
    background: linear-gradient(to right, #00eed2 0%, #00a1d6 100%);
  }
  25% {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #00eed2), color-stop(75%, #00a1d6), color-stop(80%, #00eed2));
    background: -webkit-linear-gradient(left, #00eed2 20%, #00a1d6 75%, #00eed2 80%);
    background: linear-gradient(to right, #00eed2 20%, #00a1d6 75%, #00eed2 80%);
  }
  50% {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #00eed2), color-stop(50%, #00a1d6), color-stop(80%, #00eed2));
    background: -webkit-linear-gradient(left, #00eed2 20%, #00a1d6 50%, #00eed2 80%);
    background: linear-gradient(to right, #00eed2 20%, #00a1d6 50%, #00eed2 80%);
  }
  75% {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #00eed2), color-stop(30%, #00a1d6), color-stop(80%, #00eed2));
    background: -webkit-linear-gradient(left, #00eed2 20%, #00a1d6 30%, #00eed2 80%);
    background: linear-gradient(to right, #00eed2 20%, #00a1d6 30%, #00eed2 80%);
  }
  100% {
    background: -webkit-gradient(linear, left top, right top, from(#00a1d6), to(#00eed2));
    background: -webkit-linear-gradient(left, #00a1d6 0%, #00eed2 100%);
    background: linear-gradient(to right, #00a1d6 0%, #00eed2 100%);
  }
}
@keyframes btn {
  0% {
    background: -webkit-gradient(linear, left top, right top, from(#00eed2), to(#00a1d6));
    background: -webkit-linear-gradient(left, #00eed2 0%, #00a1d6 100%);
    background: -o-linear-gradient(left, #00eed2 0%, #00a1d6 100%);
    background: linear-gradient(to right, #00eed2 0%, #00a1d6 100%);
  }
  25% {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #00eed2), color-stop(75%, #00a1d6), color-stop(80%, #00eed2));
    background: -webkit-linear-gradient(left, #00eed2 20%, #00a1d6 75%, #00eed2 80%);
    background: -o-linear-gradient(left, #00eed2 20%, #00a1d6 75%, #00eed2 80%);
    background: linear-gradient(to right, #00eed2 20%, #00a1d6 75%, #00eed2 80%);
  }
  50% {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #00eed2), color-stop(50%, #00a1d6), color-stop(80%, #00eed2));
    background: -webkit-linear-gradient(left, #00eed2 20%, #00a1d6 50%, #00eed2 80%);
    background: -o-linear-gradient(left, #00eed2 20%, #00a1d6 50%, #00eed2 80%);
    background: linear-gradient(to right, #00eed2 20%, #00a1d6 50%, #00eed2 80%);
  }
  75% {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #00eed2), color-stop(30%, #00a1d6), color-stop(80%, #00eed2));
    background: -webkit-linear-gradient(left, #00eed2 20%, #00a1d6 30%, #00eed2 80%);
    background: -o-linear-gradient(left, #00eed2 20%, #00a1d6 30%, #00eed2 80%);
    background: linear-gradient(to right, #00eed2 20%, #00a1d6 30%, #00eed2 80%);
  }
  100% {
    background: -webkit-gradient(linear, left top, right top, from(#00a1d6), to(#00eed2));
    background: -webkit-linear-gradient(left, #00a1d6 0%, #00eed2 100%);
    background: -o-linear-gradient(left, #00a1d6 0%, #00eed2 100%);
    background: linear-gradient(to right, #00a1d6 0%, #00eed2 100%);
  }
}
.wi-100 {
  width: 100%;
}
.new {
  margin-top: 55px;
}
.new h1 {
  font-size: 50px;
}
.new p {
  margin-top: 22px;
  font-size: 16px;
}
.useful-info h3 {
  margin-top: 28px;
  font-size: 18px;
  text-transform: uppercase;
}
.useful-info .box-info {
  margin-top: 70px;
}
.useful-info .box-info .box-img {
  height: 65px;
  display: inline-block;
}
.useful-info .box-info p {
  margin-top: 31px;
  font-size: 13px;
}
.useful-info .box-info p strong {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  color: #3b4759;
}
.useful-info .col:nth-child(2) .box-img {
  margin-left: 23px;
}
.useful-info .col:nth-child(3) .box-img {
  padding-top: 13px;
}
.useful-info .col:nth-child(4) .box-img {
  padding-top: 13px;
}
.buy-new {
  padding-bottom: 132px;
}
.buy-new .btn {
  margin-top: 86px;
  font-size: 14px;
}
.buy-new p {
  margin-top: 21px;
  font-size: 12px;
}
.product {
  background-color: #f8f8f8;
}
.product .text-product {
  margin: 115px 0;
}
.product .text-product h1 {
  font-size: 36px;
}
.product .text-product p {
  margin-top: 24px;
  font-size: 16px;
  padding-right: 60px;
  line-height: 20px;
  letter-spacing: 0.4px;
}
.product .text-product .btn {
  margin-top: 59px;
  font-size: 14px;
}
.product .box-exhibition {
  position: relative;
  margin-top: 50px;
}
.product .box-exhibition img {
  position: absolute;
}
.product-search {
  margin-top: 132px;
}
.product-search h1 {
  font-size: 36px;
}
.product-search .option {
  position: relative;
}
.product-search .option .btn-img {
  margin-top: 42px;
}
.product-search .option .btn-img .img-option {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 167px;
  z-index: -1;
}
.product-search .option .btn-img .btn {
  margin-top: 100px;
  margin-bottom: 25px;
  background: transparent;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}
.product-search .option .btn-img .btn:hover {
  background: -webkit-gradient(linear, left top, right top, from(#00a1d6), to(#00eed2));
  background: -webkit-linear-gradient(left, #00a1d6 0%, #00eed2 100%);
  background: -o-linear-gradient(left, #00a1d6 0%, #00eed2 100%);
  background: linear-gradient(to right, #00a1d6 0%, #00eed2 100%);
}
.product-search .option .btn-img .container-right {
  margin-right: 0px;
  padding-right: 0px;
  position: relative;
}
.product-search .option .btn-img .container-left {
  margin-left: 0px;
  padding-left: 0px;
  position: relative;
}
.product-search .option .option-text {
  margin-top: 55px;
  margin-bottom: 170px;
}
.product-search .option .option-text ul li {
  color: #00d8d3;
  list-style: disc;
  line-height: 20px;
  letter-spacing: 0.4px;
}
.product-search .option .option-text ul li span {
  line-height: 20px;
  letter-spacing: 0.4px;
}
.product-popularity {
  background-color: #f8f8f8;
  padding: 130px 0;
}
.product-popularity h1 {
  font-size: 36px;
}
.product-popularity .number {
  margin-top: 70px;
  display: inline-block;
  position: relative;
  width: 60px;
}
.product-popularity .number span {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  color: #3b4759;
  font-size: 30px;
  color: #00d8d3;
  margin-left: 22px;
}
.product-popularity .number img {
  position: absolute;
  top: -5px;
  right: 0;
  bottom: 0;
  left: 0;
}
.product-popularity .method {
  margin-top: 85px;
}
.product-popularity .method h4 {
  font-size: 18px;
  text-transform: uppercase;
}
.product-popularity .method img {
  margin-top: 55px;
}
.product-popularity .method p {
  margin-top: 25px;
  font-size: 16px;
  display: inline-block;
}
.product-popularity .box-new {
  text-align: center;
  width: 100%;
  margin-top: 63px;
}
.product-popularity .box-new .btn {
  font-size: 14px;
}
.product-popularity .box-new p {
  margin-top: 22px;
  font-size: 12px;
}
.new-exhibition {
  position: relative;
}
.new-exhibition h1 {
  margin-top: 132px;
  font-size: 36px;
}
.new-exhibition ul {
  margin-top: 114px;
}
.new-exhibition ul li {
  color: #00d8d3;
  list-style: disc;
  line-height: 20px;
  letter-spacing: 0.4px;
}
.new-exhibition ul li span {
  line-height: 20px;
  letter-spacing: 0.4px;
}
.new-exhibition .exhibition {
  position: relative;
}
.new-exhibition .exhibition p {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  color: #3b4759;
  font-size: 18px;
  margin-top: 115px;
  text-transform: uppercase;
  margin-left: 150px;
}
.new-exhibition .exhibition .box-exhibition {
  position: absolute;
  z-index: 50;
  margin-top: 100px;
}
.new-exhibition .exhibition .box-exhibition img {
  position: relative;
}
.new-exhibition .exhibition .box-exhibition .btn-play {
  position: absolute;
  top: 122px;
  right: 193px;
  z-index: 80;
}
.new-exhibition .exhibition .box-exhibition .btn-play img {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.new-exhibition .exhibition .box-exhibition .btn-play img:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.new-exhibition .btn-img {
  margin-top: 107px;
  position: relative;
}
.new-exhibition .btn-img img {
  height: 297px;
}
.new-exhibition .btn-img .box-btn {
  position: absolute;
  top: 0;
  max-width: 450px;
}
.new-exhibition .btn-img .box-btn .btn {
  margin-top: 50px;
  margin-bottom: 25px;
  background: transparent;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  text-transform: uppercase;
  font-size: 18px;
}
.new-exhibition .btn-img .box-btn .btn:hover {
  background: -webkit-gradient(linear, left top, right top, from(#00a1d6), to(#00eed2));
  background: -webkit-linear-gradient(left, #00a1d6 0%, #00eed2 100%);
  background: -o-linear-gradient(left, #00a1d6 0%, #00eed2 100%);
  background: linear-gradient(to right, #00a1d6 0%, #00eed2 100%);
}
.new-exhibition .btn-img .box-btn .bg-btn {
  height: 112px;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}