/* line 1, ../sass/_reset.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  z-index: 0;
}

/* line 8, ../sass/_reset.scss */
a, span {
  text-decoration: none;
  outline: none;
}

/* line 13, ../sass/_reset.scss */
button {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

/* line 20, ../sass/_reset.scss */
ul {
  list-style: none;
}

/* line 24, ../sass/_reset.scss */
input {
  border: none;
  outline: none;
}

/* line 29, ../sass/_reset.scss */
img {
  vertical-align: middle;
}

/* line 184, ../images/layout/*.png */
.layout-sprite, .layout-android, .layout-bt-close-hov, .layout-bt-close, .layout-bt-dangky-hov, .layout-bt-dangky, .layout-bt-fb, .layout-bt-nhanma, .layout-bt-submit, .layout-bt-zingid, .layout-burger, .layout-ios, .layout-nav, .layout-popup-login, .layout-popup-register, .layout-r-home, .layout-title-1, .layout-title-2, .layout-title-3, .title-1, .title-2, .title-3, .top-nav .bt-fanpage, .top-nav .burger, .bt-dangky, .r-home, .nav-item, .popup-container .pm__profileinfo-module .pm__appstore-ios, .popup-container .pm__profileinfo-module .pm__appstore-android, .popup-container .pm__appstore-module .pm__appstore-ios, .popup-container .pm__appstore-module .pm__appstore-android, .popup-container .pm__zing span, .bt-submit, .bt-close, .bt-close:hover, .bt-nhanma {
  background-image: url('../images/../images/layout-se730a8a5fb.png');
  background-repeat: no-repeat;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-android {
  background-position: 0 0;
  height: 69px;
  width: 196px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-bt-close-hov {
  background-position: 0 -69px;
  height: 70px;
  width: 250px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-bt-close {
  background-position: 0 -139px;
  height: 70px;
  width: 250px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-bt-dangky-hov {
  background-position: 0 -209px;
  height: 70px;
  width: 380px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-bt-dangky {
  background-position: 0 -279px;
  height: 70px;
  width: 380px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-bt-fb {
  background-position: 0 -349px;
  height: 58px;
  width: 180px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-bt-nhanma {
  background-position: 0 -407px;
  height: 40px;
  width: 123px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-bt-submit {
  background-position: 0 -447px;
  height: 106px;
  width: 146px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-bt-zingid {
  background-position: 0 -553px;
  height: 106px;
  width: 346px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-burger {
  background-position: 0 -659px;
  height: 58px;
  width: 56px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-ios {
  background-position: 0 -717px;
  height: 69px;
  width: 196px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-nav {
  background-position: 0 -786px;
  height: 64px;
  width: 43px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-popup-login {
  background-position: 0 -850px;
  height: 350px;
  width: 504px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-popup-register {
  background-position: 0 -1200px;
  height: 504px;
  width: 504px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-r-home {
  background-position: 0 -1704px;
  height: 72px;
  width: 72px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-title-1 {
  background-position: 0 -1776px;
  height: 47px;
  width: 410px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-title-2 {
  background-position: 0 -1823px;
  height: 47px;
  width: 350px;
}

/* line 84, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/sprites/_base.scss */
.layout-title-3 {
  background-position: 0 -1870px;
  height: 47px;
  width: 373px;
}

@font-face {
  font-family: "Helves";
  src: url(../fonts/SVN-Helves.ttf);
}
/* line 2, ../sass/_reset-swiper.scss */
.swiper-pagination-bullet {
  border-radius: 0;
  opacity: 1;
  background-color: transparent;
}

/* line 9, ../sass/_reset-swiper.scss */
.swiper-button-next,
.swiper-button-prev {
  outline: none;
}
/* line 12, ../sass/_reset-swiper.scss */
.swiper-button-next:after,
.swiper-button-prev:after {
  content: "";
}

/* line 7, ../sass/style.scss */
html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: "Helves";
}

/* line 13, ../sass/style.scss */
.title-1 {
  font-size: 0;
  margin-left: 5px;
  background-position: 0 -1776px;
  height: 47px;
  width: 410px;
}

/* line 18, ../sass/style.scss */
.title-2 {
  font-size: 0;
  margin-top: 5px;
  margin-left: 5px;
  background-position: 0 -1823px;
  height: 47px;
  width: 350px;
}

/* line 24, ../sass/style.scss */
.title-3 {
  font-size: 0;
  margin-top: 5px;
  margin-left: 5px;
  background-position: 0 -1870px;
  height: 47px;
  width: 373px;
}

/* line 30, ../sass/style.scss */
.likeshare-container {
  padding-left: 40px;
  padding-top: 20px;
}

/* line 34, ../sass/style.scss */
.wrap-content {
  position: absolute;
  top: 0;
}
@media (min-width: 1025px) {
  /* line 34, ../sass/style.scss */
  .wrap-content {
    left: 50%;
    width: 2000px;
    margin-left: -1000px;
  }
}
@media (max-width: 1024px) {
  /* line 34, ../sass/style.scss */
  .wrap-content {
    left: 0;
    width: 768px;
  }
}

/* line 48, ../sass/style.scss */
#outer {
  height: 100vh;
  background: #160e04;
}

/* line 52, ../sass/style.scss */
.popup-background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: transparent;
}

@media (max-width: 1024px) {
  /* line 61, ../sass/style.scss */
  .pc {
    display: none;
  }
}

@media (min-width: 1025px) {
  /* line 67, ../sass/style.scss */
  .mobile {
    display: none;
  }
}

/* line 73, ../sass/style.scss */
.btn-img {
  display: block;
  text-indent: -9999px;
}

/* line 78, ../sass/style.scss */
.top-nav {
  width: 768px;
  height: 86px;
  background: #393728;
  display: flex;
  align-items: center;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}
@media (min-width: 1025px) {
  /* line 78, ../sass/style.scss */
  .top-nav {
    display: none;
  }
}
/* line 90, ../sass/style.scss */
.top-nav a {
  margin: 0 5px;
}
/* line 92, ../sass/style.scss */
.top-nav a:hover {
  filter: brightness(115%);
}
/* line 96, ../sass/style.scss */
.top-nav .bt-fanpage {
  background-position: 0 -349px;
  height: 58px;
  width: 180px;
  margin-left: auto;
}
/* line 100, ../sass/style.scss */
.top-nav .burger {
  background-position: 0 -659px;
  height: 58px;
  width: 56px;
}
/* line 103, ../sass/style.scss */
.top-nav .subnav {
  position: absolute;
  top: 100%;
  left: 0;
  background: #000000;
  width: 100%;
}
/* line 109, ../sass/style.scss */
.top-nav .subnav li {
  padding: 30px;
}
/* line 111, ../sass/style.scss */
.top-nav .subnav li:not(:last-child) {
  border-bottom: 1px solid #464230;
}
/* line 114, ../sass/style.scss */
.top-nav .subnav li a {
  color: #fff;
  font-family: Tahoma, Geneva, Verdana, sans-serif;
  font-size: 30px;
}

/* line 123, ../sass/style.scss */
.frame {
  position: relative;
}
/* line 126, ../sass/style.scss */
.frame#frame1 .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 110px);
  font-size: 22px;
  color: #fff;
  text-shadow: 2px 2px 0 #281b0f, 2px -2px 0 #281b0f, -2px 2px 0 #281b0f, -2px -2px 0 #281b0f, 2px 0px 0 #281b0f, 0px 2px 0 #281b0f, -2px 0px 0 #281b0f, 0px -2px 0 #281b0f;
}
@media (max-width: 1024px) {
  /* line 126, ../sass/style.scss */
  .frame#frame1 .text {
    width: 500px;
    text-align: center;
  }
}
/* line 138, ../sass/style.scss */
.frame#frame1 .text a {
  color: #fff;
  text-decoration: underline;
}
/* line 141, ../sass/style.scss */
.frame#frame1 .text a:hover {
  color: #ffa200;
}
/* line 145, ../sass/style.scss */
.frame#frame1 .text span {
  color: #ffa200;
}

/* line 152, ../sass/style.scss */
.bg-img {
  width: 100%;
  z-index: -1;
}

/* line 157, ../sass/style.scss */
.content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 165, ../sass/style.scss */
.footer {
  background: #160e04;
  padding: 40px 0;
  color: #bbb2a3;
  border-top: 2px solid #332716;
}
/* line 170, ../sass/style.scss */
.footer p {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 24px;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

/* line 179, ../sass/style.scss */
.bt-dangky {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-52%, 27px);
  background-position: 0 -279px;
  height: 70px;
  width: 380px;
}
@media (max-width: 1024px) {
  /* line 179, ../sass/style.scss */
  .bt-dangky {
    transform-origin: center bottom;
    transform: translate(-50%, 25px) scale(1.07);
  }
}
/* line 189, ../sass/style.scss */
.bt-dangky:hover {
  filter: brightness(1.2);
}

/* line 195, ../sass/style.scss */
.r-home {
  background-position: 0 -1704px;
  height: 72px;
  width: 72px;
}

/* line 199, ../sass/style.scss */
.nav-item {
  background-position: 0 -786px;
  height: 64px;
  width: 43px;
  margin: 0 auto;
}

/* line 204, ../sass/style.scss */
.nav {
  position: fixed;
  top: 50%;
  right: 50px;
  z-index: 2;
  margin-top: -132px;
}
@media (max-width: 1024px) {
  /* line 204, ../sass/style.scss */
  .nav {
    display: none;
  }
}

/* line 215, ../sass/style.scss */
.popup-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
@media (max-width: 1024px) {
  /* line 215, ../sass/style.scss */
  .popup-container {
    background: transparent;
  }
}
/* line 228, ../sass/style.scss */
.popup-container .pm__module.active {
  display: block !important;
}
/* line 232, ../sass/style.scss */
.popup-container .popup-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 239, ../sass/style.scss */
.popup-container .popup-form {
  margin-top: 0px;
  padding-top: 20px;
}
/* line 244, ../sass/style.scss */
.popup-container .info {
  color: #f5d49a;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 0 #12215f, 1px -1px 0 #12215f, -1px 1px 0 #12215f, -1px -1px 0 #12215f, 1px 0px 0 #12215f, 0px 1px 0 #12215f, -1px 0px 0 #12215f, 0px -1px 0 #12215f;
}
/* line 249, ../sass/style.scss */
.popup-container .info a {
  color: #ff9100;
}
/* line 253, ../sass/style.scss */
.popup-container .pm__login-module {
  background: url(../images/popup-register.jpg) no-repeat;
  width: 477px;
  height: 568px;
  position: relative;
  z-index: 2;
}
/* line 259, ../sass/style.scss */
.popup-container .pm__login-module > p {
  text-align: center;
  font-family: Tahoma, Geneva, Verdana, sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #bcc4e3;
  margin: 90px auto 30px;
}
/* line 268, ../sass/style.scss */
.popup-container .pm__login-module .info {
  margin-top: 50px;
  font-size: 15px;
}
/* line 273, ../sass/style.scss */
.popup-container .pm__login-module #frm .form-group {
  margin-bottom: 20px;
}
/* line 276, ../sass/style.scss */
.popup-container .pm__login-module #frm label {
  padding-right: 30px;
}
/* line 281, ../sass/style.scss */
.popup-container .pm__profileinfo-module {
  background: url(../images/popup-register.jpg) no-repeat;
  width: 477px;
  height: 568px;
  position: relative;
  z-index: 2;
}
/* line 287, ../sass/style.scss */
.popup-container .pm__profileinfo-module .form-container {
  display: flex;
  flex-direction: row;
}
/* line 292, ../sass/style.scss */
.popup-container .pm__profileinfo-module .link-store {
  display: flex;
  justify-content: center;
  margin: 20px 0 20px;
}
/* line 297, ../sass/style.scss */
.popup-container .pm__profileinfo-module .pm__appstore-ios {
  margin-right: 20px;
  background-position: 0 -717px;
  height: 69px;
  width: 196px;
}
/* line 300, ../sass/style.scss */
.popup-container .pm__profileinfo-module .pm__appstore-ios:hover {
  filter: brightness(1.2);
}
/* line 306, ../sass/style.scss */
.popup-container .pm__profileinfo-module .pm__appstore-android {
  background-position: 0 0;
  height: 69px;
  width: 196px;
}
/* line 308, ../sass/style.scss */
.popup-container .pm__profileinfo-module .pm__appstore-android:hover {
  filter: brightness(1.2);
}
/* line 312, ../sass/style.scss */
.popup-container .pm__profileinfo-module .account {
  font-family: Tahoma, Geneva, Verdana, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #f0d69f;
  padding-left: 45px;
  text-align: left;
  margin-bottom: 6px;
  text-shadow: 1px 1px 0 #12215f, 1px -1px 0 #12215f, -1px 1px 0 #12215f, -1px -1px 0 #12215f, 1px 0px 0 #12215f, 0px 1px 0 #12215f, -1px 0px 0 #12215f, 0px -1px 0 #12215f;
}
/* line 321, ../sass/style.scss */
.popup-container .pm__profileinfo-module .account a {
  color: inherit;
}
/* line 324, ../sass/style.scss */
.popup-container .pm__profileinfo-module .account .username {
  color: #ce0f0f;
}
/* line 328, ../sass/style.scss */
.popup-container .pm__profileinfo-module .info {
  font-size: 19px;
  margin-top: 20px;
}
/* line 332, ../sass/style.scss */
.popup-container .pm__profileinfo-module .form-group {
  margin-bottom: 6px;
}
/* line 335, ../sass/style.scss */
.popup-container .pm__profileinfo-module label {
  font-size: 17px;
}
/* line 338, ../sass/style.scss */
.popup-container .pm__profileinfo-module input[type=text],
.popup-container .pm__profileinfo-module input[type=email],
.popup-container .pm__profileinfo-module input[type=password] {
  width: 255px;
}
/* line 344, ../sass/style.scss */
.popup-container .pm__profileinfo-module input[type=radio] {
  height: 20px;
  width: 20px;
  margin-right: 20px;
}
/* line 350, ../sass/style.scss */
.popup-container .pm__appstore-module {
  background: url(../images/popup-register.jpg) no-repeat;
  width: 477px;
  height: 568px;
  position: relative;
  z-index: 2;
  padding: 120px 0 0;
}
/* line 357, ../sass/style.scss */
.popup-container .pm__appstore-module .group-btn {
  position: absolute;
  bottom: 0;
}
/* line 361, ../sass/style.scss */
.popup-container .pm__appstore-module .info {
  font-size: 20px;
}
/* line 364, ../sass/style.scss */
.popup-container .pm__appstore-module .link-store {
  display: flex;
  justify-content: center;
  margin: 20px 0 40px;
}
/* line 369, ../sass/style.scss */
.popup-container .pm__appstore-module .pm__appstore-ios {
  margin-right: 20px;
  background-position: 0 -717px;
  height: 69px;
  width: 196px;
}
/* line 372, ../sass/style.scss */
.popup-container .pm__appstore-module .pm__appstore-ios:hover {
  filter: brightness(1.2);
}
/* line 378, ../sass/style.scss */
.popup-container .pm__appstore-module .pm__appstore-android {
  background-position: 0 0;
  height: 69px;
  width: 196px;
}
/* line 380, ../sass/style.scss */
.popup-container .pm__appstore-module .pm__appstore-android:hover {
  filter: brightness(1.2);
}
/* line 385, ../sass/style.scss */
.popup-container .popup-article {
  background: url(../images/popup-article.jpg) no-repeat;
  width: 804px;
  height: 100%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  /* line 385, ../sass/style.scss */
  .popup-container .popup-article {
    width: 100%;
    height: 100vh;
  }
}
/* line 394, ../sass/style.scss */
.popup-container .popup-article .popup-decor {
  background: url(../images/popup-decor.jpg) center no-repeat;
  height: 70px;
  text-align: center;
  padding-top: 12px;
  color: #382707;
  text-shadow: 1px 1px 0 #12215f, 1px -1px 0 #12215f, -1px 1px 0 #12215f, -1px -1px 0 #12215f, 1px 0px 0 #12215f, 0px 1px 0 #12215f, -1px 0px 0 #12215f, 0px -1px 0 #12215f;
}
/* line 401, ../sass/style.scss */
.popup-container .popup-article .popup-decor a {
  color: inherit;
  font-size: 26px;
  font-weight: bold;
}
@media (max-width: 1024px) {
  /* line 394, ../sass/style.scss */
  .popup-container .popup-article .popup-decor {
    padding-top: 18px;
    font-size: 1.5rem;
  }
}
/* line 411, ../sass/style.scss */
.popup-container .popup-article iframe {
  width: 100%;
  height: calc(100% - 150px);
}
/* line 417, ../sass/style.scss */
.popup-container #sso-login-form, .popup-container .small-container {
  height: 100%;
}
/* line 420, ../sass/style.scss */
.popup-container .pm__zing span {
  display: block;
  margin: 0 auto;
  background-position: 0 -553px;
  height: 106px;
  width: 346px;
}

/* line 427, ../sass/style.scss */
.form-group {
  padding: 5px 10px 0 0;
  display: flex;
  align-items: center;
  font-family: Tahoma, Geneva, Verdana, sans-serif;
  font-size: 19px;
  font-weight: bold;
  color: #f0d69f;
}
/* line 435, ../sass/style.scss */
.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=password] {
  font-size: 19px;
  font-weight: normal;
  padding: 0 10px;
  width: 250px;
  height: 44px;
  background: #FFFFFF;
  border: 1px solid #d5cab0;
  border-radius: 10px;
  margin-left: 0;
}
/* line 451, ../sass/style.scss */
.form-group label {
  width: calc(100% - 255px - 30px);
  text-align: right;
  text-shadow: 2px 2px 0 #12215f, 2px -2px 0 #12215f, -2px 2px 0 #12215f, -2px -2px 0 #12215f, 2px 0px 0 #12215f, 0px 2px 0 #12215f, -2px 0px 0 #12215f, 0px -2px 0 #12215f;
}

/* line 457, ../sass/style.scss */
.form-container {
  margin: 0 0 0 50px;
}

/* line 461, ../sass/style.scss */
.group-btn {
  margin-top: auto;
  display: flex;
  justify-content: center;
  margin-bottom: 2px;
}

/* line 468, ../sass/style.scss */
.bt-submit {
  background-position: 0 -447px;
  height: 106px;
  width: 146px;
}
/* line 470, ../sass/style.scss */
.bt-submit:hover {
  filter: brightness(1.2);
}

/* line 476, ../sass/style.scss */
.bt-close {
  background-position: 0 -139px;
  height: 70px;
  width: 250px;
}
/* line 478, ../sass/style.scss */
.bt-close:hover {
  background-position: 0 -69px;
  height: 70px;
  width: 250px;
}

/* line 483, ../sass/style.scss */
.bt-nhanma {
  background-position: 0 -407px;
  height: 40px;
  width: 123px;
}
/* line 485, ../sass/style.scss */
.bt-nhanma:hover {
  filter: brightness(120%);
}

@media screen and (max-width: 1025px) {
  /* line 490, ../sass/style.scss */
  .popup-container .pm__login-module,
  .popup-container .pm__profileinfo-module,
  .popup-container .pm__appstore-module {
    background: url(../images/popup-register-mb.jpg) no-repeat;
  }
}

/*# sourceMappingURL=style.css.map */