html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.sprites-sprite, .sprites-btn-chitiet-hov, .sprites-btn-chitiet-nor, .sprites-carousel-next-hov, .sprites-carousel-next-nor, .sprites-carousel-next-off, .sprites-carousel-prev-hov, .sprites-carousel-prev-nor, .sprites-carousel-prev-off, .sprites-dot-hov, .sprites-dot-nor, .sprites-left-1-hov, .sprites-left-1-nor, .sprites-left-1-off, .sprites-left-2-hov, .sprites-left-2-nor, .sprites-left-2-off, .sprites-left-3-hov, .sprites-left-3-nor, .sprites-left-3-off, .sprites-left-4-hov, .sprites-left-4-nor, .sprites-left-4-off, .sprites-left-5-hov, .sprites-left-5-nor, .sprites-left-5-off, .sprites-left-6-hov, .sprites-left-6-nor, .sprites-left-6-off, .sprites-nav-1-hov, .sprites-nav-1-nor, .sprites-nav-1-off, .sprites-nav-2-hov, .sprites-nav-2-nor, .sprites-nav-2-off, .sprites-nav-3-hov, .sprites-nav-3-nor, .sprites-nav-3-off, .sprites-nav-4-hov, .sprites-nav-4-nor, .sprites-nav-4-off, .sprites-nav-5-hov, .sprites-nav-5-nor, .sprites-nav-5-off, .content .slider .owl-carousel .owl-nav .owl-prev, .content .slider .owl-carousel .owl-nav .owl-prev.active, .content .slider .owl-carousel .owl-nav .owl-prev:hover, .content .slider .owl-carousel .owl-nav .owl-prev.off, .content .slider .owl-carousel .owl-nav .owl-next, .content .slider .owl-carousel .owl-nav .owl-next.active, .content .slider .owl-carousel .owl-nav .owl-next:hover, .content .slider .owl-carousel .owl-nav .owl-next.off, .content .slider .owl-carousel .owl-dots .owl-dot, .content .slider .owl-carousel .owl-dots .owl-dot.active, .content .slider .owl-carousel .owl-dots .owl-dot:hover, .content .detail .btn-detail, .content .detail .btn-detail.active, .content .detail .btn-detail:hover, .navbar ul li a.nav-1, .navbar ul li a.nav-1.active, .navbar ul li a.nav-1:hover, .navbar ul li a.nav-1.off, .navbar ul li a.nav-2, .navbar ul li a.nav-2.active, .navbar ul li a.nav-2:hover, .navbar ul li a.nav-2.off, .navbar ul li a.nav-3, .navbar ul li a.nav-3.active, .navbar ul li a.nav-3:hover, .navbar ul li a.nav-3.off, .navbar ul li a.nav-4, .navbar ul li a.nav-4.active, .navbar ul li a.nav-4:hover, .navbar ul li a.nav-4.off, .navbar ul li a.nav-5, .navbar ul li a.nav-5.active, .navbar ul li a.nav-5:hover, .navbar ul li a.nav-5.off, .navleft ul li a.left-1, .navleft ul li a.left-1.active, .navleft ul li a.left-1:hover, .navleft ul li a.left-1.off, .navleft ul li a.left-2, .navleft ul li a.left-2.active, .navleft ul li a.left-2:hover, .navleft ul li a.left-2.off, .navleft ul li a.left-3, .navleft ul li a.left-3.active, .navleft ul li a.left-3:hover, .navleft ul li a.left-3.off, .navleft ul li a.left-4, .navleft ul li a.left-4.active, .navleft ul li a.left-4:hover, .navleft ul li a.left-4.off, .navleft ul li a.left-5, .navleft ul li a.left-5.active, .navleft ul li a.left-5:hover, .navleft ul li a.left-5.off, .navleft ul li a.left-6, .navleft ul li a.left-6.active, .navleft ul li a.left-6:hover, .navleft ul li a.left-6.off {
  background-image: url('../images/sprites-s632149f0a9.png');
  background-repeat: no-repeat;
}

.sprites-btn-chitiet-hov {
  background-position: 0 0;
  height: 60px;
  width: 219px;
}

.sprites-btn-chitiet-nor {
  background-position: 0 -60px;
  height: 60px;
  width: 219px;
}

.sprites-carousel-next-hov {
  background-position: 0 -120px;
  height: 49px;
  width: 32px;
}

.sprites-carousel-next-nor {
  background-position: 0 -169px;
  height: 49px;
  width: 32px;
}

.sprites-carousel-next-off {
  background-position: 0 -218px;
  height: 49px;
  width: 32px;
}

.sprites-carousel-prev-hov {
  background-position: 0 -267px;
  height: 49px;
  width: 32px;
}

.sprites-carousel-prev-nor {
  background-position: 0 -316px;
  height: 49px;
  width: 32px;
}

.sprites-carousel-prev-off {
  background-position: 0 -365px;
  height: 49px;
  width: 32px;
}

.sprites-dot-hov {
  background-position: 0 -414px;
  height: 16px;
  width: 16px;
}

.sprites-dot-nor {
  background-position: 0 -430px;
  height: 16px;
  width: 16px;
}

.sprites-left-1-hov {
  background-position: 0 -446px;
  height: 49px;
  width: 41px;
}

.sprites-left-1-nor {
  background-position: 0 -495px;
  height: 49px;
  width: 41px;
}

.sprites-left-1-off {
  background-position: 0 -544px;
  height: 49px;
  width: 41px;
}

.sprites-left-2-hov {
  background-position: 0 -593px;
  height: 48px;
  width: 41px;
}

.sprites-left-2-nor {
  background-position: 0 -641px;
  height: 48px;
  width: 41px;
}

.sprites-left-2-off {
  background-position: 0 -689px;
  height: 48px;
  width: 41px;
}

.sprites-left-3-hov {
  background-position: 0 -737px;
  height: 49px;
  width: 41px;
}

.sprites-left-3-nor {
  background-position: 0 -786px;
  height: 49px;
  width: 41px;
}

.sprites-left-3-off {
  background-position: 0 -835px;
  height: 49px;
  width: 41px;
}

.sprites-left-4-hov {
  background-position: 0 -884px;
  height: 48px;
  width: 41px;
}

.sprites-left-4-nor {
  background-position: 0 -932px;
  height: 48px;
  width: 41px;
}

.sprites-left-4-off {
  background-position: 0 -980px;
  height: 48px;
  width: 41px;
}

.sprites-left-5-hov {
  background-position: 0 -1028px;
  height: 49px;
  width: 41px;
}

.sprites-left-5-nor {
  background-position: 0 -1077px;
  height: 49px;
  width: 41px;
}

.sprites-left-5-off {
  background-position: 0 -1126px;
  height: 49px;
  width: 41px;
}

.sprites-left-6-hov {
  background-position: 0 -1175px;
  height: 48px;
  width: 41px;
}

.sprites-left-6-nor {
  background-position: 0 -1223px;
  height: 48px;
  width: 41px;
}

.sprites-left-6-off {
  background-position: 0 -1271px;
  height: 48px;
  width: 41px;
}

.sprites-nav-1-hov {
  background-position: 0 -1319px;
  height: 114px;
  width: 200px;
}

.sprites-nav-1-nor {
  background-position: 0 -1433px;
  height: 114px;
  width: 200px;
}

.sprites-nav-1-off {
  background-position: 0 -1547px;
  height: 114px;
  width: 200px;
}

.sprites-nav-2-hov {
  background-position: 0 -1661px;
  height: 114px;
  width: 200px;
}

.sprites-nav-2-nor {
  background-position: 0 -1775px;
  height: 114px;
  width: 200px;
}

.sprites-nav-2-off {
  background-position: 0 -1889px;
  height: 114px;
  width: 200px;
}

.sprites-nav-3-hov {
  background-position: 0 -2003px;
  height: 114px;
  width: 200px;
}

.sprites-nav-3-nor {
  background-position: 0 -2117px;
  height: 114px;
  width: 200px;
}

.sprites-nav-3-off {
  background-position: 0 -2231px;
  height: 114px;
  width: 200px;
}

.sprites-nav-4-hov {
  background-position: 0 -2345px;
  height: 114px;
  width: 200px;
}

.sprites-nav-4-nor {
  background-position: 0 -2459px;
  height: 114px;
  width: 200px;
}

.sprites-nav-4-off {
  background-position: 0 -2573px;
  height: 114px;
  width: 200px;
}

.sprites-nav-5-hov {
  background-position: 0 -2687px;
  height: 114px;
  width: 200px;
}

.sprites-nav-5-nor {
  background-position: 0 -2801px;
  height: 114px;
  width: 200px;
}

.sprites-nav-5-off {
  background-position: 0 -2915px;
  height: 114px;
  width: 200px;
}

* {
  transform-origin: 0 0;
}

body {
  overflow-x: hidden;
  margin: 0px 0 0 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  font-family: myFirstFont, Arial;
}

.landing-wrapper {
  width: 2000px;
}
.landing-wrapper .off {
  display: none !important;
}
.landing-wrapper .frame-1-container {
  display: block;
  width: 2000px;
  height: 1000px;
  margin: 0 auto;
  background: url(../images/f1.jpg) no-repeat center top;
  background-size: auto 100%;
}
.landing-wrapper .frame-1-container video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  top: 0;
  left: -50%;
}
.landing-wrapper .frame-1-container .page-header {
  display: block;
  width: 250px;
  height: 160px;
  position: relative;
  left: 50%;
  margin-left: -175px;
  padding-top: 10px;
}
.landing-wrapper .frame-1-container .page-header .header-logo {
  text-indent: -9999px;
  display: block;
  height: 132px;
  background: url(../images/logo.png) no-repeat center center;
}
.landing-wrapper .frame-1-container .page-header .header-link {
  margin: 0 auto;
  padding: 0 0;
  width: 300px;
  height: 24px;
}
.landing-wrapper .frame-1-container .page-header .header-link li {
  display: block;
  float: left;
  font-family: "Tahoma";
  color: #935c26;
}
.landing-wrapper .frame-1-container .page-header .header-link li a {
  display: inline-block;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 0px;
  color: #935c26;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
  padding: 10px 5px;
  margin-right: 10px;
}
.landing-wrapper .frame-1-container .page-header .header-link li a.active, .landing-wrapper .frame-1-container .page-header .header-link li a:hover {
  color: #d31e25;
}
.landing-wrapper .frame-1-container .page-header .header-link li:after {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  content: " ";
}
.landing-wrapper .frame-1-container .page-header .header-link li:last-child:after {
  content: "";
}
.landing-wrapper .frame-2-container {
  display: block;
  width: 2000px;
  height: 1000px;
  margin: 0 auto;
  background: url(../images/f2.jpg) no-repeat center top;
  background-size: auto 100%;
}
.landing-wrapper .frame-3-container {
  display: block;
  width: 2000px;
  height: 1000px;
  margin: 0 auto;
  background: url(../images/f3.jpg) no-repeat center top;
  background-size: auto 100%;
}
.landing-wrapper .frame-4-container {
  display: block;
  width: 2000px;
  height: 1000px;
  margin: 0 auto;
  background: url(../images/f4.jpg) no-repeat center top;
  background-size: auto 100%;
}
.landing-wrapper .frame-5-container {
  display: block;
  width: 2000px;
  height: 1000px;
  margin: 0 auto;
  background: url(../images/f5.jpg) no-repeat center top;
  background-size: auto 100%;
}
.landing-wrapper .frame-6-container {
  display: block;
  width: 2000px;
  height: 1000px;
  margin: 0 auto;
  background: url(../images/f6.jpg) no-repeat center top;
  background-size: auto 100%;
  clear: right;
}

.container {
  width: 100vw;
  height: 100vh;
}

.content {
  display: block;
  width: 100%;
  height: 554px;
  overflow: hidden;
}
.content .slider {
  display: block;
  width: 814px;
  height: 554px;
  margin: 0 auto;
  position: relative;
}
.content .slider .owl-carousel {
  width: 688px;
  height: 440px;
  padding-top: 53px;
  padding-left: 82px;
  display: block;
  position: static;
}
.content .slider .owl-carousel .item {
  display: block;
  height: 440px;
  width: 688px;
}
.content .slider .owl-carousel .owl-nav {
  position: absolute;
  z-index: 500;
}
.content .slider .owl-carousel .owl-nav .owl-prev {
  background-color: transparent;
  text-indent: -9999px;
  background-position: 0 -316px;
  height: 49px;
  width: 32px;
  position: relative;
  top: -270px;
  left: -5px;
}
.content .slider .owl-carousel .owl-nav .owl-prev.active, .content .slider .owl-carousel .owl-nav .owl-prev:hover {
  background-position: 0 -267px;
  height: 49px;
  width: 32px;
}
.content .slider .owl-carousel .owl-nav .owl-prev.off {
  cursor: not-allowed;
  background-position: 0 -365px;
  height: 49px;
  width: 32px;
}
.content .slider .owl-carousel .owl-nav .owl-prev:focus {
  outline: none;
}
.content .slider .owl-carousel .owl-nav .owl-next {
  background-color: transparent;
  text-indent: -9999px;
  background-position: 0 -169px;
  height: 49px;
  width: 32px;
  position: relative;
  top: -270px;
  left: 610px;
}
.content .slider .owl-carousel .owl-nav .owl-next.active, .content .slider .owl-carousel .owl-nav .owl-next:hover {
  background-position: 0 -120px;
  height: 49px;
  width: 32px;
}
.content .slider .owl-carousel .owl-nav .owl-next.off {
  cursor: not-allowed;
  background-position: 0 -218px;
  height: 49px;
  width: 32px;
}
.content .slider .owl-carousel .owl-nav .owl-next:focus {
  outline: none;
}
.content .slider .owl-carousel .owl-dots {
  position: absolute;
  top: 471px;
  left: 371px;
  z-index: 500;
}
.content .slider .owl-carousel .owl-dots .owl-dot {
  margin: 0 10px;
  background-color: transparent;
  text-indent: -9999px;
  background-position: 0 -430px;
  height: 16px;
  width: 16px;
}
.content .slider .owl-carousel .owl-dots .owl-dot.active, .content .slider .owl-carousel .owl-dots .owl-dot:hover {
  background-position: 0 -414px;
  height: 16px;
  width: 16px;
}
.content .slider .owl-carousel .owl-dots .owl-dot span {
  display: none;
}
.content .slider .owl-carousel .owl-dots .owl-dot:focus {
  outline: none;
}
.content .frame {
  display: block;
  width: 814px;
  height: 554px;
  margin: 0 auto;
  position: relative;
  top: -554px;
  top: -490px;
  background: url(../images/image-frame.png);
}
.content .detail {
  top: -340px;
  display: block;
  position: relative;
  width: 100%;
}
.content .detail .space {
  height: 120px;
  display: block;
  margin: 0 auto;
}
.content .detail .btn-detail {
  display: block;
  text-indent: -9999px;
  margin: 0px auto;
  margin-top: 30px;
  background-position: 0 -60px;
  height: 60px;
  width: 219px;
}
.content .detail .btn-detail.active, .content .detail .btn-detail:hover {
  background-position: 0 0;
  height: 60px;
  width: 219px;
}

.navbar {
  display: block;
  width: 2000px;
  height: 137px;
  background-image: url(../images/nav-bg.png);
  position: absolute;
  top: 863px;
  left: 0;
  z-index: 999;
}
.navbar ul {
  margin: 0 auto;
  padding: 0 0;
  width: 1000px;
  height: 137px;
}
.navbar ul li {
  display: block;
  float: left;
  padding-top: 23px;
}
.navbar ul li a {
  display: block;
  width: 200px;
  height: 114px;
}
.navbar ul li a.nav-1 {
  text-indent: -9999px;
  background-position: 0 -1433px;
  height: 114px;
  width: 200px;
}
.navbar ul li a.nav-1.active, .navbar ul li a.nav-1:hover {
  background-position: 0 -1319px;
  height: 114px;
  width: 200px;
}
.navbar ul li a.nav-1.off {
  background-position: 0 -1547px;
  height: 114px;
  width: 200px;
  cursor: not-allowed;
  pointer-events: none;
}
.navbar ul li a.nav-2 {
  text-indent: -9999px;
  background-position: 0 -1775px;
  height: 114px;
  width: 200px;
}
.navbar ul li a.nav-2.active, .navbar ul li a.nav-2:hover {
  background-position: 0 -1661px;
  height: 114px;
  width: 200px;
}
.navbar ul li a.nav-2.off {
  background-position: 0 -1889px;
  height: 114px;
  width: 200px;
  cursor: not-allowed;
  pointer-events: none;
}
.navbar ul li a.nav-3 {
  text-indent: -9999px;
  background-position: 0 -2117px;
  height: 114px;
  width: 200px;
}
.navbar ul li a.nav-3.active, .navbar ul li a.nav-3:hover {
  background-position: 0 -2003px;
  height: 114px;
  width: 200px;
}
.navbar ul li a.nav-3.off {
  background-position: 0 -2231px;
  height: 114px;
  width: 200px;
  cursor: not-allowed;
  pointer-events: none;
}
.navbar ul li a.nav-4 {
  text-indent: -9999px;
  background-position: 0 -2459px;
  height: 114px;
  width: 200px;
}
.navbar ul li a.nav-4.active, .navbar ul li a.nav-4:hover {
  background-position: 0 -2345px;
  height: 114px;
  width: 200px;
}
.navbar ul li a.nav-4.off {
  background-position: 0 -2573px;
  height: 114px;
  width: 200px;
  cursor: not-allowed;
  pointer-events: none;
}
.navbar ul li a.nav-5 {
  text-indent: -9999px;
  background-position: 0 -2801px;
  height: 114px;
  width: 200px;
}
.navbar ul li a.nav-5.active, .navbar ul li a.nav-5:hover {
  background-position: 0 -2687px;
  height: 114px;
  width: 200px;
}
.navbar ul li a.nav-5.off {
  background-position: 0 -2915px;
  height: 114px;
  width: 200px;
  cursor: not-allowed;
  pointer-events: none;
}
.navbar.navbar-fixed {
  background-position: 0 137px;
  position: fixed;
  top: 0px !important;
  left: 0px;
}
.navbar.navbar-fixed ul li {
  padding-top: 0px;
}
.navbar.navbar-fixed-bottom {
  background-position: 0 0;
  position: fixed;
  left: 0px;
}
.navbar.navbar-fixed-bottom ul li {
  padding-top: 23px;
}

.navleft {
  display: block;
  width: 41px;
  height: 291px;
  position: fixed;
  z-index: 999;
  top: 309px;
  right: 46px;
}
.navleft ul {
  margin: 0 auto;
  padding: 0 0;
  width: 41px;
  height: 291px;
}
.navleft ul li {
  display: block;
}
.navleft ul li a {
  display: block;
  width: 41px;
  height: 291px/6;
}
.navleft ul li a.left-1 {
  text-indent: -9999px;
  background-position: 0 -495px;
  height: 49px;
  width: 41px;
}
.navleft ul li a.left-1.active, .navleft ul li a.left-1:hover {
  background-position: 0 -446px;
  height: 49px;
  width: 41px;
}
.navleft ul li a.left-1.off {
  background-position: 0 -544px;
  height: 49px;
  width: 41px;
  cursor: not-allowed;
  pointer-events: none;
}
.navleft ul li a.left-2 {
  text-indent: -9999px;
  background-position: 0 -641px;
  height: 48px;
  width: 41px;
}
.navleft ul li a.left-2.active, .navleft ul li a.left-2:hover {
  background-position: 0 -593px;
  height: 48px;
  width: 41px;
}
.navleft ul li a.left-2.off {
  background-position: 0 -689px;
  height: 48px;
  width: 41px;
  cursor: not-allowed;
  pointer-events: none;
}
.navleft ul li a.left-3 {
  text-indent: -9999px;
  background-position: 0 -786px;
  height: 49px;
  width: 41px;
}
.navleft ul li a.left-3.active, .navleft ul li a.left-3:hover {
  background-position: 0 -737px;
  height: 49px;
  width: 41px;
}
.navleft ul li a.left-3.off {
  background-position: 0 -835px;
  height: 49px;
  width: 41px;
  cursor: not-allowed;
  pointer-events: none;
}
.navleft ul li a.left-4 {
  text-indent: -9999px;
  background-position: 0 -932px;
  height: 48px;
  width: 41px;
}
.navleft ul li a.left-4.active, .navleft ul li a.left-4:hover {
  background-position: 0 -884px;
  height: 48px;
  width: 41px;
}
.navleft ul li a.left-4.off {
  background-position: 0 -980px;
  height: 48px;
  width: 41px;
  cursor: not-allowed;
  pointer-events: none;
}
.navleft ul li a.left-5 {
  text-indent: -9999px;
  background-position: 0 -1077px;
  height: 49px;
  width: 41px;
}
.navleft ul li a.left-5.active, .navleft ul li a.left-5:hover {
  background-position: 0 -1028px;
  height: 49px;
  width: 41px;
}
.navleft ul li a.left-5.off {
  background-position: 0 -1126px;
  height: 49px;
  width: 41px;
  cursor: not-allowed;
  pointer-events: none;
}
.navleft ul li a.left-6 {
  text-indent: -9999px;
  background-position: 0 -1223px;
  height: 48px;
  width: 41px;
}
.navleft ul li a.left-6.active, .navleft ul li a.left-6:hover {
  background-position: 0 -1175px;
  height: 48px;
  width: 41px;
}
.navleft ul li a.left-6.off {
  background-position: 0 -1271px;
  height: 48px;
  width: 41px;
  cursor: not-allowed;
  pointer-events: none;
}