@charset "UTF-8";
@font-face {
  font-family: "UTMSwiss";
  src: url("fonts/UTMSwissCondensedBold.ttf");
}
@font-face {
  font-family: "UTMAndrogyne";
  src: url("fonts/UTMAndrogyne.ttf");
}
@font-face {
  font-family: "UTMBeautifulCaps";
  src: url("fonts/UTMBeautifulCaps.ttf");
}
@font-face {
  font-family: "AvenirNext";
  src: url("fonts/AvenirNext-DemiBold.ttf");
}
@font-face {
  font-family: "AvenirNextRegular";
  src: url("fonts/AvenirNext-Regular.ttf");
}
@font-face {
  font-family: "AvenirNext";
  font-weight: bold;
  src: url("fonts/AvenirNext-Bold.ttf");
}
@font-face {
  font-family: "UTMPenumbraBold";
  src: url("fonts/UTMPenumbraBold.ttf");
}
@font-face {
  font-family: "UTMNeutra";
  src: url("fonts/UTMNeutra.ttf");
}
@font-face {
  font-family: "UTMAvo";
  src: url("fonts/UTMAvoBold.ttf");
}
@font-face {
  font-family: "UTMAvoRegular";
  src: url("fonts/UTMAvo.ttf");
}
@font-face {
  font-family: "UTMYenTu";
  src: url("fonts/UTMYenTu.ttf");
}
@font-face {
  font-family: "UTMLinotypeZapfinoKT";
  src: url("fonts/UTMLinotypeZapfinoKT.ttf");
}
@font-face {
  font-family: "UTMNokiaStandardB";
  src: url("fonts/UTMNokiaStandardB.ttf");
}
@font-face {
  font-family: "UTMTimes";
  src: url("fonts/UTMTimes.ttf");
}
@font-face {
  font-family: "UTMTimesBold";
  src: url("fonts/UTMTimesBold.ttf");
}
@font-face {
  font-family: "UTMNeoSansIntel";
  src: url("fonts/UTMNeoSansIntel-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/UTMNeoSansIntel-Italic.woff2") format("woff2"), url("fonts/UTMNeoSansIntel-Italic.woff") format("woff"), url("fonts/UTMNeoSansIntel-Italic.ttf") format("truetype"), url("fonts/UTMNeoSansIntel-Italic.svg#UTMNeoSansIntel-Italic") format("svg");
}
@font-face {
  font-family: "UTMNeoSansIntel";
  src: url("fonts/UTMNeoSansIntel-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/UTMNeoSansIntel-BoldItalic.woff2") format("woff2"), url("fonts/UTMNeoSansIntel-BoldItalic.woff") format("woff"), url("fonts/UTMNeoSansIntel-BoldItalic.ttf") format("truetype"), url("fonts/UTMNeoSansIntel-BoldItalic.svg#UTMNeoSansIntel-BoldItalic") format("svg");
  font-weight: bold;
}
@font-face {
  font-family: "UTMNetmucKT";
  src: url("fonts/UTMNetmucKT.ttf");
}
html {
  overflow-x: hidden;
}

body {
  background-repeat: repeat;
  font-size: 13px;
  line-height: 1.6;
  font-family: "Roboto", "sans-serif";
  color: #000;
  font-weight: normal;
  overflow-x: hidden;
}

table {
  width: 100%;
  display: block;
  max-width: 100%;
  height: auto !important;
  margin: auto !important;
}
table tbody {
  width: 100%;
  display: table;
}

a {
  color: #000;
  text-decoration: none !important;
  transition: all 0.6s ease-out;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
}
a:visited {
  color: #000;
  text-decoration: none !important;
  transition: all 0.6s ease-out;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
}
a:hover, a:active {
  color: #0152a8;
  outline: none;
  text-decoration: none;
}
a.flash {
  position: relative;
}
a.flash img {
  transition: all 0.6s ease-out;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
}
a.flash:hover::before {
  right: 50%;
  left: 50%;
  width: 0;
  background: rgba(255, 255, 255, 0.3);
}
a.flash:hover::after {
  height: 0;
  top: 50%;
  bottom: 50%;
  background: rgba(255, 255, 255, 0.3);
}
a.flash:hover img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
}
a.flash::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
a.flash::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.owl-theme {
  position: relative;
}
.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 20px;
  padding: 4px;
  background: transparent;
  color: #009436;
  font-weight: bold;
  font-size: 25px;
}
.owl-theme .owl-prev {
  left: -100px;
}
.owl-theme .owl-next {
  right: -60px;
}

@media (min-width: 768px) {
  .container {
    width: 760px;
  }

  #slide .slide-container {
    padding-right: 10px;
  }
  #slide .banner-img {
    padding-left: 6px;
  }
  #slide .banner-bottom > div:first-child {
    padding-right: 8px;
  }
  #slide .banner-bottom > div:last-child {
    padding-left: 8px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 980px;
  }

  .logotop {
    padding: 0 0;
    z-index: 10;
  }
  .logotop.index {
    background-color: #fff;
    max-height: 100px;
  }
  .logotop.fixedtop {
    padding: 0;
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    box-shadow: 2px 2px 20px -15px #000;
  }
  .logotop.fixedtop .container {
    padding-top: 0;
    padding-bottom: 0;
  }
  .logotop.fixedtop .logo-img .main-logo {
    display: inline-block;
    position: relative;
    box-shadow: none;
    border: none;
  }
  .logotop.fixedtop .logo-img img {
    max-width: none;
    padding: 0;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    display: inline-block;
  }
  .menubar {
    z-index: 100;
    right: 0;
    left: 0;
  }
  .menubar.fixedtop {
    position: fixed;
    top: 0;
    box-shadow: 1px 2px 10px #929292;
  }
  .menubar.fixedtop #main-navbar .navbar-nav {
    margin-top: 0;
  }
  .menubar .navbar {
    background-color: transparent;
    position: static;
  }
  .menubar .container-fluid {
    padding: 0;
  }
  .menubar #main-navbar {
    padding: 0 0;
    position: relative;
    text-align: center;
  }
  .menubar #main-navbar .navbar-nav {
    float: none;
    text-align: right;
    color: #fff;
  }
  .menubar #main-navbar .navbar-right {
    margin-left: 5px;
    margin-right: 0;
  }
  .menubar #main-navbar .navbar-menu {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0 15px;
  }
  .menubar #main-navbar > ul > li {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    float: none;
  }
  .menubar #main-navbar > ul > li i.fa {
    display: none;
  }
  .menubar #main-navbar > ul > li i.fa.fa-home {
    display: block;
    color: #000;
    float: none;
    position: static;
  }
  .menubar #main-navbar > ul > li:hover > ul {
    display: block;
    animation-duration: 0.3s;
  }
  .menubar #main-navbar > ul > li:hover > a {
    background-color: #ee5c31;
    color: #fff;
  }
  .menubar #main-navbar > ul > li > a {
    line-height: 64px;
    padding: 10px 10px;
    position: relative;
    text-transform: uppercase;
    color: #000;
    transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
  }
  .menubar #main-navbar > ul > li > a > span {
    position: relative;
    z-index: 9;
  }
  .menubar #main-navbar > ul > li.searchbutton:hover {
    background-color: transparent;
  }
  .menubar #main-navbar > ul > li.active > a::after {
    display: block;
    content: "";
    width: 100%;
    height: 13px;
    margin: 5px auto;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    position: absolute;
    left: 0;
  }
  .menubar #main-navbar li a {
    padding: 18px 15px 10px;
  }
  .menubar #main-navbar ul.dropdown-menu > li > ul {
    left: 100%;
    top: 0;
  }
  .menubar #main-navbar ul.dropdown-menu > li:hover > ul {
    display: block;
  }
  .menubar #main-navbar::after {
    clear: both;
    content: "";
    display: block;
  }
  .menubar .navbar-container {
    position: static;
  }

  .topbar {
    z-index: 100;
  }

  #introshop .boxcontainer {
    margin: 0 -30px 10px;
  }
  #introshop .boxsquare {
    width: 33%;
    padding: 0 15px;
  }
  #introshop .intro-content {
    height: 110px;
    overflow: hidden;
  }

  #newshome .item-first {
    width: 50%;
    float: left;
    border: 1px solid #e1e1e1;
  }
  #newshome .item-first .news-box {
    margin-right: 0;
    margin-left: 290px;
    padding: 35px 15px 35px 0;
  }
  #newshome .news-boxright {
    float: left;
    width: 25%;
    padding-left: 20px;
  }
  #newshome .news-boxcenter .item-news {
    border: 1px solid #e1e1e1;
    height: 148px;
  }
  #newshome .news-boxcenter .item-news .img-box {
    height: 147px;
    width: 90px;
  }
  #newshome .news-boxcenter .news-box {
    margin-left: 100px;
    padding-right: 5px;
  }
  #newshome .news-boxcenter .description {
    font-size: 13px;
  }
  #newshome .item-news.item-first .img-box {
    float: left;
    width: 265px;
    height: 310px;
  }
  #newshome .item-news2 .img-box {
    float: left;
    width: 125px;
    height: 125px;
  }

  #newshome2 .item-first {
    width: 50%;
    float: left;
    border: 1px solid #e1e1e1;
    width: 65%;
  }
  #newshome2 .news-boxright {
    float: left;
    width: 25%;
    padding-left: 20px;
    width: 35%;
  }
  #newshome2 .second-box {
    margin-right: 0;
    margin-left: 290px;
    padding: 35px 15px 35px 0;
    padding: 0;
  }
  #newshome2 .first-news {
    float: left;
    width: 265px;
  }
  #newshome2 .first-news img {
    width: 100%;
  }

  #contactshop .row > div {
    position: relative;
  }
  #contactshop .row > div::after {
    display: none;
    content: "";
    display: block;
    top: 30px;
    height: 120px;
    position: absolute;
  }
  #intropage .service-content .nav-tabs .icon {
    height: 32px;
  }
  #intropage .service-content .nav-tabs li a {
    padding: 10px 15px;
    line-height: 43px;
  }
  #intropage .service-content .nav > li {
    display: block;
    float: none;
  }
  #intropage #product-carousel img {
    max-height: 180px;
  }
  #intropage .action-content .nav-tabs li {
    width: 20%;
    font-size: 16px;
  }
  #intropage .action-content .nav-tabs li a {
    padding: 10px 15px;
    font-size: 13px;
    letter-spacing: -0.5px;
    line-height: 44px;
  }
  #intropage .action-content .nav-tabs .icon {
    height: 45px;
  }

  #projectus .title-info .description {
    width: 60%;
    margin: 0 auto;
  }

  #material .row-items {
    background-repeat: no-repeat;
    background-size: 45% auto;
    background-position: right center;
    padding-left: 0;
    padding-right: 50%;
    margin: 40px 0;
  }

  .main .homeproduct .cat-show {
    padding: 30px 0 80px;
    position: relative;
  }
  .main .homeproduct .cat-show .image-show {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
  }
  .main .homeproduct .cat-show .image-show img {
    height: 100%;
  }
  .main .homeproduct .cat-show .description {
    min-height: 200px;
    width: 80%;
  }
  .main .homeproduct .cat-show:nth-child(2n+1) .image-show {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 50%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }

  .logotop .logo-img {
    position: relative;
    padding: 6px 0;
  }
  .logotop .logo-img a.main-logo {
    z-index: 100;
    display: block;
    float: left;
  }
  .logotop .site-heading {
    margin-top: 6px;
  }
  .logotop .heading-title {
    margin-left: -105px;
  }
}
header {
  position: relative;
}

.topbar {
  font-size: 13px;
  overflow: hidden;
  padding: 5px 0 0;
  background-color: #ee5c31;
  color: #fff;
}
.topbar .welcome-msg {
  font-size: 14px;
  line-height: 25px;
}
.topbar .searchbar {
  text-align: center;
}
.topbar .searchbar form {
  display: inline-block;
}
.topbar .searchbar .input-group {
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #fff;
  max-width: 200px;
}
.topbar .searchbar button {
  background-color: transparent;
  border: none;
  color: #fff;
  box-shadow: none;
  padding: 2px 10px;
  height: 25px;
  padding: 2px 10px;
}
.topbar .searchbar input {
  background-color: transparent;
  border: none;
  color: #fff;
  box-shadow: none;
  padding: 2px 10px;
  height: 25px;
}
.topbar .searchbar ::placeholder {
  color: #fff;
  opacity: 1;
}
.topbar .searchbar :-ms-input-placeholder {
  color: #fff;
}
.topbar .searchbar ::-ms-input-placeholder {
  color: #fff;
}
.topbar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.topbar ul li {
  display: inline-block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: 0 25px 0 0;
}
.topbar ul li a {
  display: inline-block;
  color: #fff;
  line-height: 22px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  overflow: hidden;
  text-align: center;
  opacity: 1;
}
.topbar ul li i.fa {
  font-size: 14px;
  margin-right: 6px;
  text-align: center;
}
.topbar ul li i.fa-search {
  font-size: 16px;
  margin-right: 0;
}
.topbar ul li.strong {
  font-size: 14px;
}
.topbar ul li.strong a {
  font-weight: 500;
}
.topbar ul li.searchbar {
  position: relative;
}
.topbar ul li.searchbar .search-bar {
  position: relative;
  top: -5px;
  padding: 0;
  margin: 0;
  width: 0;
  display: inline-block;
  overflow: hidden;
  transition: all 0.3s;
}
.topbar ul li.searchbar .search-bar.showit {
  width: 200px;
  padding: 0 6px;
}
.topbar ul li.searchbar input {
  width: 200px;
  height: 32px;
}
.topbar ul li.searchbar .input-group-btn {
  display: none;
}
.topbar ul li.searchbar a:active + .search-bar {
  display: block;
}
.topbar ul.language {
  display: inline-block;
}
.topbar ul.language li {
  margin: 0 5px 0 0;
}
.topbar .phone-contact {
  text-align: right;
  font-size: 12px;
  color: #000;
  padding-top: 5px;
}
.topbar .phone-contact a {
  color: #000;
  opacity: 1;
  line-height: 1;
  text-transform: none;
}
.topbar .phone-contact li {
  margin-left: 25px;
}
.topbar.subPage ul li a {
  color: #000;
}

.language {
  font-size: 14px;
  position: relative;
  font-style: italic;
}
.language ul {
  list-style: none;
  display: inline;
  padding: 0;
}
.language ul li {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
}
.language ul li a {
  opacity: 1;
}
.language ul li:hover a {
  opacity: 1;
}
.language ul li.active a {
  opacity: 1;
}
.language img {
  height: 20px;
  vertical-align: middle;
}

@media (max-width: 991px) {
  .topbar {
    display: none;
    margin-bottom: 0;
    background-color: #7a2717;
  }
  .topbar ul li.searchbar {
    display: none;
  }

  #intro {
    padding: 10px 0;
  }

  .main ._box {
    width: 100%;
    margin-bottom: 5px;
  }
  .main ._box .box-title {
    margin-bottom: 5px;
    border-bottom: none;
  }
  .main ._box.active .box-title {
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 10px;
  }
  .main ._box.active .box-content {
    transition: all 2s ease-in;
    height: auto;
    overflow: auto;
    padding: 0;
  }
  .main ._box .banner img {
    width: 50%;
    float: left;
    padding: 10px;
  }
  .main .agent_box {
    display: none;
  }

  footer .col-title {
    font-size: 16px;
  }
  footer .bottombar {
    text-align: center;
  }

  .product-detail {
    margin-top: 15px;
  }
  .product-detail .button_book {
    text-align: center;
  }

  .menubar #main-navbar > ul > li::after {
    display: none;
  }
  .menubar #main-navbar > ul.navbar-nav > li > a {
    display: block;
    font-size: 14px;
    color: #fff;
    padding: 10px 20px;
  }
  .menubar #main-navbar > ul.navbar-nav .open a {
    background-color: transparent;
  }
  .menubar #main-navbar li.active {
    background-color: #0152a8;
    color: #fff;
  }
  .menubar #main-navbar li.active > a {
    background-color: #0152a8;
    color: #fff;
  }
  .menubar #main-navbar .dropdown-menu li a {
    padding: 8px 10px 8px 25px;
    display: block;
  }
  #newshome .item-first .title-info {
    padding: 0;
  }
}
.logotop {
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
.logotop .headertop {
  background-color: #0c0c0c;
  padding: 5px 0;
}
.logotop .logo-img img {
  display: inline;
  vertical-align: middle;
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
}
.logotop .logo-img .main-logo {
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
}
.logotop .banner-top {
  text-align: right;
}
.logotop .site-heading {
  color: #545454;
  display: inline-block;
  padding-left: 2px;
  margin-top: 7px;
}
.logotop .site-heading h1 {
  font-size: 18px;
  color: #c6c6c6;
  font-family: "UTMNeoSansIntel";
  font-weight: bold;
  margin: 8px 0;
}
.logotop .site-heading strong {
  font-size: 18px;
  color: #c6c6c6;
  font-family: "UTMNeoSansIntel";
  font-weight: bold;
  margin: 8px 0;
}
.logotop .site-heading .slogan {
  font-size: 14px;
  color: #c6c6c6;
  font-family: "UTMNeoSansIntel";
}
.logotop .search-bar {
  margin-top: 0;
  margin-bottom: 10px;
}
.logotop .hotline_text {
  color: #000;
  font-size: 13px;
  text-align: left;
  padding-top: 15px;
}
.logotop .hotline_text > div {
  min-width: 180px;
}
.logotop .hotline_text .header-address {
  max-width: 248px;
  line-height: 18px;
  text-align: left;
}
.logotop .hotline_text .header-address .heading-font {
  color: #000;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
}
.logotop .hotline_text .header-hotline {
  margin-left: 25px;
}
.logotop .hotline_text .header-hotline .icon-support {
  width: 36px;
  height: 36px;
  background: #f84f4f url("images/phone2.png") no-repeat scroll center center;
  border-radius: 50%;
  display: block;
  margin-right: 8px;
  float: left;
}
.logotop .hotline_text .header-hotline .heading-font {
  color: #000000;
  display: block;
  font-size: 14px;
  line-height: 16px;
}
.logotop .hotline_text .header-hotline a {
  font-size: 18px;
  color: #f84f4f;
  line-height: 18px;
  display: block;
}
.logotop .hotline_text .header-cart {
  margin-left: 35px;
}
.logotop .hotline_text .header-cart .icon-cart {
  width: 36px;
  height: 36px;
  background: #0152a8 url("images/cart2.png") no-repeat scroll center center;
  border-radius: 50%;
  display: block;
  float: left;
  margin-right: 8px;
}
.logotop .hotline_text .header-cart .heading-font {
  float: left;
}
.logotop .hotline_text .header-cart .cart-title {
  display: block;
  font-size: 18px;
  line-height: 18px;
  color: #0152a8;
}
.logotop .hotline_text .header-cart .cart-total {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  color: #000;
}
.logotop .hotline_text .header-social {
  margin-left: 35px;
}
.logotop .hotline_text .header-social ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.logotop .hotline_text .header-social ul li {
  float: left;
  margin-right: 15px;
}
.logotop .hotline_text .header-social ul li a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  background-color: #2f3234;
  color: #fff;
  text-indent: 1px;
}
.logotop .hotline_text .header-social ul li a:hover {
  background-color: #0152a8;
}
.logotop .link-top {
  padding-top: 30px;
  padding-right: 10px;
  padding-left: 5px;
  text-align: center;
}
.logotop .callus_box {
  background-image: url("images/hotline1.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  padding-left: 48px;
  font-size: 14px;
  line-height: 1.1;
  margin-top: 22px;
}
.logotop .callus_box strong {
  color: #222;
  font-size: 18px;
  font-weight: bold;
  margin-top: 3px;
  display: block;
}
.logotop .callus_box a {
  color: #222;
  font-size: 18px;
  font-weight: bold;
  margin-top: 3px;
  display: block;
}
.logotop .emailus_box {
  background-image: url("images/support.png");
}
.logotop .emailus_box a {
  font-size: 16px;
}
.logotop .language {
  background-color: transparent;
  color: #fff;
  margin: 0;
  padding: 5px 0;
  font-style: normal;
}

@media (max-width: 767px) {
  #serviceads {
    padding-top: 20px;
  }
  #serviceads .imgbox {
    margin-top: 20px;
    height: 150px;
  }
  #serviceads.eventpage .col-service {
    margin-top: 0;
  }
  #serviceads.eventpage .imgbox {
    margin-bottom: 20px;
  }
  #serviceads.eventpage .imgbox img {
    width: 100%;
  }

  #process .process-list {
    display: block;
  }
  #process .process-item {
    flex-grow: 0;
    align-self: auto;
    max-width: 100%;
    margin-bottom: 30px;
  }

  #step .step-list {
    flex-flow: row wrap;
  }
  #step .step-item {
    margin-bottom: 25px;
  }

  footer .social-network a {
    width: 30%;
    margin-right: 2%;
  }

  .product-detail .carousel {
    float: none;
  }
  .product-detail .image-product {
    width: 100%;
    float: none;
  }
  .product-detail .more-images {
    width: 100%;
    padding-left: 0;
    float: none;
    right: auto;
    position: relative;
  }
  .product-detail .more-images a.prev {
    display: none;
  }
  .product-detail .more-images a.next {
    display: none;
  }
  .product-detail .more-images .carousel a {
    display: inline-block;
    margin-bottom: 5px;
  }
  .product-detail ul.small_image li {
    width: 22%;
    margin-right: 3%;
    display: inline-block;
  }

  .list-news .image-thumb {
    width: 40%;
    margin-bottom: 5px;
  }
  .list-news .news-col {
    margin-left: 0;
  }
  .list-news h3 {
    font-size: 16px;
    line-height: 1.3;
    margin-left: 43%;
  }
  .list-news h3 a {
    font-size: 14px;
  }
  .list-news .info_news {
    clear: both;
    margin-top: 10px;
  }

  #material .col-icon {
    margin-bottom: 20px;
  }

  #customer .owl-carousel .owl-prev {
    left: -10px;
  }
  #customer .owl-carousel .owl-next {
    right: -10px;
  }

  #contactshop .row > div {
    padding-bottom: 20px;
  }

  #customerads .img-box {
    width: 150px;
    height: 150px;
  }

  #bottomhotline .buttonbottom {
    padding: 0;
  }
  #bottomhotline .buttonbottom a {
    padding: 5px 10px;
    margin-right: 10px;
  }
  #bottomhotline .buttonbottom a:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 1199px) {
  .logotop .site-heading {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0 15px;
  }
  .logotop .site-heading h1 {
    font-size: 20px;
    margin-top: 7px;
  }
  .logotop .site-heading .slogan {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .logotop {
    background-color: #009436;
  }
  .logotop .logobox {
    background-color: transparent;
  }
  .logotop .site-heading h1 {
    font-size: 17px;
  }
  .logotop .site-heading .slogan {
    font-size: 15px;
  }
  .logotop .logo-img {
    text-align: center;
  }
  .logotop .logo-img img {
    max-width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .logotop .site-heading h1 {
    font-size: 16px;
  }
  .logotop .site-heading .slogan {
    font-size: 14px;
  }
}
.menubar {
  transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
}
.menubar .search-bar {
  margin: 15px 0;
}
.menubar .search-bar button {
  height: 30px;
  width: 35px;
  padding: 4px 10px;
}
.menubar .search-bar input {
  height: 30px;
  padding-left: 7px;
  padding-top: 4px;
  padding-bottom: 3px;
}
.menubar .navbar-container {
  padding: 0;
}
.menubar .navbar {
  border: none;
  padding: 0;
  margin-bottom: 0;
  min-height: auto;
}
@media only screen and (max-width : 991px) {
  .menubar .navbar {
    background-color: #00356f;
  }
}
.menubar .navbar-brand {
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  padding-left: 0;
  margin-left: 15px !important;
  float: right;
  margin-right: 0;
  padding-right: 0;
}
.menubar #main-navbar li i.fa {
  float: right;
  color: #fff;
  font-size: 18px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.menubar #main-navbar li a {
  color: #fff;
  font-size: 14px;
  padding: 5px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.menubar #main-navbar li.hotline a {
  display: block;
  font-weight: 600;
  background-image: url("images/hotline.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  font-family: "Roboto", "sans-serif";
  background-color: #ed2228;
  border-radius: 20px;
  font-size: 18px;
  padding-left: 35px;
  padding-right: 10px;
  color: #fff;
  margin-top: 22px;
}
.menubar #main-navbar li.hotline a:hover {
  color: #fff;
}
.menubar #main-navbar li.hotline:hover a {
  color: #fff;
}
.menubar #main-navbar li.iconinfo {
  padding: 0 10px;
  font-size: 14px;
}
.menubar #main-navbar li.iconinfo i.fa {
  color: #0152a8;
  font-size: 18px;
  margin-right: 6px;
  vertical-align: middle;
}
.menubar #main-navbar li.searchbutton {
  position: relative;
  display: inline-block;
  float: none;
  vertical-align: top;
  margin: 8px 0;
  margin-left: 25px;
}
.menubar #main-navbar li.searchbutton form {
  z-index: 1;
}
.menubar #main-navbar li.searchbutton form input {
  border-radius: 0;
  font-size: 13px;
  margin-left: 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid #e1e1e1;
  box-shadow: none;
  width: 0;
  height: 32px;
  transition: all 0.2s linear;
  position: absolute;
  right: 0;
  z-index: 10;
}
.menubar #main-navbar li.searchbutton form .input-group:hover input {
  width: 140px;
  padding: 0 10px;
}
.menubar #main-navbar li.searchbutton button {
  background: transparent;
  color: #0152a8;
  border: none;
  right: 0;
  top: 0;
  padding: 4px 10px;
  z-index: 10;
  border-radius: 0;
  font-size: 15px;
  position: absolute;
}
.menubar #main-navbar li.searchbutton:hover button {
  color: #888;
}
.menubar #main-navbar li.social-link {
  display: inline-block;
  text-align: center;
  margin-left: 0;
  float: none;
  margin-right: 0;
  vertical-align: middle;
}
.menubar #main-navbar li.social-link ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menubar #main-navbar li.social-link ul li {
  display: inline-block;
}
.menubar #main-navbar li.social-link ul li a {
  padding: 15px 7px;
  display: inline-block;
  color: #0152a8;
  line-height: 10px;
}
.menubar #main-navbar li.social-link:hover ul {
  display: block;
}
.menubar #main-navbar li.language {
  float: none;
  display: inline-block;
  margin: 0 10px;
}
.menubar #main-navbar li.language a {
  padding: 5px 0;
}
.menubar #main-navbar li.requestprice_button {
  margin-left: 25px;
}
.menubar #main-navbar li.requestprice_button a {
  background-color: #000;
  color: #fff;
  margin: 20px 0;
  padding: 7px 15px;
  line-height: 22px;
  height: 33px;
  font-size: 12px;
}
.menubar #main-navbar li.requestprice_button a::before {
  display: none;
}
.menubar #main-navbar li.requestprice_button a::after {
  display: none;
}
.menubar #main-navbar li.active > a {
  font-weight: bold;
  background-color: transparent;
}
.menubar #main-navbar .dropdown-menu {
  margin: 0;
  background-color: #00346f;
}
.menubar #main-navbar .dropdown-menu li {
  border-bottom: 1px solid #e9e9e9;
  position: relative;
}
.menubar #main-navbar .dropdown-menu li ul {
  list-style: none;
  padding: 0 0 0 10px;
}
.menubar #main-navbar .dropdown-menu li:last-child {
  border-bottom: none;
}
.menubar #main-navbar .dropdown-menu li a {
  padding: 10px 15px 10px 30px;
  text-transform: none;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}
.menubar #main-navbar .dropdown-menu li a .box-image {
  display: none;
}
.menubar #main-navbar > ul.navbar-nav > li > a {
  display: inline-block;
}
.menubar .logo-img img {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.menubar a.navbar-brand:hover {
  color: #ffe7d6;
}
.menubar .navbar-default .navbar-toggle {
  border-color: #0152a8;
}
.menubar .navbar-default .navbar-toggle:focus {
  background-color: #0152a8;
}
.menubar .navbar-default .navbar-toggle:hover {
  background-color: #0152a8;
}
.menubar .navbar-default .navbar-toggle .xline {
  display: none;
  color: #fff;
  line-height: 0;
  font-size: 22px;
  width: 22px;
  height: 18px;
  margin-top: -4px;
  transition: all 0.2s linear;
}
.menubar .navbar-default .navbar-toggle.show .xline {
  display: block;
}
.menubar .navbar-default .navbar-toggle.show .threeline {
  display: none;
}
.menubar .navbar-nav > .open > a {
  background-color: #222;
  color: #fff;
}
.menubar .navbar-nav > .open > a:focus {
  background-color: #222;
  color: #fff;
}
.menubar .navbar-nav > .open > a:hover {
  background-color: #222;
  color: #fff;
}
.menubar .dropdown-menu > li > a:focus {
  background-color: #01587d;
  transition: background-color 200ms linear;
}
.menubar .dropdown-menu > li > a:hover {
  background-color: #01587d;
  transition: background-color 200ms linear;
}
.menubar .logo-nav {
  margin: 0 10px;
  float: left;
  padding: 5px 0;
}
.menubar .logo-nav img {
  height: 40px;
}
.menubar .language {
  float: right;
  margin-left: 10px;
  line-height: 22px;
}
.menubar .language ul li {
  display: block;
}
.menubar .social-icon ul {
  list-style: none;
  text-align: right;
  margin-top: 10px;
  padding: 0;
}
.menubar .social-icon ul li {
  display: inline-block;
  margin-left: 10px;
}
.menubar .social-icon ul li a {
  color: #fff;
  font-size: 20px;
  margin-right: 8px;
  border: 1px solid #fff;
  border-radius: 5px;
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
}
.menubar .language-icon ul {
  list-style: none;
  text-align: right;
  margin-top: 10px;
  padding: 0;
}
.menubar .language-icon ul li {
  display: inline-block;
  margin-left: 10px;
}

.search-bar .input-group {
  border-radius: 0;
}
.search-bar button {
  background-color: #222;
  border-radius: 0;
  color: #fff;
  z-index: 10 !important;
  height: 38px;
  width: 44px;
}

@media (max-width: 1199px) {
  .logotop .callus_box {
    padding-left: 30px;
  }

  .main .topbanner {
    height: 150px;
    background-size: cover;
  }
  .main .topbanner.smallbanner {
    height: 150px;
    background-size: 100% 100%;
  }
  .main .topbanner h1 {
    padding-top: 5px;
    font-size: 26px;
  }
  .main .topbanner h2 {
    padding-top: 5px;
    font-size: 26px;
  }
  .main .topbanner strong {
    padding-top: 5px;
    font-size: 26px;
  }
}
@media screen and (min-width: 0px) and (max-width: 991px) {
  .menubar #main-navbar ul li {
    padding: 0;
    border-bottom: 1px solid #2c2c2c !important;
  }
  .menubar #main-navbar ul li:last-child {
    border-bottom: none !important;
  }
  .menubar #main-navbar ul li ul {
    display: none;
  }
}
@-webkit-keyframes fadeInFromNone {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInFromNoneIE {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInFromNone {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (min-width: 992px) {
  .menubar #main-navbar .dropdown-menu {
    background-color: rgba(0, 53, 111, 0.9);
    border-radius: 6px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    padding: 0;
    min-width: 230px;
    left: 0;
    top: 100%;
    border-radius: 0;
    overflow: auto;
  }
  .menubar #main-navbar .dropdown-menu li a {
    color: #fff;
    text-transform: none;
    font-family: "Roboto", "sans-serif";
  }
  .menubar #main-navbar .dropdown-menu li a:hover {
    color: #fff;
    background: #0152a8;
    padding-left: 10px;
  }
  .menubar #main-navbar .dropdown-menu li a:focus {
    color: #fff;
    background: #0152a8;
    padding-left: 10px;
  }
  .menubar #main-navbar .dropdown-menu li.active > a {
    color: #fff;
    background: #0152a8;
  }
  .menubar #main-navbar .columns li a {
    color: #000;
  }
  .menubar #main-navbar .columns li a:hover {
    color: #0152a8;
  }
  .menubar #main-navbar .productmenu {
    position: static;
  }
  .menubar #main-navbar .productmenu li a:hover {
    background-color: transparent;
  }
  .menubar #main-navbar .productmenu .dropdown-menu > li > a {
    text-transform: uppercase;
    padding: 10px 0;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    float: left;
    width: 22%;
    position: relative;
    min-height: 120px;
  }
  .menubar #main-navbar .productmenu .dropdown-menu > li > a .box-image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    border: 1px solid #ee5c31;
    border-radius: 3px;
    width: 100%;
  }
  .menubar #main-navbar .productmenu .dropdown-menu > li > a .box-image img {
    width: 100%;
  }
  .menubar #main-navbar .productmenu .dropdown-menu > li > a .text {
    color: #fff;
    display: block;
    text-align: center;
    min-width: 100px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 5px 6px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .menubar #main-navbar .productmenu .dropdown-menu > li.active > a {
    background-color: transparent;
  }
  .menubar #main-navbar .columns {
    border-top: 1px solid #0152a8;
    padding: 15px 0;
    z-index: 200;
    right: 0;
    background-color: white;
    max-height: 600px;
    overflow: auto;
  }
  .menubar #main-navbar .columns > li {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
    border-bottom: none;
  }
  .menubar #main-navbar .columns > li ul {
    list-style: none;
    padding: 10px 0 10px 0;
    margin-left: 25%;
  }
  .menubar #main-navbar .columns > li ul::after {
    content: "";
    display: block;
    clear: both;
  }
  .menubar #main-navbar .columns > li ul li {
    border-bottom: none;
    float: left;
    width: 33.33333%;
  }
  .menubar #main-navbar .columns > li ul li a {
    padding: 2px 5px;
    display: block;
    font-size: 14px;
  }
  .menubar #main-navbar .columns > li ul li a::before {
    content: "";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline;
    margin-right: 10px;
  }
}
.dimbackground {
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}

@media screen and (max-width: 991px) {
  body {
    width: 100%;
    position: relative;
    left: 0;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
  }
  body.out {
    left: 260px;
  }

  .side-collapse {
    top: 0;
    bottom: 0;
    left: 0;
    width: 260px;
    position: fixed;
    overflow: scroll;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    box-shadow: 6px 4px 12px #383838;
    z-index: 999;
    background-color: #00356f;
  }
  .side-collapse.in {
    width: 0;
    overflow: hidden;
  }

  .navbar-fixed-top .side-collapse {
    top: 50px;
    z-index: 9999;
  }
}
@media (max-width: 991px) {
  .navbar-header {
    float: none;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-fixed-top {
    top: 0;
    box-shadow: 0 1px 6px #8f8f8f;
  }
  .navbar-fixed-top .navbar-header {
    margin: 0 5px;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-left {
    float: none !important;
  }

  .navbar-right {
    float: none !important;
  }

  .navbar-toggle {
    display: block;
    margin-right: 0;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin: 10px 0;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .collapse.in {
    display: block !important;
  }
}
.carousel-control {
  width: 10%;
}
.carousel-control .glyphicon {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding-top: 4px;
}

#noticebar .container {
  padding-bottom: 20px;
}
#noticebar .notice-wrapper {
  min-height: 90px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#noticebar .item {
  color: #fff;
  font-size: 30px;
  font-weight: normal;
  padding: 13px;
  line-height: 64px;
  text-align: center;
}
#noticebar .item p {
  margin: 0;
  padding: 0;
}

#slide {
  position: relative;
}
#slide img {
  width: 100%;
}
#slide .carousel-container {
  width: 50%;
  text-align: left;
  position: relative;
}
#slide.page-intro .carousel-container {
  width: 100%;
  text-align: center;
}
#slide.page-intro .carousel-caption .carousel-description {
  margin: 15px auto;
  text-align: center;
}
#slide.page-intro .carousel-caption .view-more-home {
  float: none;
}
#slide.page-party .carousel-container {
  text-align: right;
  float: right;
}
#slide.page-party .carousel-caption .carousel-description {
  float: right;
  text-align: right;
}
#slide .carousel-caption {
  border-radius: 0;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
  top: 50%;
  bottom: auto;
}
#slide .carousel-caption .carousel-title {
  font-size: 53px;
  padding: 0 0 15px 0;
  color: #0152a8;
  font-family: "UTMPenumbraBold", "Roboto", "sans-serif";
  text-transform: uppercase;
  text-shadow: none;
  line-height: 1.2;
}
#slide .carousel-caption .carousel-title strong {
  font-weight: 300;
  text-transform: uppercase;
  color: #fff;
  display: block;
  font-size: 22px;
}
#slide .carousel-caption .carousel-description {
  line-height: 1.6;
  text-align: left;
  color: #fff;
  text-shadow: none;
  font-weight: 400;
  height: 65px;
  overflow: hidden;
  max-width: 540px;
  font-size: 14px;
}
#slide .carousel-caption .view-more-home {
  text-align: right;
  margin: 20px 0 10px;
  float: right;
}
#slide .carousel-control {
  background: none;
}
#slide .slide-container {
  margin-bottom: 15px;
}
#slide .link-img {
  margin-bottom: 20px;
}
#slide.page-event .carousel-caption .view-more-home {
  text-align: left;
  float: none;
  clear: both;
}
#slide .carousel-indicators li {
  border: none;
  background-color: #6b6b6b;
}
#slide .carousel-indicators li.active {
  border: none;
  background-color: #222;
}
#slide .banner-bottom > div {
  margin-bottom: 15px;
}
#slide::after {
  clear: both;
  content: "";
  display: block;
}
@media only screen and (max-width : 767px) {
  #slide {
    background-image: url("images/background-3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  #slide .item::after {
    width: 100%;
  }
  #slide .carousel-container {
    width: 100%;
  }
  #slide .carousel-caption {
    padding: 5px 10px;
    width: 100%;
    overflow: hidden;
  }
  #slide .carousel-caption > div {
    visibility: visible !important;
  }
  #slide .carousel-caption .carousel-title {
    padding: 2px 0;
    font-size: 12px;
  }
  #slide .carousel-caption .carousel-title strong {
    font-size: 18px;
    display: none;
  }
  #slide .carousel-caption .carousel-description {
    font-size: 11px;
  }
  #slide .carousel-caption .view-more-home {
    display: none;
  }

  .carousel-control .glyphicon {
    background-color: transparent;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #slide .carousel-caption .carousel-title {
    padding: 2px 0;
    font-size: 14px;
  }
  #slide .carousel-caption .carousel-description {
    font-size: 13px;
  }
}
#infoshop {
  margin: 0;
  background-image: url("images/back-number.jpg");
  background-size: covert;
  background-position: center center;
  padding-bottom: 20px;
}
#infoshop h2 {
  text-align: left;
  font-size: 28px;
  font-family: "AvenirNext";
  font-weight: bold;
  padding: 14px 0;
}
#infoshop .title-info {
  margin-bottom: 20px;
}
#infoshop .title-info::after {
  width: 75px;
  border-top: 1px solid #0077a9;
  content: "";
  display: none;
  margin: 0 auto;
}
#infoshop .site-consult {
  text-align: center;
  margin: 15px 0 25px;
  font-weight: 400;
}
#infoshop .infobox {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
#infoshop .infobox .img-box {
  width: 100%;
  overflow: hidden;
  height: 170px;
  position: relative;
}
#infoshop .infobox .number {
  color: #222;
  font-family: "AvenirNext";
  font-weight: bold;
  font-size: 50px;
}
#infoshop .infobox .title {
  font-family: "AvenirNextRegular";
  font-size: 22px;
  text-transform: uppercase;
  margin-top: 5px;
}

#introshop {
  font-size: 13px;
  padding-top: 25px;
  padding-bottom: 20px;
  background-image: url("images/backservice.jpg");
  background-repeat: no-repeat;
  background-color: #000;
  background-size: cover;
}
#introshop .boxsquare {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
#introshop .introbox {
  position: relative;
  min-height: 170px;
  padding: 10px 15px;
}
#introshop .title-box {
  position: relative;
  width: 170px;
  height: 170px;
  margin: 0 auto;
  margin-bottom: 5px;
  padding: 15px;
  background-color: #7f6501;
  border-radius: 50%;
}
#introshop .title-box a {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  border: 10px solid #0152a8;
  display: block;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.45), 0 12px 22px 0 rgba(0, 0, 0, 0.19);
}
#introshop .title-box img {
  margin: 0;
  width: 100%;
}
#introshop .intro-content {
  color: #fff;
  position: relative;
  padding: 5px 15px;
  text-align: center;
  font-size: 14px;
}
#introshop .intro-content .title {
  margin-bottom: 10px;
  margin-top: 15px;
  font-size: 18px;
  line-height: 18px;
  position: relative;
  text-align: center;
}
#introshop .intro-content .title a {
  font-family: "UTMPenumbraBold", "Roboto", "sans-serif";
  font-size: 18px;
  color: #0152a8;
}
#introshop .intro-content p {
  display: inline;
}
#introshop .view-more-home {
  text-align: center;
  position: absolute;
  bottom: 20px;
  right: 0;
  left: 0;
}
#introshop .view-more-home a:hover {
  box-shadow: none !important;
  background-color: #888888;
}
#introshop .viewmore {
  padding: 0 15px;
}
#introshop .viewmore a {
  font-style: italic;
}
#introshop .headerbox h2 {
  color: #fff;
}

.headerbox {
  text-align: left;
}
@media only screen and (max-width : 767px) {
  .headerbox {
    margin: 15px 0;
  }
}
.headerbox h2 {
  display: inline-block;
  font-size: 36px;
  color: #0152a8;
  line-height: 42px;
  padding: 0;
  margin: 0;
  font-family: "UTMAvoBold", "Roboto", "sans-serif";
  text-transform: uppercase;
}
@media only screen and (max-width : 767px) {
  .headerbox h2 {
    font-size: 26px;
  }
}
.headerbox h2 span {
  font-family: "UTMLinotypeZapfinoKT", "Roboto", "sans-serif";
  display: block;
  text-transform: none;
  font-size: 42px;
  color: #0152a8;
  margin-left: 30px;
}
.headerbox h2 a {
  color: #eecc88;
}
.headerbox hr {
  border-top: 4px solid #009436;
  max-width: 120px;
  margin: 20px auto;
  border-radius: 6px;
}
.headerbox .descbox {
  max-width: 600px;
  margin: 10px auto;
  font-size: 14px;
}
.headerbox .childcat {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  padding-left: 30px;
}
.headerbox .childcat li {
  display: inline-block;
}
.headerbox .childcat li:last-child::after {
  content: "";
}
.headerbox .childcat li a {
  color: #13387b;
}
.headerbox .childcat li a:hover {
  font-weight: bold;
}
.headerbox .childcat li::after {
  content: "/";
  padding: 0 3px 0 5px;
  display: inline;
}
.headerbox .view-more {
  float: right;
  padding: 6px 15px;
}
.headerbox .view-more a {
  color: #000;
  font-style: italic;
  font-size: 14px;
  display: block;
}
.headerbox .view-more a::before {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  display: inline;
  float: right;
  padding: 4px;
  margin-left: 8px;
}
.headerbox .brief {
  line-height: 1.5;
  margin: 10px 0 20px;
  font-size: 14px;
  max-width: 600px;
}
.headerbox.left h2::after {
  text-align: left;
}

#companyinfo {
  padding: 0 0 20px 0;
  margin: 0 -10px;
}
#companyinfo .row-info > * {
  padding: 0 10px;
}
#companyinfo .box-info {
  height: 300px;
}
#companyinfo .box-subscribe {
  background-image: url("images/backsub.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
#companyinfo .box-subscribe .box-content {
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 100%;
}
#companyinfo .box-subscribe .title-subscribe {
  font-family: "UTMAvoBold", "Roboto", sans-serif;
  font-size: 17px;
  text-transform: uppercase;
  line-height: 32px;
}
#companyinfo .box-subscribe .brief-subscribe {
  font-family: "UTMAvoRegular", "Roboto", sans-serif;
  font-size: 17px;
  text-transform: uppercase;
  line-height: 42px;
  padding: 0 0 25px 0;
}
#companyinfo .box-subscribe .formbox {
  max-width: 360px;
  margin: auto;
}
#companyinfo .box-subscribe .formbox input {
  border-radius: 0;
  border: none;
}
#companyinfo .box-subscribe .formbox button {
  border-radius: 0;
  padding: 4px 12px;
  background-color: #1465a0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
}
#companyinfo .box-subscribe .formbox .input-group-btn {
  padding: 3px;
  background-color: #fff;
}
#companyinfo .box-contact {
  background-color: #ff9933;
  padding: 20px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  position: relative;
}
#companyinfo .box-contact .box-content {
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 100%;
}
#companyinfo .box-contact .title-box {
  font-family: "UTMAvoBold", "Roboto", sans-serif;
  font-size: 22px;
  line-height: 62px;
}
#companyinfo #mapcont {
  width: 100%;
}

.productshop {
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  padding: 25px 0;
  background: #f5f5f5;
}
@media only screen and (max-width : 767px) {
  .productshop {
    padding: 15px 0 30px;
  }
}
.productshop .headerbox {
  text-align: center;
  margin-bottom: 35px;
}
.productshop .producthome .cat-title {
  margin: 40px 0;
  border-bottom: 2px solid #ee5c31;
}
@media only screen and (max-width : 767px) {
  .productshop .producthome .cat-title {
    margin: 15px 0 40px 0;
  }
}
.productshop .producthome .cat-title .cat-head {
  color: #fff;
  font-family: "UTMAvoBold", "Roboto", sans-serif;
  background-color: #ee5c31;
  display: inline-block;
  margin: 0;
  position: relative;
  font-size: 20px;
  padding: 12px 28px;
}
.productshop .producthome .cat-title .tabs {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  line-height: 45px;
  vertical-align: top;
  padding-left: 30px;
}
.productshop .producthome .cat-title .tabs li {
  display: inline-block;
  font-size: 16px;
  padding: 0 10px;
  text-transform: uppercase;
  cursor: pointer;
}
.productshop .producthome .cat-title .tabs li a {
  font-weight: 500;
  font-size: 14px;
}
.productshop .producthome .cat-title .tabs li.current {
  font-weight: bolder;
}
.productshop .producthome .cat-title .xem-tat-ca {
  font-size: 15px;
  color: #939598;
  float: right;
  right: 20px;
  line-height: 55px;
}
@media only screen and (max-width : 767px) {
  .productshop .producthome .cat-title .xem-tat-ca {
    display: none;
  }
}
.productshop .tab-content {
  display: none;
}
.productshop .tab-content.current {
  display: inherit;
}
.productshop .owl-nav {
  position: absolute;
  top: -65px;
  right: 15px;
}
.productshop .owl-nav .owl-prev {
  left: -30px;
  color: #000;
}
.productshop .owl-nav .owl-next {
  right: -20px;
  color: #000;
}
.productshop .owl-dots {
  margin-top: 40px;
}

.productshop:nth-child(even) {
  background-color: #fff;
}

.infobox {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  background-color: #fff;
}
.infobox .img-box {
  width: 100%;
  overflow: hidden;
  height: 220px;
  position: relative;
}
.infobox img {
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  z-index: 1;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}
.infobox .title-content {
  text-align: left;
  padding: 15px 15px;
  border: 1px solid #e1e1e1;
}
.infobox .title-content.sub {
  padding: 20px 0;
}
.infobox .title-content .title-name {
  margin: 0 0 5px 0;
}
.infobox .title-content .col-left {
  float: left;
  width: 68%;
}
.infobox .title-content .col-right {
  float: left;
  width: 32%;
  text-align: right;
}
.infobox .title-content::after {
  content: "";
  clear: both;
  display: block;
}
.infobox .time {
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #58595b;
}
.infobox .time .fa {
  margin-right: 3px;
}
.infobox .price-box {
  font-size: 19px;
  line-height: 32px;
  font-weight: 900;
  color: #0152a8;
  overflow: hidden;
}
.infobox .price-box span {
  font-size: 14px;
  font-weight: 500;
}
.infobox .add-cart {
  text-align: right;
  margin: 5px 0 0;
}
.infobox .add-cart a {
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  padding: 10px 9px;
  font-size: 15px;
  line-height: 13px;
  font-weight: 600;
  color: #fff !important;
  background-color: #009436;
  text-transform: none;
}
.infobox .add-cart a:hover {
  background-color: #0152a8;
}
.infobox:hover img {
  transform: translate(-50%, -50%) scale(1.066);
  -webkit-transform: translate(-50%, -50%) scale(1.066);
  -moz-transform: translate(-50%, -50%) scale(1.066);
  -o-transform: translate(-50%, -50%) scale(1.066);
  -ms-transform: translate(-50%, -50%) scale(1.066);
}
.infobox a.title-box {
  font-size: 18px;
  text-transform: none;
  font-weight: 500;
  height: 42px;
  position: relative;
  line-height: 22px;
  margin-bottom: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.infocat {
  border-radius: 3px;
  margin-bottom: 15px;
  border: 1px solid #7171711c;
  padding: 5px 20px;
}
.infocat:hover {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1);
}
.infocat .img-box {
  overflow: hidden;
  height: 240px;
  position: relative;
}
.infocat img {
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  z-index: 1;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  max-width: 300px;
  max-height: 300px;
}
.infocat .title-content {
  padding-top: 5px;
  padding-bottom: 5px;
}
.infocat .title-content .title-name {
  margin: 0 0 15px 0;
}
.infocat .title-content .title-name a {
  font-size: 23px;
  color: #0152a8;
  font-weight: bold;
  padding-top: 10px;
  height: 65px;
  overflow: hidden;
}
.infocat .title-content .row-title {
  margin: 0 -5px;
}
.infocat .title-content .row-title > * {
  padding: 0 5px;
}
.infocat .title-content .right-box {
  text-align: right;
}
.infocat .title-content .oldprice-box {
  color: #717171;
  font-size: 15px;
  line-height: 32px;
}
.infocat .title-content .price-box {
  font-size: 22px;
  line-height: 1.5;
  font-weight: bold;
  color: #fa1238;
  overflow: hidden;
  margin: 0 0 10px 0;
}
.infocat .title-content .price-box span {
  font-size: 12px;
  font-weight: 500;
}
.infocat .brief {
  color: #717171;
  font-size: 14px;
}
.infocat .brief i.fa {
  font-size: 18px;
  margin-right: 5px;
  width: 20px;
  text-align: center;
}
.infocat .brief span {
  color: #000;
}
@media only screen and (max-width : 767px) {
  .infocat .price-left {
    float: left;
    text-align: left;
  }
  .infocat .title-content .oldprice-box {
    line-height: 20px;
  }
  .infocat .title-content .price-box {
    margin: 0;
  }
}
.infocat .add-cart {
  text-align: right;
  margin: 5px 0 0;
}
.infocat .add-cart a {
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  padding: 12px 35px;
  font-size: 17px;
  line-height: 13px;
  font-weight: 600;
  color: #fff !important;
  background-color: #009436;
  text-transform: none;
}
.infocat .add-cart a:hover {
  background-color: #01356f;
}
.infocat:hover img {
  transform: translate(-50%, -50%) scale(1.066);
  -webkit-transform: translate(-50%, -50%) scale(1.066);
  -moz-transform: translate(-50%, -50%) scale(1.066);
  -o-transform: translate(-50%, -50%) scale(1.066);
  -ms-transform: translate(-50%, -50%) scale(1.066);
}

#connectus {
  background-color: #c11a24;
  padding: 20px 0;
}
#connectus .titlebox {
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  line-height: 50px;
}
#connectus .contactbox a {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  background-color: #01356f;
  border-radius: 25px;
  padding: 11px 30px;
  display: inline-block;
}
#connectus .contactbox .fa {
  margin-right: 5px;
}

#supportbox {
  background-color: #fdca04;
  background-size: cover;
  padding: 20px 0;
}
#supportbox .container {
  margin: 0 auto;
}
#supportbox .col-support {
  padding-top: 25px;
  padding-bottom: 25px;
}
#supportbox .img-box {
  float: left;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #fff200;
  padding: 4px;
}
#supportbox .img-box img {
  max-width: 100%;
  max-height: 100%;
  border: 5px solid #000;
  border-radius: 50%;
}
#supportbox .contact-box {
  margin-left: 100px;
  font-size: 11px;
}
#supportbox .contact-box p {
  margin-bottom: 0;
}
#supportbox .contact-box .name {
  color: #000;
  font-family: "UTMPenumbraBold", "Roboto", "sans-serif";
  font-weight: normal;
  font-size: 15px;
}
#supportbox .contact-box .content {
  color: #000;
  font-size: 14px;
  margin-top: 10px;
}
#supportbox .contact-box .social img {
  height: 15px;
}
#supportbox .supportrow {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
#supportbox .slick-dots {
  position: absolute;
  top: 50%;
  left: -100px;
  transform: translate(0, -50%);
  list-style: none;
  padding: 0;
  margin: 0;
}
#supportbox .slick-dots li {
  width: 15px;
  height: 15px;
  margin-bottom: 10px;
}
#supportbox .slick-dots button {
  border-radius: 50%;
  background-color: #000;
  color: #000;
  border: none;
  content: "";
  font-size: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
}
#supportbox .slick-dots .slick-active button {
  background-color: #fff;
  color: #fff;
}

.autocomplete-suggestions {
  border: 1px solid #999;
  background: #FFF;
  overflow: auto;
  cursor: pointer;
  box-shadow: 2px 4px 10px rgba(144, 144, 144, 0.8);
  z-index: 90 !important;
}

.autocomplete-suggestion {
  padding: 10px 10px;
  white-space: normal;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
.autocomplete-suggestion img {
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 10px;
}
.autocomplete-suggestion .price {
  display: block;
  color: #ff0000;
  font-weight: bold;
  margin-left: 70px;
}
.autocomplete-suggestion::after {
  clear: both;
  content: "";
  display: block;
}

.autocomplete-selected {
  background: #F0F0F0;
}
.autocomplete-selected strong {
  font-weight: normal;
  color: #3399FF;
}

.autocomplete-group {
  padding: 4px 8px;
  font-weight: bold;
  font-size: 15px;
  background-color: #e6e6e6;
}
.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000;
}

#newshome {
  background-color: #f5f5f5;
  padding: 0 0 30px;
}
#newshome .headerbox {
  margin: 0 0 40px 0;
}
#newshome .headerbox h2 {
  font-size: 22px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}
#newshome .headerbox hr {
  margin: 5px 0 5px 0;
  width: 80px;
}
#newshome .cat-title {
  margin: 40px 0;
  border-bottom: 2px solid #ee5c31;
}
@media only screen and (max-width : 767px) {
  #newshome .cat-title {
    margin: 15px 0 40px 0;
  }
}
#newshome .cat-title .cat-head {
  color: #fff;
  font-family: "UTMAvoBold", "Roboto", sans-serif;
  background-color: #ee5c31;
  display: inline-block;
  margin: 0;
  position: relative;
  font-size: 20px;
  padding: 12px 28px;
}
#newshome .cat-title .xem-tat-ca {
  font-size: 15px;
  color: #B7B7B8;
  float: right;
  line-height: 45px;
}
#newshome .row-news {
  margin: 0 -5px;
}
#newshome .row-news > * {
  padding: 0 5px;
}
#newshome .item-news {
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
}
#newshome .item-news .img-box {
  overflow: hidden;
  position: relative;
  text-align: center;
  height: 115px;
}
@media only screen and (max-width : 767px) {
  #newshome .item-news .img-box {
    height: 150px;
  }
}
#newshome .item-news .img-box img {
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  max-width: 300px;
}
#newshome .item-news .img-box a {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}
#newshome .item-news .img-box a:hover img {
  transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
}
#newshome .item-news .title-box {
  padding: 8px 2px;
  line-height: 1.3;
  font-weight: 600;
  display: block;
}
#newshome .item-news .title-box .title-link a {
  display: block;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 10px;
  height: 36px;
  overflow: hidden;
}
#newshome .item-news .title-box .title-link a:hover {
  color: #eb2525;
}
#newshome .item-news .title-box .posted-date {
  color: #58595b;
  font-weight: normal;
  font-style: italic;
}
#newshome .item-news.top-news .img-box {
  height: 350px;
}
#newshome .item-news.top-news .title-box {
  position: absolute;
  bottom: 0;
  background-color: rgba(14, 176, 238, 0.5);
  left: 0;
  right: 0;
  padding: 5px 15px;
}
#newshome .item-news.top-news .title-box .title-link a {
  height: auto;
  line-height: 34px;
  font-size: 15px;
  margin-bottom: 0;
  color: #fff;
}
#newshome .right-news {
  background-color: #fff;
  padding: 15px;
}
#newshome .right-news .item-news {
  margin-bottom: 20px;
}
#newshome .right-news .img-box {
  float: left;
  width: 30%;
  height: 80px;
}
#newshome .right-news .img-box img {
  max-height: 100%;
}
#newshome .right-news .title-box {
  margin-left: 30%;
  padding: 0 10px;
  height: auto;
}
#newshome .right-news .title-box .title-link a {
  font-weight: normal;
  text-transform: uppercase;
}
#newshome .right-news .view-more {
  text-align: right;
}
#newshome .right-news .view-more a {
  color: #009436;
  font-style: italic;
  font-weight: bold;
  font-size: 14px;
}

#eventtime {
  padding: 20px 0;
}
#eventtime .eventbox {
  background-color: #0152a8;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  font-family: "UTMAvo", "Roboto", "sans-serif";
  text-transform: uppercase;
  font-size: 20px;
  padding: 10px 0;
}
#eventtime .eventbox p {
  margin-bottom: 5px;
}
#eventtime .eventbox p.time {
  color: #d1d3d4;
}
#eventtime .eventbox p.address {
  padding: 18px 0;
}
#eventtime .eventtime {
  background-color: #d7d7d7;
  padding: 5px 0;
}
#eventtime .eventtime .labeltime {
  display: flex;
  margin: auto;
  max-width: 240px;
}
#eventtime .eventtime .labeltime > div {
  flex: 1;
  font-size: 12px;
  color: #0152a8;
}
#eventtime #flipCount {
  margin-top: 7px;
}
#eventtime .xdsoft_space {
  background-image: none;
}

#intro {
  padding: 55px 0;
  background-repeat: repeat;
}
#intro .whybox {
  border: 1px solid #898989;
  padding: 30px;
  position: relative;
  margin-bottom: 20px;
}
#intro .whybox .titlebox {
  font-family: "UTMNeutra", "Roboto", "sans-serif";
  margin: 10px 0;
  z-index: 10;
  position: relative;
}
#intro .whybox::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  border: 2px solid #0152a8;
}
#intro .whybox::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  border: 2px solid #fff;
  border-radius: 50px;
}
#commit {
  color: #000;
  padding: 30px 0 30px;
  background-repeat: repeat;
  background: #fff;
}
#commit .headerbox .cat-title {
  margin: 20px 0;
  border-bottom: 2px solid #ee5c31;
}
@media only screen and (max-width : 767px) {
  #commit .headerbox .cat-title {
    margin: 15px 0 40px 0;
  }
}
#commit .headerbox .cat-title .cat-head {
  color: #fff;
  font-family: "UTMAvoBold", "Roboto", sans-serif;
  background-color: #ee5c31;
  display: inline-block;
  margin: 0;
  position: relative;
  font-size: 20px;
  padding: 12px 28px;
}
#commit .headerbox .cat-title .xem-tat-ca {
  font-size: 15px;
  float: right;
  right: 20px;
  line-height: 80px;
}
#commit .introbox h3 {
  font-weight: 900;
  font-size: 18px;
  color: #eecc88;
  margin: 0;
  margin-bottom: 10px;
}
#commit .introbox img {
  max-width: 100%;
}
#commit .introbox p {
  margin-bottom: 5px;
}
#commit .custbox {
  padding: 0;
  text-align: left;
  font-size: 14px;
}
#commit .custbox h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 0 0 5px 0;
}
#commit .custbox .item-box {
  padding: 25px 15px;
  border-radius: 12px;
}
#commit .custbox .imgbox {
  width: 200px;
  height: 200px;
  overflow: hidden;
  float: left;
  border-radius: 50%;
  border: 5px solid #ebebeb;
  margin: 20px 0;
}
#commit .custbox .imgbox img {
  height: 100%;
}
#commit .custbox .namebox {
  padding: 10px 20px;
  text-align: center;
}
#commit .custbox .quotebox {
  color: #0152a8;
  font-weight: bold;
  font-style: italic;
  padding: 0 10px;
  position: relative;
}
#commit .custbox .quotebox::before {
  font-family: sans-serif;
  content: "“";
  display: block;
  position: absolute;
  top: -18px;
  left: -18px;
  color: #009436;
  font-size: 42px;
}
#commit .custbox .quotebox::after {
  font-family: sans-serif;
  content: "”";
  display: block;
  position: absolute;
  bottom: 0px;
  right: 18px;
  color: #009436;
  font-size: 42px;
  line-height: 5px;
}
#commit .custbox .title {
  margin: 10px 0 10px 0;
  text-transform: uppercase;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
}
#commit .custbox .job {
  color: #666;
  font-style: italic;
}
#commit .custbox .brief {
  padding: 10px 0 0 0;
  margin: 8px 0;
  color: #555;
}

#aboutus {
  background-color: #fff;
  position: relative;
  background-repeat: repeat;
  padding: 20px 0 25px;
}
#aboutus .row {
  margin: 0 -25px;
}
#aboutus .row > * {
  padding: 0 10px;
  margin-bottom: 20px;
}
#aboutus .title-box {
  text-align: left;
  height: 400px;
  color: #fff;
  box-shadow: 0 3px 3px #ccc;
  background-color: #009436;
  position: relative;
  padding: 20px 20px;
}
@media only screen and (max-width : 767px) {
  #aboutus .title-box {
    height: auto;
  }
}
#aboutus .title-box.box1 {
  background-color: #009436;
}
#aboutus .title-box.box2 {
  background-color: #0073b9;
}
#aboutus .title-box.box3 {
  background-color: #0056a4;
}
#aboutus .title-box .box-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 80%;
}
@media only screen and (max-width : 767px) {
  #aboutus .title-box .box-content {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    width: 100%;
  }
}
#aboutus .title-box h2 {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  max-width: 300px;
  margin: 25px auto;
}
@media only screen and (max-width : 767px) {
  #aboutus .title-box h2 {
    margin: 15px auto;
  }
}
#aboutus .title-box h2 span {
  text-transform: none;
  font-size: 68px;
  display: block;
  font-family: "UTMNetmucKT", "Roboto", "sans-serif";
  font-weight: normal;
  padding-left: 20px;
  transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
}
#aboutus .title-box h2 span.small {
  font-size: 44px;
  color: #fff;
}
#aboutus .title-box .description {
  line-height: 1.5;
  font-size: 14px;
  overflow: hidden;
  padding-left: 25%;
}
#aboutus .img-about {
  position: relative;
  text-align: center;
  height: 400px;
  overflow: hidden;
}
#aboutus .img-about a {
  display: block;
}
#aboutus .img-about img {
  min-width: 100%;
  min-height: 100%;
}

#searchtour {
  padding: 15px 20px 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 1;
}
@media only screen and (max-width : 767px) {
  #searchtour {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    padding: 70px 0;
  }
}
#searchtour .title-box {
  padding: 7px 0;
  color: #fff;
  text-align: center;
  max-width: 800px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.6);
}
@media only screen and (max-width : 767px) {
  #searchtour .title-box {
    margin-bottom: 0;
    padding: 5px 0;
  }
}
#searchtour .title-box .head-title {
  margin: 0;
  font-family: "UTMAvoBold", "Roboto", sans-serif;
  font-size: 25px;
  line-height: 35px;
  text-shadow: 1px 1px #0e0e0e;
}
@media only screen and (max-width : 767px) {
  #searchtour .title-box .head-title {
    line-height: 1.2;
    margin: 0 0 15px 0;
    font-size: 18px;
  }
}
#searchtour .title-box .desc-box {
  font-size: 16px;
  text-shadow: 1px 1px #000;
}
#searchtour .title-box .desc-box p {
  margin: 0;
}
#searchtour form {
  max-width: 700px;
  margin: auto;
}
#searchtour form .form-group {
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
}
@media only screen and (max-width : 767px) {
  #searchtour form .form-group {
    background: rgba(45, 53, 61, 0.6);
    padding: 20px;
    border-radius: 0;
  }
}
#searchtour form .form-group > * {
  float: left;
}
#searchtour form .form-group .map-maker {
  display: inline-block;
  padding-left: 35px;
  position: relative;
  font-size: 15px;
  border-right: 1px solid #ccc;
}
#searchtour form .form-group .map-maker::before {
  content: "";
  display: block;
  position: absolute;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 22px;
  color: #0152a8;
  width: 38px;
  line-height: 44px;
  text-align: center;
  top: 0;
  left: 0;
}
#searchtour form .form-group .map-maker.brand-box {
  width: 25%;
}
@media only screen and (max-width : 767px) {
  #searchtour form .form-group .map-maker.brand-box, #searchtour form .form-group .map-maker.keyword-box {
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    border-radius: 5px;
    background-color: #fff;
  }
}
#searchtour form .form-group .keyword-box {
  width: 50%;
  position: relative;
}
@media only screen and (max-width : 767px) {
  #searchtour form .form-group .keyword-box {
    width: 100%;
    margin-bottom: 15px;
  }
}
#searchtour form .form-group .keyword-box::before {
  content: "";
  display: block;
  position: absolute;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 22px;
  color: #0152a8;
  width: 38px;
  line-height: 44px;
  text-align: center;
  top: 0;
  left: 0;
}
#searchtour form .form-group select {
  padding: 5px 5px 5px 15px;
  color: #000;
  border-radius: 0;
  border: none;
  box-shadow: none;
  max-width: 100%;
  height: 48px;
  -webkit-appearance: none;
  box-shadow: none !important;
}
@media only screen and (max-width : 767px) {
  #searchtour form .form-group select {
    width: 100%;
    padding: 5px 5px 5px 5px;
  }
}
#searchtour form .form-group input {
  padding: 5px 5px 5px 35px;
  color: #000;
  border: none;
  box-shadow: none;
  max-width: 100%;
  height: 48px;
  font-size: 15px;
  width: 100%;
}
#searchtour form .form-group button {
  width: 25%;
  background-color: #009436;
  color: #fff;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 0;
  height: 48px;
  font-size: 15px;
}
@media only screen and (max-width : 767px) {
  #searchtour form .form-group button {
    width: 100%;
    border-radius: 5px;
  }
}
#searchtour form .form-group button .fa {
  margin-right: 5px;
}
#searchtour form .form-group::after {
  clear: both;
  display: block;
  content: "";
}
#searchtour.subpage {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  position: static;
  top: auto;
  left: auto;
  padding: 0;
  border: 1px solid #ccc;
}
#searchtour.subpage form .form-group {
  margin: 0;
}
#searchtour.subpage form .form-group .map-maker.brand-box {
  width: 35%;
}
#searchtour.subpage form .form-group .map-maker::before {
  line-height: 32px;
}
#searchtour.subpage form .form-group select {
  height: 34px;
}
#searchtour.subpage form .form-group input {
  height: 34px;
}
#searchtour.subpage form .form-group .keyword-box {
  width: 55%;
}
#searchtour.subpage form .form-group .keyword-box::before {
  line-height: 32px;
}
#searchtour.subpage form .form-group button {
  height: 34px;
  width: 10%;
}
#searchtour.subpage form .form-group button .fa {
  margin: 0;
  padding: 0;
}

#business {
  padding: 20px 0;
  background-image: url("images/backcontact.jpg");
  background-size: auto 100%;
  background-position: left center;
  position: relative;
  margin: 0;
}
#business .description {
  text-align: center;
}
#business .contact-text {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 0;
  text-transform: uppercase;
}
#business .right-box {
  height: 100%;
}
#business .right-img {
  height: 100px;
}
#business .right-img img {
  position: absolute;
  bottom: -20px;
}
#business .hotline-text a {
  font-family: "UTMTimesBold", "Roboto", "sans-serif";
  color: #0152a8;
  font-size: 42px;
  line-height: 34px;
}

#material {
  padding: 40px 0 20px;
}
#material .titlebox {
  color: #c11c23;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  margin-bottom: 35px;
}
#material .titlebox::after {
  content: "";
  width: 150px;
  border-top: 1px solid #000;
  margin: 10px auto;
  display: block;
}
#material .col-icon {
  text-align: left;
  margin-bottom: 0;
}
#material .col-icon .imgbox {
  width: 70px;
  height: 70px;
  float: left;
}
#material .col-icon .title {
  font-weight: 700;
  font-size: 16px;
  margin-top: 5px;
  margin-left: 90px;
}
#material .col-icon .title img {
  margin-right: 8px;
}
#material .col-icon .icon-description {
  margin-left: 90px;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.6;
  height: 40px;
  overflow: hidden;
  color: #000;
}
#material .col-icon .icon-description p {
  margin-bottom: 0;
}
#material .col-icon::after {
  content: "";
  display: block;
  clear: both;
}
#material .view-more {
  margin: 0;
  text-align: right;
  float: right;
}
#material .view-more a {
  color: #c11c23;
  font-size: 12px;
  padding: 5px 0;
  font-style: italic;
}

#customer {
  overflow: hidden;
  position: relative;
  padding: 25px 0;
  background-color: #000;
  color: #fff;
  background-size: cover;
}
#customer.subintro {
  background-color: #0152a8;
  color: #000;
}
#customer.subintro .headerbox h2 {
  color: #000;
}
#customer.subintro .headerbox h2 span {
  color: #000;
}
#customer.subintro .item img {
  filter: grayscale(100%) brightness(0%);
}
#customer .container {
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  display: block;
}
#customer .img-box {
  margin: 0 20px;
}
#customer .item {
  float: left;
  width: 150px;
}
#customer .item img {
  height: 100px;
}
#customer .item img:hover {
  filter: none;
}
#customer #customer-carousel {
  display: block;
  width: 100%;
}
#customer .owl-carousel .owl-prev {
  color: #fff !important;
  font-size: 13px !important;
  border-radius: 50%;
  border: 2px solid #fff;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 3px;
  text-align: center;
  left: -40px;
}
#customer .owl-carousel .owl-next {
  color: #fff !important;
  font-size: 13px !important;
  border-radius: 50%;
  border: 2px solid #fff;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 3px;
  text-align: center;
  right: -40px;
}
#customer .headerbox h2 {
  color: #fff;
  text-align: left;
  line-height: 1.5;
}

#contactshop {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #EBEBEB;
  color: #000;
  font-size: 14px;
  padding: 35px 0 45px;
}
#contactshop .title {
  color: #fff;
  font-size: 16px;
  margin-bottom: 15px;
  margin-top: 10px;
  text-transform: uppercase;
  font-family: "UTMAvoBold", "Roboto", "sans-serif";
  vertical-align: bottom;
}
#contactshop .title h3 {
  font-size: 14px;
  margin-bottom: 15px;
  margin-top: 10px;
  line-height: 40px;
  color: #ff5800;
}
#contactshop .title img {
  vertical-align: top;
  height: 60px;
}
#contactshop .title::after {
  content: "";
  display: none;
  border-bottom: 3px solid #c69c6d;
  width: 40px;
  margin: 20px 0;
}
#contactshop .description {
  line-height: 1.5;
  margin: 25px 0;
}
#contactshop .logo-sig {
  margin: 70px 0 0;
}
#contactshop .logo-sig img {
  max-width: 95%;
}
#contactshop .slogan {
  text-align: center;
  margin-top: 10px;
  font-family: "UTMSwiss", "Roboto", "sans-serif";
  font-size: 22px;
}
#contactshop .logo-footer {
  margin: 0 0 15px 0;
}
#contactshop .logo-footer img {
  height: 80px;
}
#contactshop .brief-footer {
  margin: 10px 0;
}
#contactshop ul {
  list-style: none;
  padding: 0;
  margin: 0 0 25px 0;
}
#contactshop ul.contact-address {
  margin: 0;
}
#contactshop ul.contact-address li {
  margin-bottom: 2px;
  position: relative;
  line-height: 24px;
}
#contactshop ul.contact-address li i.fa {
  width: 26px;
}
#contactshop ul li {
  margin-bottom: 5px;
}
#contactshop ul li a {
  color: #000;
  line-height: 18px;
  display: inline-block;
}
#contactshop ul li a:hover {
  color: #000;
}
#contactshop ul li i.fa {
  color: #ff5800;
  font-size: 16px;
  height: 26px;
  line-height: 17px;
  text-align: center;
  margin-right: 3px;
}
#contactshop ul.contact-social li {
  display: inline-block;
}
#contactshop ul.contact-social li a::before {
  content: "";
  margin-right: 0;
}
#contactshop ul.contact-social li i.fa {
  color: #fff;
  background-color: #479ce5;
  border-radius: 2px;
  width: 26px;
  padding-top: 5px;
}
#contactshop ul.contact-social li:hover i.fa {
  background-color: #71afe4;
}
#contactshop ul.news-list li a::before {
  content: "";
  margin-right: 0;
}
#contactshop .button-more {
  margin-top: 25px;
}
#contactshop .button-more a {
  line-height: 1.5;
  padding: 8px 20px;
  background-color: #7a2717;
  color: #fff;
  text-transform: uppercase;
  border-radius: 5px;
  font-family: "AvenirNext";
  font-size: 12px;
}
#contactshop .formbox {
  text-align: right;
}
#contactshop .formbox .input-group {
  width: 100%;
  margin-bottom: 15px;
}
#contactshop .formbox input {
  width: 100%;
}
#contactshop .formbox button {
  background-color: #eecc88;
  border-radius: 20px;
  color: #000;
  font-weight: bold;
  padding: 5px 20px;
  border: none;
  margin-top: 15px;
  text-transform: uppercase;
  font-size: 13px;
}
#contactshop .counter {
  margin-top: 15px;
}
#contactshop .col-openhour .title {
  font-family: "UTMLinotypeZapfinoKT", "Roboto", "sans-serif";
  text-transform: capitalize;
  margin-bottom: 30px;
}
#contactshop .col-openhour .title > * {
  font-size: 50px;
  color: #ac8b48;
}
#contactshop .col-openhour .title::after {
  width: 30px;
  content: "";
  display: block;
  margin: 5px auto;
}
#contactshop .col-achievement {
  margin: 15px 0;
  text-align: center;
}
#contactshop .col-achievement img {
  max-width: 100%;
}
#contactshop .map-contact img {
  max-width: 200px;
}
#awards {
  padding: 30px 0;
}
#awards h2 {
  text-transform: uppercase;
  font-size: 22px;
}
#awards h2::after {
  width: 75px;
  height: 1px;
  border-top: 1px solid #aa1f55;
  content: "";
  display: block;
  margin: 15px 0;
}
#awards .description {
  margin-top: 20px;
}

#pageads {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 20px 0;
  font-size: 14px;
}
#pageads.pageevent .container {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  background-image: url("images/backevent.jpg");
  padding-bottom: 40px;
}
#pageads.pageevent h1 {
  color: #0152a8;
  font-family: "UTMAvo", "Roboto", "sans-serif";
  font-size: 14px;
  margin-bottom: 15px;
  text-align: center;
}
#pageads.pageevent .brief {
  border-bottom: none;
}
#pageads .brief {
  text-align: justify;
  height: 200px;
  border-bottom: 1px solid #e1e1e1;
}
#pageads .introads1 {
  margin-top: 5px;
}
#pageads .smalltitle {
  font-size: 15px;
  text-transform: uppercase;
  margin: 5px 0 10px;
  font-family: "UTMAvo", "Roboto", "sans-serif";
}
#pageads .col-video-adv {
  position: relative;
}
#pageads .video-adv {
  text-align: center;
}
#pageads .video-adv img {
  max-width: 100%;
}
#pageads .bigtitle h3 {
  margin: 0;
  padding: 0;
  font-family: "UTMNeutra", "Roboto", "sans-serif";
  font-size: 24px;
}
#pageads .bigtitle h3 span {
  display: block;
  line-height: 66px;
  color: #808285;
  font-size: 46px;
}
#pageads .questionads ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: "UTMAvo", "Roboto", "sans-serif";
}
#pageads .questionads ul li {
  display: block;
  font-size: 15px;
  border-bottom: 1px solid #000;
}
#pageads .questionads ul li:last-child {
  border-bottom: none;
}
#pageads .questionads ul li a {
  color: #000;
  display: block;
  padding: 8px 0;
}
#pageads .questionads ul li a:hover {
  color: #5c5c5c;
}

#serviceads {
  text-align: center;
  margin-bottom: 40px;
}
#serviceads .rowteacher {
  position: relative;
  border-radius: 8px;
  margin-top: 40px;
}
#serviceads .rowteacher::before {
  background-color: #0152a8;
  content: "";
  display: block;
  border-radius: 8px;
  width: 100%;
  position: absolute;
  top: 45px;
  bottom: 0;
  left: 0;
  right: 0;
}
#serviceads.eventpage .rowteacher::before {
  top: 100px;
}
#serviceads.eventpage .col-service {
  padding: 0 15px 20px;
}
#serviceads.eventpage .owl-item::after {
  top: 200px;
}
#serviceads.eventpage .col-service::after {
  display: none;
}
#serviceads.eventpage .servicebox {
  background-color: #fff;
  padding-top: 15px;
}
#serviceads.eventpage .imgbox {
  border-radius: 50%;
  overflow: hidden;
  margin-top: 0;
  width: 200px;
  height: 200px;
}
#serviceads.eventpage .briefbox {
  padding-bottom: 20px;
  height: 115px;
  overflow: hidden;
  max-width: 250px;
  margin: 0 auto;
}
#serviceads .col-service {
  padding: 0 30px 20px;
  position: relative;
}
#serviceads .col-service:last-child::after {
  display: none;
}
#serviceads.partypage .col-service {
  padding: 0 15px;
  margin-bottom: 25px;
}
#serviceads.partypage .col-service::after {
  display: none;
}
#serviceads.partypage .servicebox {
  background-image: url("images/circleparty.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  height: 220px;
  width: 220px;
  margin: 0 auto;
  padding: 25px 30px 25px 40px;
  transition: all 0.2s ease-in;
}
#serviceads.partypage .servicebox:hover {
  transform: scale(1.066);
}
#serviceads.partypage .titlebox {
  height: 52px;
  vertical-align: bottom;
  text-align: center;
  display: block;
  line-height: 10px;
  margin-bottom: 5px;
}
#serviceads.partypage .titlebox span {
  font-size: 20px;
  color: #f58220;
}
#serviceads.partypage .briefbox {
  height: 80px;
  font-size: 13px;
  overflow: hidden;
  font-weight: 500;
}
#serviceads .owl-item::after {
  position: absolute;
  top: 120px;
  bottom: 40px;
  width: 1px;
  right: 0;
  border-right: 1px solid #fff;
  content: "";
  display: block;
}
#serviceads .imgbox {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  height: 180px;
  border-radius: 8px;
  border: 1px solid #e1e1e1;
}
#serviceads .imgbox a {
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#serviceads .titlebox {
  font-family: "UTMPenumbraBold", "Roboto", "sans-serif";
  font-size: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
}
#serviceads .titlebox span {
  color: #0152a8;
  font-size: 28px;
  display: block;
  line-height: 40px;
}
#serviceads .briefbox {
  font-size: 14px;
  color: #fff;
}
#serviceads .owl-carousel .owl-stage {
  display: flex;
  align-items: center;
  margin: auto;
}
#serviceads .owl-item:last-child::after {
  display: none;
}
#serviceads .whitebox a {
  color: #fff;
}

#customerads {
  background-image: url("images/backcads.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-bottom: 30px;
  position: relative;
  color: #fff;
  margin-bottom: 50px;
}
#customerads.coursepage {
  background-image: none;
  color: #000;
  margin-bottom: 0;
  padding-bottom: 0;
}
#customerads.coursepage .headerbox {
  margin-bottom: 10px;
}
#customerads.coursepage .owl-carousel .owl-prev {
  color: #b7b7b7 !important;
  left: -10px;
}
#customerads.coursepage .owl-carousel .owl-next {
  color: #b7b7b7 !important;
  right: -10px;
}
#customerads.coursepage .img-box {
  float: none;
  margin: 0 auto;
}
#customerads.coursepage .contact-box {
  padding: 0 15px 20px;
  max-width: 450px;
  height: 165px;
  overflow: hidden;
  margin: auto;
}
#customerads.coursepage .name {
  margin-bottom: 6px;
  margin-top: 15px;
  text-align: center;
  color: #0152a8;
}
#customerads.coursepage .name span {
  color: #808285;
}
#customerads.coursepage .content {
  margin-top: 10px;
}
#customerads .owl-carousel {
  max-width: 700px;
  margin: 0 auto;
}
#customerads .owl-carousel .owl-prev {
  color: #fff !important;
  font-size: 18px !important;
  left: -50px;
}
#customerads .owl-carousel .owl-next {
  color: #fff !important;
  font-size: 18px !important;
  right: -50px;
}
#customerads .img-box {
  float: right;
  width: 220px;
  border-radius: 50%;
  height: 220px;
  overflow: hidden;
  border: 8px solid #e1e1e1;
}
#customerads .img-box img {
  width: 100%;
  height: 100%;
}
#customerads .item {
  position: relative;
}
#customerads .contact-box {
  max-width: 420px;
  padding: 30px 15px 20px;
}
#customerads .name {
  font-family: "UTMAvo", "Roboto", "sans-serif";
  font-size: 16px;
}
#customerads .name span {
  font-family: "UTMAvoRegular", "Roboto", "sans-serif";
  font-size: 20px;
}
#customerads .content {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 20px;
  position: relative;
  overflow: visible;
}
#customerads .content::before {
  content: "“";
  font-weight: bold;
  font-size: 24px;
  position: absolute;
  top: -5px;
  left: -13px;
}
#customerads .content::after {
  content: "“";
  font-weight: bold;
  font-size: 24px;
  position: absolute;
  bottom: -8px;
  right: -13px;
}
#customerads .headerbox.homecus {
  padding-top: 30px;
}
#customerads .headerbox.homecus h2 {
  color: #fff;
}
#customerads .headerbox.homecus span {
  color: #e6e7e8;
}

#process {
  margin: 0;
  padding-bottom: 50px;
}
#process .headerbox {
  margin-top: 0;
}
#process .process-list {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  margin: 0 -15px;
}
#process .process-item {
  min-width: 200px;
  max-width: 300px;
  flex-basis: auto;
  flex-grow: 1;
  padding: 0 15px;
  align-self: flex-end;
  position: relative;
}
#process .title {
  background-color: #0152a8;
  color: #fff;
  text-align: center;
  padding: 15px 10px;
  font-family: "UTMAvoRegular", "Roboto", "sans-serif";
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #0152a8;
}
#process .title strong {
  display: block;
  font-family: "UTMAvo", "Roboto", "sans-serif";
  text-transform: uppercase;
}
#process .brief {
  font-size: 14px;
  border: 1px solid #e1e1e1;
  border-top: none;
  text-align: center;
  padding: 15px 15px 25px 15px;
  line-height: 23px;
}
#process .brief .content {
  height: 70px;
  overflow: hidden;
}
#process .open {
  position: absolute;
  bottom: -18px;
  text-align: center;
  left: 0;
  right: 0;
}
#process .open a {
  display: inline-block;
  width: 36px;
  height: 36px;
  color: #ed1c24;
  padding: 2px 5px;
  font-size: 18px;
  border-radius: 50%;
  border: 1px solid #e1e1e1;
  background-color: #fff;
}

#step {
  margin: 0;
  padding-bottom: 25px;
  padding-top: 20px;
}
#step .step-box {
  background-color: #ebebeb;
  padding-bottom: 30px;
  margin-top: 50px;
}
#step .step-list {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  margin: 0 -15px;
  border-top: 1px solid #000;
}
#step .step-item {
  min-width: 200px;
  max-width: 300px;
  flex-basis: auto;
  flex-grow: 1;
  padding: 0 15px;
  align-self: flex-end;
  position: relative;
}
#step .imgbox {
  margin-top: -35px;
  height: 70px;
  text-align: center;
}
#step .imgbox a {
  width: 70px;
  height: 70px;
  display: inline-block;
  background-color: #fff;
  border: 3px solid #0152a8;
  border-radius: 50%;
  overflow: hidden;
  padding: 5px;
}
#step .imgbox img {
  width: 100%;
  height: 100%;
}
#step .title {
  text-align: center;
  padding: 15px 10px;
  font-family: "UTMAvo", "Roboto", "sans-serif";
  font-size: 14px;
}
#step .title a {
  color: #0152a8;
}
#step .title strong {
  display: block;
  font-family: "UTMAvo", "Roboto", "sans-serif";
  text-transform: uppercase;
}
#step .content {
  font-size: 14px;
  text-align: center;
  padding: 0 15px;
  line-height: 23px;
  height: 80px;
  overflow: hidden;
}

.main.index {
  padding-top: 40px;
}
.main ._box {
  margin-bottom: 25px;
  width: 100%;
}
.main ._box .box-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  color: #0152a8;
  text-transform: capitalize;
}
.main ._box .box-title::after {
  display: block;
  content: "";
  border-bottom: 3px solid #009436;
  width: 29%;
  margin: 10px 0 15px;
}
.main ._box .box-content {
  padding: 15px;
  border: 1px solid #e1e1e1;
  transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
}
.main ._box .category-product ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.main ._box .category-product a {
  font-size: 15px;
  padding: 5px 0;
  display: block;
  font-weight: 500;
}
.main ._box .category-product a:hover {
  color: #0152a8;
}
.main ._box .category-product li {
  position: relative;
}
.main ._box .category-product li .caret {
  position: absolute;
  right: 5px;
  top: 15px;
}
.main ._box .category-product li ul {
  max-height: 0;
  overflow-y: hidden;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
}
.main ._box .category-product li.active > ul {
  max-height: 500px;
  padding: 5px 0 10px 22px;
}
.main ._box .category-product li:hover > ul {
  max-height: 500px;
  padding: 5px 0 10px 18px;
  transition: all 0.3s ease-in;
}
.main ._box .category-product > ul > li > a {
  color: #13397c;
  border-bottom: 1px solid #c49d64;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  line-height: 18px;
  padding: 8px;
  text-transform: none;
}
.main ._box .category-product > ul > li > a:hover {
  background-color: #13397c;
  color: #e6c281;
}
.main ._box .category-product > ul > li > a::before {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 5px;
  font-size: 11px;
}
.main ._box .category-product > ul > li .imgbox {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 10px;
}
.main ._box .category-product > ul > li .imgbox img {
  max-width: 100%;
  max-height: 100%;
}
.main ._box .category-product > ul > li .caret {
  float: right;
  margin-top: 10px;
}
.main ._box .category-product > ul > li:first-child > a {
  border-top: none;
}
.main ._box .category-product > ul > li:last-child > a {
  border-bottom: none;
}
.main ._box .feature-product {
  background-color: #f0f0f0;
}
.main ._box .feature-product ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main ._box .feature-product ul li {
  padding: 15px;
  border-bottom: 1px solid #ebebeb;
}
.main ._box .feature-product .img-box {
  width: 60px;
  float: left;
  margin-right: 15px;
}
.main ._box .feature-product .title-content {
  margin-left: 75px;
}
.main ._box .feature-product .price-box {
  color: #f94b4b;
  font-size: 15px;
  font-weight: 400;
}
.main ._box .feature-product a.title-box {
  font-size: 15px;
  margin-bottom: 10px;
}
.main ._box .feature-news {
  padding: 10px;
}
.main ._box .feature-news ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main ._box .feature-news ul li {
  padding: 10px 0;
  border-bottom: 1px solid #ebebeb;
}
.main ._box .feature-news ul li::after {
  clear: both;
  content: "";
  display: block;
}
.main ._box .feature-news .img-box {
  width: 45%;
  float: left;
}
.main ._box .feature-news .img-box img {
  width: 100%;
}
.main ._box .feature-news .title-content {
  margin-left: 50%;
}
.main ._box .feature-news .time {
  color: #000;
  font-size: 12px;
  line-height: 20px;
  display: block;
}
.main ._box .feature-news a.title-box {
  font-size: 14px;
  margin-bottom: 6px;
  line-height: 1.3;
  height: 35px;
  font-weight: 500;
  overflow: hidden;
  display: block;
}
.main ._box .support-box {
  font-size: 14px;
  color: #000;
  border: 1px solid #e1e1e1;
}
.main ._box .support-box .box-title {
  background-color: #009436;
  color: #fff;
  padding: 12px 15px;
  margin: 0;
}
.main ._box .support-box .box-title::after {
  display: none;
}
.main ._box .support-box .support-content {
  padding: 10px;
}
.main ._box .support-box .support-content i.fa {
  margin-right: 5px;
}
.main ._box .support-box .support-content a {
  font-weight: bold;
  color: #0152a8;
  font-size: 15px;
}
.main ._box .support-box .support-content .formbox {
  color: #717171;
}
.main ._box .support-box .email {
  margin-bottom: 5px;
  padding: 2px 0;
}
.main ._box .support-box .email::before {
  background-image: url("images/support.png");
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  display: inline-block;
  content: "";
  vertical-align: middle;
  margin-right: 3px;
  background-size: 100% 100%;
}
.main ._box .comment-box {
  border: 1px solid #e1e1e1;
  padding: 10px;
}
.main ._box .comment-box .imgbox {
  width: 100px;
  height: 100px;
  margin: 10px auto;
  border-radius: 50%;
  overflow: hidden;
}
.main ._box .comment-box .imgbox img {
  min-height: 100%;
  min-width: 100%;
}
.main ._box .comment-box .namebox {
  text-align: center;
}
.main ._box .comment-box .namebox .title {
  font-size: 16px;
  font-weight: bold;
  color: #0152a8;
  padding: 10px 0;
}
.main ._box .comment-box .namebox .quotebox {
  padding: 5px 0;
}
.main ._box .banner img {
  width: 100%;
  margin-bottom: 35px;
}
.main ._box .box-order {
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  box-shadow: 2px 2px 2px #e0e0e0;
}
.main ._box .box-order .order-title {
  font-size: 19px;
  font-weight: bold;
  padding: 7px 10px 20px 10px;
  text-align: center;
  color: #0152a8;
  margin: 0;
}
.main ._box .box-order .form-order ._record {
  background-color: #fff;
}
.main ._box .box-order .form-order ._record .title-box {
  padding: 10px 8px;
}
.main ._box .box-order .form-order ._record .title-box .title-link {
  font-weight: 500;
  color: #333;
  font-size: 13px;
}
.main ._box .box-order .form-order ._record .title-box .price-cart {
  font-size: 16px;
  font-weight: 500;
  color: #ff0014;
  padding: 0 0 5px 0;
}
.main ._box .box-order .form-order ._record .title-box > :last-child {
  margin-bottom: 0;
}
.main ._box .box-order .form-order form {
  padding: 15px 0 0 0;
}
.main ._box .box-order .form-order form .form-control {
  border-radius: 0;
  margin-bottom: 10px;
}
.main ._box .box-order .form-order form .btn-primary {
  width: 100%;
  background-color: #009436;
  border-radius: 0;
  border-color: #009436;
  font-weight: 500;
  font-size: 14px;
  padding: 8px 10px;
  color: #fff;
}
.main ._box .box-order .form-order form .result-subscribe {
  padding: 5px;
  font-weight: bold;
  text-align: center;
}
.main .topbanner {
  width: 100%;
  background-size: cover;
  height: 140px;
  background-repeat: no-repeat;
  background-position: center center;
}
.main .topbanner.smallbanner {
  height: 180px;
  background-size: 100% auto;
}
.main .topbanner h1 {
  margin: 0;
  padding-top: 0;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 38px;
  font-family: "UTMPenumbraBold", "Roboto", "sans-serif";
  display: block;
  line-height: 60px;
  text-align: center;
  text-shadow: 3px 3px 2px #303030;
}
.main .topbanner h2 {
  margin: 0;
  padding-top: 0;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 38px;
  font-family: "UTMPenumbraBold", "Roboto", "sans-serif";
  display: block;
  line-height: 60px;
  text-align: center;
  text-shadow: 3px 3px 2px #303030;
}
.main .topbanner .nav_bar {
  margin-top: 15px;
  text-align: right;
  background-color: transparent;
}
.main .topbanner .nav_bar a {
  color: #fff;
  font-size: 14px;
}
.main .topbanner .nav_bar a:hover {
  text-decoration: underline !important;
}
.main .topbanner .nav_bar a::after {
  color: #fff;
}
.main .mostview_box ul {
  padding: 10px 0 0;
  list-style: none;
}
.main .mostview_box li {
  margin-bottom: 15px;
}
.main .mostview_box li::after {
  clear: both;
  display: block;
  content: "";
}
.main .mostview_box .img-thumb {
  width: 30%;
  float: left;
  margin-right: 10px;
}
.main .mostview_box .news-title {
  margin-left: 35%;
}
.main .mostview_box .news-title a {
  font-size: 13px;
}
.main .products_box ul {
  padding: 10px 10px 0 10px;
  text-align: center;
}
.main .products_box li {
  margin-bottom: 10px;
}
.main .products_box .news-title {
  padding: 10px 0;
}
.main .products_box .news-title a {
  color: #222;
  font-weight: bold;
}
.main .products_box .news-title a:hover {
  color: #066c96;
}
.main .products_box .img-thumb img {
  width: 100%;
  max-height: 200px;
}
.main .agent_box {
  width: auto;
  top: 55px;
}
.main .agent_box.affix-bottom {
  position: absolute;
  top: auto;
}
.main .agent_box .support_img img {
  width: 100%;
}
.main .agent_box .menu_support ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main .agent_box .menu_support ul li {
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
}
.main .online_box .box-content {
  padding: 20px;
}
.main .online_box i {
  margin-right: 10px;
  font-size: 16px;
  vertical-align: top;
}
.main .online_box .stats-left {
  width: 70%;
  display: inline-block;
}
.main .online_box .stats-right {
  width: 28%;
  display: inline-block;
  text-align: right;
}
.main .video_box .box-content {
  padding: 20px;
}
.main .video_box .video_title {
  font-size: 13px;
}
.main .nav_bar {
  font-size: 13px;
  position: relative;
  overflow: hidden;
  margin-bottom: 3px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(224, 224, 224, 0.3);
  background-color: #f7f7f7;
}
.main .nav_bar a {
  color: #000;
  font-size: 100%;
  vertical-align: -10px;
}
.main .nav_bar a:hover {
  color: #0152a8;
}
.main .nav_bar a:last-child {
  font-weight: bold;
}
.main .nav_bar a:last-child::after {
  content: "";
}
.main .nav_bar a::after {
  content: "/";
  display: inline-block;
  padding: 0 10px;
  font-size: 12px;
  color: #000;
}
.main .nav_bar i {
  padding: 0 10px 0 0;
}
.main .titlebig strong {
  margin: 0;
  padding-top: 0;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 38px;
  font-family: "UTMPenumbraBold", "Roboto", "sans-serif";
  display: block;
  line-height: 60px;
  text-align: center;
  text-shadow: 3px 3px 2px #303030;
}
.main .category_box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main .category_box ul img {
  width: 17px;
  height: 17px;
  margin-right: 15px;
  vertical-align: middle;
}
.main .category_box ul li a {
  font-weight: bold;
  color: #222;
  padding: 8px 15px;
  border-bottom: 1px dashed #eaeaea;
  display: block;
  font-size: 14px;
}
.main .category_box ul li a:hover {
  text-decoration: none;
  color: #0152a8;
}
.main .category_box ul li:last-child a {
  border-bottom: none;
}
.main .category_box ul li.active a {
  color: #0152a8;
  font-weight: bold;
}
.main .widget_box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main .widget_box ul li {
  border: 2px solid #e5e5e5;
  margin-bottom: 20px;
  height: 60px;
}
.main .widget_box ul li a {
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  padding: 10px;
  text-transform: uppercase;
}
.main .widget_box ul li a img.icon {
  float: right;
}
.main .widget_box ul li.hotline a span {
  color: #c71444;
  display: block;
  font-size: 20px;
  margin-top: 3px;
}
.main .cat-detail .title-cat {
  margin: 10px 0 25px 0;
}
.main .cat-detail .title-cat .title-head {
  margin: 0;
  font-size: 36px;
  color: #0152a8;
  text-transform: capitalize;
}
.main .cat-detail .title-cat hr {
  border-bottom: 3px solid #009436;
  width: 13%;
  margin: 10px 0 20px 0;
}
.main .cat-detail .order-box {
  border-radius: 3px;
  font-size: 14px;
  color: #0d0d0d;
  margin-bottom: 15px;
  border: 1px solid #f1f1f1;
}
.main .cat-detail .order-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.main .cat-detail .order-box ul li {
  display: inline-block;
  padding: 10px 27.7px;
}
.main .cat-detail .order-box ul li .sort-label {
  font-weight: bold;
}
.main .cat-detail .order-box ul li a {
  color: #717171;
}
.main .cat-detail .order-box ul li.active {
  background: #e1e1e1;
}
@media only screen and (max-width : 767px) {
  .main .cat-detail .order-box ul li {
    padding: 5px 10px;
  }
}

.product-show {
  padding-bottom: 20px;
  background-color: #fff;
}
.product-show .nav-tabs {
  margin: 0 auto;
  border: none;
  background-color: #338fb1;
  border-bottom: 2px solid #da2419;
}
.product-show .nav-tabs li {
  float: none;
  display: inline-block;
  text-align: center;
  margin-right: 20px;
}
.product-show .nav-tabs li a {
  padding: 5px 22px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  border: none;
  margin-top: 8px;
  margin-bottom: 8px;
}
.product-show .nav-tabs li:first-child a {
  background-color: #da2419;
  color: #fff;
  border: none;
  border-radius: 0;
  padding-top: 9px;
  margin-top: -11px;
  margin-bottom: -11px;
  padding-bottom: 9px;
  font-size: 18px;
  border-bottom: 2px solid #da2419;
}
.product-show .nav-tabs li:first-child img {
  margin-right: 8px;
  height: 23px;
}
.product-show .nav-tabs li:first-child:hover a {
  background-color: #b82118;
  color: #fff;
  border: none;
  border-bottom: 2px solid #b82118;
}
.product-show .nav-tabs li.active {
  position: relative;
}
.product-show .nav-tabs li.active:before {
  content: "";
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  width: 8px;
  height: 7px;
  background-image: url("images/triangle.png");
}
.product-show .nav-tabs li.active a {
  background-color: #fff;
  color: #338fb1;
  position: relative;
}
.product-show .nav-tabs li:hover a {
  background-color: #fff;
  color: #338fb1;
  border: none;
}
.product-show .nav-tabs > li.active > a {
  border: none;
}
.product-show .nav-tabs > li.active > a:focus {
  border: none;
}
.product-show .nav-tabs > li.active > a:hover {
  border: none;
}
.product-show .tab-content {
  padding: 25px 20px;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  margin-bottom: 25px;
}
.product-show .col-product {
  margin-bottom: 26px;
  transition: ease 0.35s;
  text-align: center;
  border-radius: 5px;
  box-shadow: 2px 0 5px #c4c4c4;
  border-bottom: 2px solid #fff;
  overflow: hidden;
}
.product-show .col-product:hover {
  border-bottom: 2px solid #2a62bc;
}
.product-show .col-product:hover img {
  transform: scale(1.066);
}
.product-show .col-product .product-image {
  text-align: center;
  display: block;
  width: 100%;
  height: 140px;
  overflow: hidden;
  position: relative;
}
.product-show .col-product .product-image a {
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  height: 100%;
}
.product-show .col-product .product-image img {
  transition: ease 0.35s;
  max-height: 175px;
  height: 100%;
}
.product-show .col-product .price-box {
  font-size: 22px;
  font-family: "UTMAvo", "Roboto", "sans-serif";
  font-weight: normal;
  line-height: 1.3;
}
.product-show .col-product .room-box {
  text-align: center;
  max-width: 200px;
  margin: 55px auto;
}
.product-show .col-product .room-box select {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}
.product-show .col-product .room-box button {
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  background-color: #0152a8;
  border: 1px solid #0152a8;
  line-height: 20px;
}
.product-show .col-product .product-description {
  font-size: 14px;
  text-align: center;
  width: 80%;
  margin: 10px auto;
  height: 60px;
  overflow: hidden;
}
.product-show .col-product .product-buy {
  margin: 2px 0 10px;
  text-align: center;
}
.product-show .col-product .product-buy a {
  padding: 1px 6px;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 5px;
}
.product-show .col-product .product-buy a.price {
  color: #eb2525;
  font-size: 14px;
  font-weight: 500;
}
.product-show .col-product .product-buy a.detail {
  color: #dc3d35;
}
.product-show .col-office {
  margin: 10px 0 20px;
}
.product-show .col-office h3 {
  font-family: "AvenirNext";
  font-size: 17px;
  margin: 10px 0;
}
.product-show .col-office .image {
  margin-bottom: 20px;
  height: 110px;
  text-align: center;
}
.product-show .col-office .image img {
  height: 100%;
  max-width: 100%;
}
.product-show .col-office > div {
  margin-bottom: 8px;
  font-size: 15px;
}
.product-show .col-office > div strong {
  color: #666666;
  margin-right: 5px;
  font-size: 17px;
  vertical-align: middle;
  width: 20px;
  display: inline-block;
}
#bottomhotline .buttonbottom {
  bottom: 5px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  height: 35px;
  padding: 0 20px;
  position: fixed;
  right: 0;
  z-index: 99;
  width: 100%;
  text-align: center;
}
#bottomhotline .buttonbottom a {
  color: #fff;
  background: #c90000;
  border-radius: 2px;
  margin-right: 15px;
  padding: 6px 20px;
}
#bottomhotline .buttonbottom a:last-child {
  margin-right: 0;
}
#bottomhotline .buttonbottom a.baogia {
  background: #000;
}
#bottomhotline .requestprice {
  display: none;
  width: 500px;
}

#intropage {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
}
#intropage img {
  max-width: 100%;
}
#intropage .header-intro {
  font-weight: 500;
  font-size: 22px;
  padding: 5px 0;
  margin: 15px 0 20px;
  color: #000;
}
#intropage .header-intro::before {
  border-left: 3px solid #ff9330;
  height: 70px;
  content: "";
  display: inline;
  margin-right: 15px;
}
#intropage .action-content {
  margin: 25px 0 15px;
}
#intropage .action-content .nav-tabs {
  border: none;
  margin-bottom: 15px;
}
#intropage .action-content .nav-tabs .icon {
  height: 25px;
  margin-right: 8px;
  float: left;
  position: relative;
}
#intropage .action-content .nav-tabs .icon img {
  height: 100%;
}
#intropage .action-content .nav-tabs li {
  text-transform: uppercase;
  vertical-align: middle;
  font-weight: 500;
  font-size: 14px;
}
#intropage .action-content .nav-tabs li a {
  display: block;
  border: 1px solid #ededed;
  border-radius: 0;
  margin: 0;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 21px;
}
#intropage .action-content .nav-tabs li a:hover {
  background-color: #ff9330;
  color: #fff;
  border: 1px solid #ededed;
}
#intropage .action-content .nav-tabs li a:hover img {
  filter: grayscale(100%) brightness(200%);
}
#intropage .action-content .nav-tabs li a::after {
  content: "";
  clear: both;
  display: block;
}
#intropage #product-carousel {
  margin: 35px 0;
}
#intropage #product-carousel img {
  max-height: 100px;
}
#intropage .service-content {
  margin-bottom: 25px;
  margin-top: 25px;
}
#intropage .service-content .nav-tabs {
  border: none;
  margin-bottom: 15px;
}
#intropage .service-content .nav-tabs .icon {
  height: 20px;
  margin-right: 8px;
  float: left;
  position: relative;
}
#intropage .service-content .nav-tabs .icon img {
  height: 100%;
}
#intropage .service-content .nav-tabs li a {
  display: block;
  border: 1px solid #ededed;
  border-radius: 0;
  margin: 0;
  padding: 6px 10px;
}
#intropage .service-content .nav-tabs > li.active .icon img {
  filter: contrast(100%) brightness(200);
}
#intropage .service-content .title {
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #000;
  font-size: 17px;
}
#intropage .service-content .nav > li {
  text-transform: uppercase;
}
#intropage #cert-carousel {
  margin: 25px 0;
}
#intropage .intro-brief *::first-letter {
  font-size: 30px;
  line-height: 40px;
  padding-top: 0;
  padding-right: 2px;
  padding-left: 0;
}
#intropage .nav-tabs > li.active > a {
  color: #fff;
  background-color: #ff9330;
}
#intropage .nav-tabs > li.active > a:focus {
  color: #fff;
  background-color: #ff9330;
}
#intropage .nav-tabs > li.active > a:hover {
  color: #fff;
  background-color: #ff9330;
}
#intropage .nav-tabs > li.active .icon img {
  filter: grayscale(100%) brightness(200%);
}
#intropage .view-more a {
  color: #ff9330;
  text-transform: uppercase;
  border-radius: 12px;
  padding: 5px 10px;
}
#intropage .view-more a:hover {
  background-color: #ff9330;
  color: #fff;
}

.backtotop {
  background: #000 none repeat scroll 0 0;
  bottom: 52px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 500;
  height: 36px;
  padding: 2px;
  position: fixed;
  right: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 36px;
  z-index: 99;
  border-radius: 2px;
  cursor: pointer;
}
.backtotop .fa {
  display: block;
}

.baogiabox .title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 10px;
}
.baogiabox #baogia {
  max-width: 620px;
}
.baogiabox #baogia .car_choose::after {
  content: "";
  display: block;
  clear: both;
}
.baogiabox #baogia h3 {
  border-bottom: 2px solid #555;
  color: #222;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.baogiabox #baogia .car_choose ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.baogiabox #baogia .car_choose ul li {
  width: 50%;
  float: left;
}
.baogiabox #baogia .car_choose ul li input {
  display: inline;
  width: auto;
  height: auto;
  font-weight: normal;
  margin-right: 5px;
}
.baogiabox #baogia .car_choose ul li label {
  display: inline;
  width: auto;
  height: auto;
  font-weight: normal;
}
.baogiabox #baogia button.submit {
  background: #222 none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  font-weight: bold;
  padding: 8px 25px;
  text-transform: uppercase;
}
.baogiabox .success {
  color: #00b807;
  text-align: center;
}
.baogiabox .error {
  color: #ff0000;
}

footer {
  background-color: #f7f7f7;
}
footer p {
  margin-bottom: 5px;
}
footer .topfooter {
  position: relative;
  padding: 40px 15px 55px;
  font-size: 13px;
}
footer .bottom-visited {
  position: relative;
  text-align: right;
  display: inline;
  margin-right: 15px;
  font-family: "Roboto", "sans-serif";
}
footer .copyright {
  padding-top: 4px;
  color: #000;
}
footer .topclick {
  z-index: 10;
  text-align: right;
}
footer .topclick a {
  font-size: 15px;
  color: #fff;
  background-color: #000;
  border-radius: 50%;
  text-align: center;
  padding: 0;
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 27px;
}
footer .col-title {
  font-size: 17px;
  margin: 10px 0 25px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "AvenirNext";
}
footer .social-network {
  margin: 15px 0;
}
footer .social-network a {
  display: inline-block;
  width: 200px;
  margin-right: 15px;
}
footer .social-network a.fb::before {
  background-position: center center;
}
footer .social-network a.yt::before {
  background-position: right center;
}
footer .social-network a.tw::before {
  background-position: left center;
}
footer .social-network a::before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 29px;
  height: 29px;
  background-image: url("images/social.png");
  padding-top: 35px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
}
footer .bottombar {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 25px;
  border-top: 1px solid #ef662f;
}
footer .bottombar p {
  padding: 0 0 5px 0;
  margin: 0;
}
footer .bottombar .bottommenu {
  margin-bottom: 10px;
}
footer .bottombar .bottommenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .bottombar .bottommenu ul li {
  display: inline-block;
  position: relative;
  float: left;
  padding: 0 15px;
  margin: 0;
  line-height: 24px;
}
footer .bottombar .bottommenu ul li:first-child {
  padding-left: 0;
}
footer .bottombar .bottommenu::after {
  content: "";
  display: block;
  clear: both;
}
footer .col-contact {
  line-height: 1.6;
}
footer .col-contact .col-title {
  letter-spacing: -1.18px;
  margin-top: 8px;
}
footer .col-contact .social-link {
  margin-top: 20px;
}
footer .col-contact .social-link a {
  height: 27px;
  width: 27px;
  color: #ffffff;
  display: inline-block;
  line-height: 27px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  transition: all 0.1s ease-out 0s;
  vertical-align: top;
  margin-bottom: 5px;
  border-radius: 50% !important;
  margin-left: 5px;
}
footer .col-contact .social-link a.bt-facebook {
  background: #3b5998;
}
footer .col-contact .social-link a.bt-google {
  background: #d94a39;
}
footer .col-contact .social-link a.bt-twitter {
  background: #00bdec;
}
footer .col-contact .social-link a.bt-youtube {
  background: #c4302b;
}
footer .col-contact .social-link a:hover {
  background: #000;
}
footer .col-contact .social-link a i.fa {
  font-size: 15px;
}
footer #bottom-line {
  position: fixed;
  left: 15px;
  bottom: 5px;
  height: 40px;
  z-index: 999999;
}
footer #bottom-line .zalo-button {
  position: fixed;
  bottom: 50px;
  left: 15px;
}
footer #bottom-line .zalo-button a {
  display: block;
  width: 60px;
  height: 60px;
  background-image: url("images/zalo_cicle_icon.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0.6;
}
footer #callnow {
  display: block;
  float: left;
  border-right: 1px solid #bb1c21;
  line-height: 40px;
  height: 40px;
  color: #fff;
  background: #b00309 url("images/hotline.png") no-repeat left 10px center;
  background-size: 24px auto;
  padding: 0 15px 0 42px;
  font-weight: bold;
  font-size: 18px;
  border-radius: 16px;
}
footer .col-links ul {
  list-style: none;
  padding: 5px 0;
}
footer .col-links ul li {
  padding: 0 0 6px 0;
}
footer .col-links ul li a {
  color: #000;
  display: block;
  font-size: 14px;
}
footer .col-gallery ul {
  list-style: none;
  padding: 0;
}
footer .col-gallery ul li {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 8px;
}
footer .col-gallery ul li img {
  width: 60px;
  height: 60px;
}

.product-detail {
  margin-top: 20px;
}
.product-detail .product-title {
  margin: 0 0 15px 0;
}
.product-detail .product-title h1 {
  margin-bottom: 20px;
  font-size: 28px;
  color: #0152a8;
  font-weight: bold;
}
.product-detail .detail-left {
  text-align: left;
}
.product-detail .top-cat {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 17px;
  color: #000;
  position: relative;
  border-bottom: 1px solid #ddd;
  padding-bottom: 11px;
}
.product-detail .top-cat .cat-title {
  position: relative;
}
.product-detail .top-cat h1 {
  font-size: 17px;
  font-family: "UTMAvo", "Roboto", "sans-serif";
  color: #13387c;
  display: block;
  padding-bottom: 0;
  padding-top: 0;
  margin-top: 5px;
  padding-left: 0;
}
.product-detail .top-cat h2 {
  font-size: 17px;
  font-family: "UTMAvo", "Roboto", "sans-serif";
  color: #13387c;
  display: block;
  padding-bottom: 0;
  padding-top: 0;
  margin-top: 5px;
  padding-left: 0;
}
.product-detail .top-cat .description {
  font-size: 13px;
  color: #444444;
  margin: 15px 0;
}
.product-detail .sort-cat {
  padding: 5px 0;
}
.product-detail .image-product {
  text-align: center;
  margin-bottom: 15px;
  float: left;
  border: 1px solid #dfdfdf;
  padding: 15px;
}
.product-detail .image-product img {
  display: inline-block;
}
.product-detail .thumb-left {
  margin: 0 -10px;
  overflow-y: auto;
  max-height: 460px;
}
.product-detail .thumb-left::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
  width: 8px;
  height: 30px;
}
.product-detail .thumb-left::-webkit-scrollbar {
  width: 8px;
}
.product-detail .thumb-left::after {
  clear: both;
  content: "";
  display: block;
}
.product-detail .thumb-left .item {
  float: left;
  width: 50%;
  height: 80px;
  margin: 0 0 15px 0;
  padding: 0 10px;
}
.product-detail .thumb-left .item img {
  width: 100%;
  height: 100%;
}
.product-detail .network_ppage {
  margin: 15px 0;
  clear: both;
}
.product-detail .product-price-col {
  position: relative;
  margin: 0 0 15px 0;
}
.product-detail .product-price-col h1 {
  line-height: 1.5;
  text-align: left;
  margin: 0 0 10px 0;
  font-size: 17px;
  padding: 0;
  color: #000;
}
.product-detail .product-price-col .price_box {
  margin-top: 5px;
  margin-bottom: 15px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
}
.product-detail .product-price-col .price_box .sale_price {
  font-size: 15px;
  line-height: 20px;
}
.product-detail .product-price-col .price_box .sale_price .priceshow {
  color: #ff3c00;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.5;
  display: inline-block;
}
.product-detail .product-price-col .price_box .sale_price .priceshow span {
  font-size: 18px;
}
.product-detail .product-price-col .price_box > div {
  display: inline-block;
}
.product-detail .product-price-col .price_box .old_price {
  font-size: 18px;
  margin-left: 10px;
}
.product-detail .product-price-col .info_box {
  font-size: 14px;
  text-align: left;
}
.product-detail .product-price-col .info_box div {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 4px;
  padding-right: 5px;
  border-right: 1px solid #ccc;
}
.product-detail .product-price-col .info_box div:last-child {
  border-right: 0;
}
.product-detail .info-box {
  color: #717171;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
  padding: 0 0 15px 0;
}
.product-detail .info-box p {
  margin: 0 0 5px 0;
}
.product-detail .info-box span {
  color: #000;
}
.product-detail .info-box i.fa {
  width: 20px;
  margin-right: 4px;
  text-align: center;
}
.product-detail .desc_ppage {
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 5px;
  text-align: left;
  line-height: 1.3;
  font-size: 14px;
  border-bottom: 1px solid #eee;
}
.product-detail .desc_ppage p {
  margin: 0;
  padding: 5px 0;
}
.product-detail .info_property {
  margin-top: 10px;
}
.product-detail .info_property p {
  margin-bottom: 12px;
}
.product-detail .info_property label {
  width: 100px;
  float: left;
  display: inline-block;
  font-weight: 500;
  color: #444;
}
.product-detail .info_property strong {
  font-weight: normal;
  margin-left: 10px;
}
.product-detail .info_property strong.price {
  color: #eb2525;
  font-size: 14px;
  font-weight: 500;
}
.product-detail form {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  text-align: left;
}
.product-detail form select {
  font-size: 15px;
  padding: 5px;
  width: 55%;
  border: 1px solid #ccc;
  vertical-align: middle;
}
.product-detail form input[type=number] {
  font-size: 15px;
  padding: 5px 0;
  text-align: center;
  margin-right: 10px;
  width: 45%;
  border: 1px solid #ccc;
}
.product-detail form .fa {
  margin-right: 5px;
}
.product-detail .order-cart {
  padding: 7px 0;
  margin: 15px 0;
}
.product-detail .order-cart .size-list {
  margin: 0 0 15px 0;
}
.product-detail .order-cart .size-list span {
  margin-right: 15px;
  float: left;
  width: 96px;
  margin-top: 7px;
}
.product-detail .order-cart .size-list .size-list-option {
  margin-left: 90px;
}
.product-detail .order-cart .size-list label {
  font-weight: normal;
  border: 1px solid #ccc;
  padding: 3px 5px;
  margin-right: 8px;
  margin-bottom: 8px;
  cursor: pointer;
}
.product-detail .order-cart .size-list input {
  display: none;
}
.product-detail .order-cart .size-list input[type=radio]:checked + label {
  border: 1px solid #8b8b8b;
  background-color: #ccc;
}
.product-detail .order-cart p {
  width: 45%;
  display: inline-block;
}
.product-detail .order-cart p span {
  width: 45%;
  display: inline-block;
}
.product-detail .phoneget {
  margin: 10px 0 20px 0;
}
.product-detail .btnOrder {
  border: none;
  margin: 0 auto;
  cursor: pointer;
  color: #fff;
  font-size: 13px;
  padding: 7px 15px;
  background-color: #ff0014;
  border-radius: 3px;
  display: block;
  width: 100%;
}
.product-detail .btnOrder span {
  font-size: 17px;
  display: block;
}
.product-detail .office_link {
  margin: 15px 0;
  text-align: center;
}
.product-detail .office_link a {
  padding: 8px 25px;
  background-color: #7a2717;
  border-radius: 5px;
  text-transform: uppercase;
  color: #fff;
  font-family: "AvenirNext";
  font-size: 14px;
}
.product-detail .office_link a i.fa {
  margin-right: 5px;
}
.product-detail #support_request_call {
  color: #bf7601;
  border-radius: 10px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  width: 100%;
  padding: 5px 0;
}
.product-detail #support_request_call strong {
  color: #ff0000;
  font-weight: bold;
  display: block;
  font-size: 18px;
}
.product-detail .button_book {
  text-align: right;
}
.product-detail .button_book a {
  color: #bf7601;
  text-transform: uppercase;
  text-align: center;
  padding: 8px 28px;
  font-size: 15px;
  margin: auto;
  display: inline-block;
  font-weight: 500;
  border: 2px solid #bf7601;
  border-radius: 3px;
}
.product-detail .support_box {
  border: 1px dashed #cecece;
  margin-bottom: 20px;
  padding: 10px 15px;
}
.product-detail .box-heading {
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px 0;
  border-bottom: 2px solid #eee;
  margin-bottom: 20px;
  font-size: 15px;
  color: #000;
}
.product-detail .tab-content {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
}
.product-detail .tab-content img {
  max-width: 100%;
}
.product-detail .product-related .headerbox {
  text-align: left;
  border-bottom: 1px solid #ccc;
  padding: 0 0 5px 0;
  margin: 0 0 15px 0;
}
.product-detail .product-related .headerbox > * {
  font-size: 22px;
}
.product-detail .product-related .other_product {
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 2px solid #eee;
  margin-bottom: 20px;
  font-size: 15px;
  color: #000;
}
.product-detail .product-col {
  margin-bottom: 10px;
}
.product-detail .product-col .product-image {
  min-height: 150px;
  overflow: hidden;
  margin-bottom: 10px;
}
.product-detail .product-col .product-image img {
  margin: auto 0;
  max-width: none;
}
.product-detail .product-col .product-title a {
  display: block;
  color: #000;
  overflow: hidden;
}
.product-detail .product-tab {
  margin-left: 0;
  margin-right: 0;
  font-size: 14px;
}
.product-detail .product-tab .nav-link {
  margin-bottom: 15px;
  border-bottom: 1px solid #cccccc;
}
.product-detail .product-tab .nav-link ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.product-detail .product-tab .nav-link ul li {
  display: inline-block;
}
.product-detail .product-tab .nav-link ul li a {
  font-size: 16px;
  color: #333333;
  padding: 10px 15px;
  display: block;
}
.product-detail .product-tab .nav-link ul li a.active {
  border-bottom: 3px solid #009436;
}
.product-detail .product-tab .head-title {
  margin-top: 20px;
  border-left: 3px solid #009436;
  padding: 5px 0 5px 10px;
  color: #0152a8;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 600;
}
.product-detail .product-tab img {
  max-width: 100%;
  height: auto !important;
  width: auto !important;
  min-width: 0;
}
.product-detail .product-tab .product-brief {
  font-weight: bold;
  margin: 0 0 15px 0;
}
.product-detail .product-tab .schedule-content {
  padding: 0px 20px;
  border-left: 1px solid #009436;
}
.product-detail .product-tab .schedule-content h3 {
  margin: 25px 0 15px 0;
  font-weight: bolder;
  font-size: 20px;
  position: relative;
  color: #0152a8;
}
.product-detail .product-tab .schedule-content h3::before {
  height: 25px;
  width: 25px;
  background-color: #009436;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: -5px;
  left: -33px;
  content: "";
}
.product-detail .product-tab .reply_box {
  padding: 0 0 15px 0;
}
.product-detail .product-tab .reply_box .col-input {
  margin: 0 0 15px 0;
}
.product-detail .product-tab .reply_box select {
  width: 100%;
}
.product-detail .product-tab .reply_box #comment-ok {
  display: none;
}
.product-detail .product-tab .reply_box .reply_post {
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 15px 15px;
  border: 1px solid #ddd;
  color: #000;
  font-size: 14px;
}
.product-detail .product-tab .reply_box .reply_post dt {
  padding-bottom: 5px;
}
.product-detail .product-tab .reply_box .reply_post dt .posted_date {
  float: right;
  font-style: italic;
  color: #717171;
  font-size: 13px;
}
.product-detail .product-tab .reply_box .reply_post dt .name {
  font-size: 16px;
}
.product-detail .product-tab .reply_box .reply_post dt .star {
  color: #ffc700;
  padding: 0 10px;
  font-size: 16px;
}
.product-detail .product-tab .reply_box .reply_post dd {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  font-size: 14px;
}
.product-detail .product-tab .reply_box .reply_post dd .response {
  background-color: #e0e0e0;
  margin-left: 25px;
  margin-top: 15px;
  border-radius: 5px;
  padding: 8px 15px;
}
.product-detail .product-tab .reply_box .reply_post dd .response .response-admin {
  font-weight: bold;
  margin-bottom: 5px;
}
.product-detail .product-tab .reply_box .reply_post dd:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.product-detail ul.small_image {
  list-style: none;
  padding: 0;
  margin: 10px 0;
}
.product-detail ul.small_image li {
  margin-bottom: 5px;
  z-index: 1;
}
.product-detail ul.small_image li img {
  width: 80px;
  height: 60px;
}
.product-detail .nav li a {
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
}
.product-detail .nav li.active a {
  font-weight: bold;
  color: #338fb1;
}

.product-image-col {
  margin-bottom: 15px;
  max-height: 500px;
  overflow: hidden;
}
.product-image-col img {
  max-height: 460px;
}
.product-image-col .title-gallery {
  text-align: center;
}
.product-image-col .title-gallery h3 {
  color: #00c0f7;
  margin: 50px 0;
  font-size: 31px;
  position: relative;
}
.product-image-col .title-gallery h3::after {
  content: "";
  display: block;
  width: 60px;
  border-bottom: 1px solid #00c0f7;
  margin: 15px auto;
}

#owl-bigimg .owl-stage {
  display: flex;
  flex-wrap: wrap;
}
#owl-bigimg .item {
  margin: 2px;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  height: 100%;
}
#owl-bigimg.owl-theme {
  position: relative;
}
#owl-bigimg.owl-theme .owl-next {
  width: 22px;
  line-height: 40px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  text-align: center;
  top: 50%;
  right: 10px;
}
#owl-bigimg.owl-theme .owl-prev {
  width: 22px;
  line-height: 40px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 10px;
}

#owl-thumbsimg .item {
  background: #c9c9c9;
  height: 70px;
  line-height: 70px;
  padding: 0;
  margin: 2px;
  color: #fff;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
#owl-thumbsimg .item h1 {
  font-size: 18px;
}
#owl-thumbsimg .item img {
  height: 100%;
}
#owl-thumbsimg.owl-theme .owl-next {
  background: #333;
}
#owl-thumbsimg.owl-theme .owl-prev {
  background: #333;
}
#fancybox-wrap {
  box-sizing: content-box;
}
#fancybox-wrap * {
  box-sizing: content-box;
}

.full_price {
  display: inline-block;
  padding: 2px 0;
}

.flash-success {
  font-weight: bold;
  color: green;
  font-size: 22px;
  margin: 20px auto;
  max-width: 600px;
  padding: 10px 50px;
  border-radius: 10px;
}

.product_box {
  text-align: center;
}
.product_box .product-col {
  padding: 10px;
}
.product_box .product-col .product-image {
  height: auto;
}
.product_box .product-col .product-title a {
  height: auto;
}

._pbox1 {
  margin-bottom: 15px;
}
._pbox1 > p {
  background: #f0f0f0;
  color: #000;
  font-size: 14px;
  padding: 10px 15px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}
._pbox1 li a {
  padding: 2px 0;
  display: block;
  color: #444444;
}
._pbox1 li a:hover {
  color: #222;
  font-weight: bold;
}
._pbox1 li.active a {
  color: #222;
  font-weight: bold;
}
._pbox1 ul.colorlist::after {
  content: "";
  display: block;
  clear: both;
}
._pbox1 ul.colorlist li {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 0 10px 10px 0;
  float: left;
}
._pbox1 ul.colorlist li a {
  width: 100%;
  height: 100%;
  padding: 0;
  text-align: center;
  font-size: 0;
}
._pbox1 ul.colorlist li.active {
  border: 4px solid #b3b3b3;
}
._pbox1 ul.colorlist li.all a {
  font-size: 14px;
  padding-top: 15px;
}
._pbox1 .filter-box {
  padding-bottom: 0;
  padding-top: 0;
}
._pbox1 .filter-box .title-filter {
  color: #333;
  display: block;
  font-size: 16px;
  font-family: "UTMAvoBold", "Roboto", "sans-serif";
  text-transform: capitalize;
  cursor: pointer;
  padding: 12px 15px 10px;
  background-color: #eceff1;
  border: 1px solid #cfd8dc;
  border-top: 1px solid #7d9dab;
  border-bottom: none;
  position: relative;
}
._pbox1 .filter-box .title-filter.active::after {
  content: "-";
}
._pbox1 .filter-box .showbox {
  display: none;
}
._pbox1 .filter-box ul {
  margin-bottom: 0;
  padding: 10px;
  overflow-y: scroll;
}
._pbox1 .filter-box ul li {
  border-bottom: none;
}
._pbox1 .filter-box ul li a::before {
  content: "";
  width: 12px;
  display: inline-block;
  text-align: right;
  margin-right: 11px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 18px;
  vertical-align: middle;
  color: #ccc;
}
._pbox1 .filter-box ul li.active a::before {
  content: "";
  color: #ed1c24;
}
._pbox1 .filter-box ul li.active a {
  color: #ed1c24;
}
._pbox1 .filter-box ul li a {
  display: block;
  font-weight: 400;
  color: #666;
  text-transform: capitalize;
  padding-right: 0;
}
._pbox1 .filter-box ul li a:hover {
  color: #ed1c24;
}
._pbox1 .filter-box ul::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
}
._pbox1 .filter-box ul::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}
._pbox1 .filter-box ul::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}
._pbox1 .filter-box .filter-price {
  padding: 15px 15px 20px 15px;
  border: 1px solid #cfd8dc;
}
._pbox1 .filter-box .filter-price .range-value {
  color: #2c2c2c;
  display: inline-block;
  margin-bottom: 12px;
  font-weight: 500;
}
._pbox1 .filter-box .nocheckbox ul {
  max-height: none;
}
._pbox1 .filter-box .nocheckbox ul li a::before {
  display: none;
}

.list-news .title-cat {
  margin: 0 0 25px 0;
}
.list-news .title-cat .title-head {
  font-size: 36px;
  color: #0152a8;
  text-transform: capitalize;
}
.list-news .title-cat hr {
  border-bottom: 3px solid #009436;
  width: 13%;
  margin: 10px 0;
}
.list-news .banner_top {
  margin-bottom: 22px;
}
.list-news .banner_top img {
  width: 100%;
  box-shadow: 5px 10px 5px #888888;
}
.list-news .cat-brief {
  margin-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
}
.list-news .news-list {
  padding-bottom: 20px;
}
.list-news .image-thumb {
  background: #fff;
  width: 100%;
  overflow: hidden;
}
.list-news .image-thumb img {
  width: 100%;
  max-height: 220px;
}
.list-news .news-item {
  margin-bottom: 24px;
}
.list-news h3 {
  max-height: 50px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  margin: 10px 0 5px 0;
}
.list-news h3 a {
  color: #0152a8;
  font-size: 20px;
  line-height: 1.2;
  display: block;
}
.list-news h3 a:hover {
  color: #057196;
}
.list-news .info_news {
  font-size: 12px;
  line-height: 28px;
  margin-bottom: 6px;
  color: #888;
  display: block;
  padding-left: 15px;
  background: url("css/news/time.png") 0 2px no-repeat;
  background-position: left center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 6px;
}
.list-news .info_news a {
  color: #888;
}
.list-news .news-description {
  font-size: 14px;
  height: 48px;
  overflow: hidden;
}
.list-news .faq-cat {
  margin-bottom: 20px;
}
.list-news .faq-cat h3 {
  font-family: "AvenirNext";
  font-size: 24px;
  margin: 0 0 20px 0;
  text-transform: uppercase;
  font-weight: bold;
  color: #696969;
}
.list-news .faq-cat dl dt {
  margin: 10px 0 15px;
  font-family: "AvenirNext";
  font-size: 20px;
  border-bottom: 1px solid #ccc;
  padding: 0 0 5px 0;
  cursor: pointer;
}
.list-news .faq-cat dl dt i.fa {
  float: right;
  color: #ccc;
}
.list-news .faq-cat dl dd {
  margin-bottom: 15px;
  display: none;
}
.list-news .news-description a {
  color: #eb2525;
  font-style: italic;
  display: inline-block;
  padding-right: 12px;
  font-size: 11px;
  background: url("css/news/arrow.png") center right no-repeat;
}

.list-video .video-list {
  margin-top: 15px;
  margin-bottom: 15px;
}
.list-video .video-list .news-item {
  margin: 15px 0;
}
.list-video .image-thumb {
  width: 100%;
  height: 200px;
}
.list-video .image-thumb iframe {
  width: 100%;
  height: 100%;
}
.list-video .news-col h3 {
  font-family: "AvenirNext";
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  margin: 10px 0;
}

.list-album .tab-item {
  text-align: center;
}
.list-album .nav {
  display: inline-block;
  font-family: "UTMAvo", "Roboto", "sans-serif";
  font-size: 16px;
}
.list-album .nav li::after {
  content: "/";
  padding: 0 10px;
  display: inline-block;
  color: #a7a9ac;
  font-size: 22px;
  vertical-align: top;
}
.list-album .nav li:last-child::after {
  display: none;
}
.list-album .nav li a {
  color: #a7a9ac;
  padding: 0;
  display: inline-block;
  font-size: 22px;
}
.list-album .nav li a:hover {
  background-color: transparent;
}
.list-album .nav li.active a {
  background-color: transparent;
  font-weight: normal;
  color: #0152a8;
}
.list-album .nav li.active a::after {
  width: 100%;
  content: "●●●●●";
  display: block;
  text-align: center;
  color: #939598;
  font-size: 12px;
  letter-spacing: 2px;
}
.list-album .news-list {
  margin: 20px -10px;
}
.list-album .news-item {
  margin-bottom: 20px;
  position: relative;
  padding: 0 10px;
  overflow: hidden;
}
.list-album .news-item .image-thumb {
  height: 200px;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.list-album .news-item .image-thumb img {
  transition: ease 0.35s;
  height: 100%;
  max-width: none;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.list-album .news-item:hover .news-col {
  height: 50px;
  padding: 15px;
}
.list-album .news-item:hover .image-thumb img {
  transform: translate(-50%, -50%) scale(1.066);
}
.list-album .news-item .news-col {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.7);
  height: 0;
  padding: 0;
  transition: ease 0.35s;
}
.list-album .news-item .news-col h3 {
  display: block;
  text-align: center;
  font-family: "UTMAvoRegular", "Roboto", "sans-serif";
  text-transform: uppercase;
  font-size: 14px;
  margin: 0;
  height: 30px;
  overflow: hidden;
  line-height: 1.5;
}
.list-album .news-big {
  width: 50%;
}
.list-album .news-big .image-thumb {
  height: 420px;
}

.news_box ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.news_box ul li {
  padding: 10px 5px;
  border-top: 1px dashed #ddd;
  clear: both;
}
.news_box ul li:after {
  content: "";
  clear: both;
  display: block;
}
.news_box .image-thumb {
  float: left;
  padding: 4px;
  border: 1px solid #e0e0e0;
  width: 30%;
}
.news_box .image-thumb img {
  width: 100%;
}
.news_box .title-news {
  margin-left: 32%;
}
.news_box .title-news a {
  color: #000;
  font-size: 12px;
}

.news-detail {
  margin: 20px 0 0 0;
}
.news-detail .news-title h1 {
  font-size: 26px;
  color: #0152a8;
  margin: 0 0 10px 0;
}
.news-detail .title_p {
  font-size: 21px;
  color: #222;
  margin: 0;
  display: inline;
}
.news-detail .news_info {
  color: #999;
  margin-bottom: 10px;
  background: url("css/news/time.png") 0 4px no-repeat;
  padding-left: 15px;
  font-size: 13px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5px;
}
.news-detail .news_info a {
  color: #999;
}
.news-detail .brief_news_page {
  margin-bottom: 20px;
}
.news-detail .content_news_page::after {
  clear: both;
  display: block;
  content: "";
}
.news-detail .network_ppage {
  margin: 15px 0;
}
.news-detail img {
  max-width: 100%;
  height: auto !important;
}
.news-detail .content_news_page * {
  max-width: 100% !important;
}
.news-detail .tags_news_page {
  font-size: 12px;
  margin: 15px 0;
}
.news-detail .tags_news_page a {
  color: #000;
}
.news-detail .related_news_page {
  background: rgba(232, 232, 232, 0.8);
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 15px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.news-detail .related_news_page .title_related {
  font-weight: bold;
  font-size: 20px;
  margin: 0 0 10px 0;
  color: #0152a8;
}
.news-detail .related_news_page .title_related i.fa {
  color: #ff9933;
  font-size: 17px;
  margin-right: 10px;
}
.news-detail .related_news_page ul {
  padding: 0 10px;
  margin: 0 10px;
}
.news-detail .related_news_page ul li {
  padding: 2px 5px;
}
.news-detail .related_news_page ul li p {
  margin-bottom: 5px;
}
.news-detail .related_news_page ul li p img {
  width: 100%;
  padding: 4px;
  height: 100px;
  border: 1px solid #ccc;
}
.news-detail .related_news_page ul li a {
  font-size: 14px;
  color: #00759a;
}
.news-detail .related-tour {
  margin: 0 0 15px 0;
}
.news-detail .related-tour .title_related {
  font-size: 16px;
  padding-left: 15px;
  color: #0152a8;
  font-weight: bold;
  height: 40px;
  display: -webkit-box;
  line-height: 20px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 5px;
}
.news-detail .related-tour .title_related i.fa {
  color: #ff9933;
  margin-right: 5px;
  font-size: 17px;
}
.news-detail .related-tour .infobox .title-content {
  padding: 10px;
}
.news-detail .related-tour .infobox .img-box {
  height: 180px;
}

.shop_page {
  margin: 20px auto;
  max-width: 800px;
}
.shop_page .head-title {
  padding: 0 16px 0 16px;
  background-color: #fff;
  border-color: #cbd3db;
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  border-left: 5px solid #32A923;
  margin-bottom: 10px;
  text-align: center;
}
.shop_page .head-title .title-top {
  color: #0B4480;
  font-size: 28px;
  font-weight: 500;
  margin: 0;
}
.shop_page .head-title .desc-top {
  color: #444;
  font-weight: 600;
  font-size: 14px;
}
.shop_page > h1 {
  font-size: 22px;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-weight: bold;
  color: #222;
  text-align: center;
  padding-right: 15px;
}
.shop_page h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 25px;
}
.shop_page table {
  border-collapse: collapse;
  margin: 0;
  width: 100%;
  background: #fff;
}
.shop_page table a {
  color: #000;
}
.shop_page table th {
  border: 1px solid #e8e8e8;
  padding: 5px 10px;
  font-size: 15px;
  background: #f4f4f4;
  color: #444;
}
.shop_page table td {
  border: 1px solid #e8e8e8;
  padding: 5px 10px;
}
.shop_page table td img {
  width: 80px;
  max-height: 80px;
}
.shop_page table td:last-child {
  text-align: center;
}
.shop_page table td:first-child {
  text-align: center;
}
.shop_page table input[type=number] {
  width: 50px;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 14px;
  color: #333;
}
.shop_page table input[type=submit] {
  border: 1px solid #ccc;
  padding: 5px 15px;
  font-size: 13px;
}
.shop_page .nav_shop {
  text-align: right;
  margin: 15px 0 25px;
}
.shop_page .nav_shop p {
  font-size: 17px;
}
.shop_page .nav_shop p strong {
  color: #ff0000;
  font-weight: bold;
}
.shop_page .nav_shop a {
  display: inline-block;
  background: #444;
  padding: 5px 15px;
  color: #fff;
  margin-left: 10px;
  font-size: 14px;
  text-decoration: none;
}
.shop_page .nav_shop a.delete-link {
  float: left;
}
.shop_page .nav_shop::after {
  clear: both;
  content: "";
}
.shop_page .list-cart {
  padding: 10px 16px;
  background-color: #fff;
  border-color: #cbd3db;
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
}
.shop_page .list-cart ._record {
  margin-bottom: 15px;
}
.shop_page .list-cart ._record .img-box {
  width: 25%;
  float: left;
  position: relative;
  height: 120px;
  overflow: hidden;
}
.shop_page .list-cart ._record .img-box a {
  display: block;
}
.shop_page .list-cart ._record .img-box a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  max-width: 130%;
  max-height: 130%;
}
.shop_page .list-cart ._record .title-box {
  margin-left: 28%;
  font-size: 14px;
}
.shop_page .list-cart ._record .title-box .title-link a {
  color: #0152a8;
  font-size: 18px;
  margin-top: 5px;
  font-weight: 500;
  line-height: 1.5;
}
.shop_page .list-cart ._record .title-box .price-cart {
  font-size: 16px;
  font-weight: 500;
  color: #ff8600;
  margin: 0 0 8px 0;
}
.shop_page .list-cart ._record .title-box p i.fa {
  margin-right: 5px;
}
.shop_page .list-cart ._record::after {
  clear: both;
  content: "";
  display: block;
}
.shop_page .button-submit {
  text-align: center;
  margin: 25px 0;
}
.shop_page .button-submit button {
  background-color: #FF9933;
  color: #fff;
  font-size: 20px;
  padding: 10px 45px;
  text-transform: uppercase;
  box-shadow: none !important;
  border-color: #ff9933;
  border: 1px solid #FF9933;
  border-radius: 3px;
  cursor: pointer;
}
.shop_page .button-submit .note {
  margin-top: 10px;
  color: #1fb10c;
  text-align: center;
  margin-bottom: 20px;
}

.contact_opage {
  font-size: 14px;
  background-color: #fff;
  padding: 15px 25px;
  box-shadow: 2px 3px 3px #cecece;
  border: 1px solid #efefef;
}
.contact_opage dt {
  display: inline-block;
  width: 30%;
  box-sizing: border-box;
  text-align: right;
  padding-right: 15px;
  vertical-align: top;
  padding-top: 5px;
}
.contact_opage dt span {
  color: red;
}
.contact_opage dd {
  display: inline-block;
  width: 65%;
  box-sizing: border-box;
}
.contact_opage dd input {
  width: 100%;
  border: 1px solid #ccc;
  padding: 5px;
}
.contact_opage dd textarea {
  width: 100%;
  border: 1px solid #ccc;
  padding: 5px;
}
.contact_opage button[type=submit] {
  width: 200px;
  border: 0;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  background-color: red;
  border-radius: 5px;
}

#contact-form {
  text-align: left;
}
#contact-form ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#contact-form ul li {
  padding: 5px 0;
  margin-bottom: 3px;
}
#contact-form ul li.col-half {
  padding-right: 10px;
}
#contact-form ul li input {
  width: 100%;
  font-size: 14px;
  padding: 5px 10px;
  border: 1px solid #cbcbcb;
}
#contact-form ul li textarea {
  width: 100%;
  font-size: 14px;
  padding: 5px 10px;
  border: 1px solid #cbcbcb;
}
#contact-form ul li input[type=submit] {
  width: 30%;
  background-color: #ff9330;
  color: #fff;
  border-radius: 0;
  border: 1px solid #ff9330;
  padding: 8px 10px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 18px;
  margin-top: -4px;
}
#contact-form ul li input[type=reset] {
  width: 30%;
  background-color: #ff9330;
  color: #fff;
  border-radius: 0;
  border: 1px solid #ff9330;
  padding: 8px 10px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 18px;
  margin-top: -4px;
  background-color: #fff;
  border: 1px solid #959595;
  margin-top: 0;
  margin-left: 5px;
  color: #959595;
}

.contact_page {
  margin: 25px 0 0;
  padding: 5px 0 0 0 !important;
}
.contact_page #info h2 {
  font-weight: bold;
  font-size: 16px;
  margin: 10px 0;
}
.contact_page #info div {
  margin-bottom: 5px;
}

.detail_contact {
  text-align: left;
  font-size: 15px;
}
.detail_contact strong {
  font-weight: 400;
}
.detail_contact h1 {
  color: #585858;
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0 15px;
}
.detail_contact h2 {
  color: #585858;
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0 15px;
}
.detail_contact p {
  margin-bottom: 3px;
}
.detail_contact a {
  color: #7e7f80;
}

.page-price {
  color: #444;
}
.page-price table {
  margin: 15px 0;
}
.page-price table th {
  border-top: 1px solid #ddd !important;
  border-bottom: none !important;
  font-weight: normal;
}
.page-price table h3 {
  font-size: 16px;
  color: #ff0000;
  margin: 5px 0;
}
.page-price table a {
  font-weight: 500;
  color: #444;
}
.page-price table .price {
  color: #ff0000;
  font-weight: 500;
}
.page-price .top-cat h1 {
  font-size: 20px;
  padding: 0;
  color: #000;
  text-transform: none;
  border-bottom: none;
}

#phantrang {
  width: 100%;
  text-align: center;
  margin: 25px 0;
  font-size: 16px;
}
#phantrang a {
  font-size: 16px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

#register .formbox .form-group {
  margin-bottom: 22px;
}
#register .formbox label {
  width: 24%;
  display: inline-block;
  box-shadow: none;
  border-radius: 0;
  font-weight: 500;
  color: #0152a8;
}
#register .formbox input {
  width: 75%;
  display: inline-block;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #ebebeb;
}
#register .formbox select {
  width: 75%;
  display: inline-block;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #ebebeb;
}
#register .formbox button {
  font-weight: 600;
  text-transform: uppercase;
  background-color: #0152a8;
  color: #fff;
  border-radius: 22px;
  border: none;
  font-size: 15px;
  padding: 6px 30px;
  margin: auto;
}

#mapus #mapcont {
  width: 100%;
  height: 450px;
  margin: 0;
}

.product-list .cityrow {
  margin-top: 10px;
  margin-bottom: 25px;
}
.product-list .cityrow select {
  margin-left: 20px;
  padding: 5px 10px;
  width: 150px;
}
.product-list .cityrow form > div {
  margin-bottom: 15px;
}

.owl-theme .owl-nav [class*=owl-] {
  transition: all 0.3s ease;
}

._pbox ul {
  padding: 0;
}

.table-document thead {
  background-color: #222;
  color: #fff;
}

ul.yiiPager a:link {
  border: solid 1px #999;
  font-weight: normal;
  color: #6e6e6e;
  padding: 1px 6px;
  text-decoration: none;
}
ul.yiiPager a:visited {
  border: solid 1px #999;
  font-weight: normal;
  color: #6e6e6e;
  padding: 1px 6px;
  text-decoration: none;
}
ul.yiiPager a:hover {
  border: solid 1px #0152a8;
}
ul.yiiPager .selected a {
  background: #ff9330;
  border: solid 1px #ff9330;
  color: #ffffff;
  font-weight: bold;
}

#our-feature {
  padding: 30px 0;
}

.feature-icon {
  width: 20%;
  display: inline-block;
  text-align: center;
  vertical-align: 35px;
}

.feature-details {
  width: 70%;
  display: inline-block;
  text-align: center;
}
.feature-details h4 {
  text-transform: uppercase;
}
.feature-details span {
  color: #403F40;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: none;
  color: #FFF;
  text-decoration: none;
}

.body_top {
  background-color: #ebebeb;
}

.submenut.has-child:hover .submenu-2 {
  display: block;
}

.submenu-2 {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  background-color: #f5f5f5;
  width: max-content;
  min-width: 250px;
  z-index: 99999;
  box-shadow: 2px 2px 20px -15px #000;
}

.fit {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
  display: block !important;
}

.max-line {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.date-start {
  max-width: 50%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  padding-right: 2px;
  text-align: right;
}

.about-us {
  height: 250px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.about-us--text {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
.about-us--text h2 {
  text-align: center;
  font-size: 50px;
}
.about-us--text h4 {
  font-size: 30px;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.social > a {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  border-radius: 50%;
  color: #fff;
  margin-right: 5px;
}
.social > a > i.fa {
  color: #fff;
}
.social--fb {
  background-color: #4d70a9;
}
.social--yt {
  background-color: #df4625;
}
.social--tw {
  background-color: #4baaf5;
}

footer .info_footer > a > img {
  margin-bottom: 10px;
}

.has-child > a:after {
  content: "";
  font-family: fontawesome;
  float: right;
}

.payment_box {
  margin-top: 5px;
}

#OrderForm_payment_method {
  display: flex;
  flex-wrap: wrap;
}
#OrderForm_payment_method input {
  width: auto;
}
#OrderForm_payment_method label {
  width: calc(100% - 20px);
  margin-left: 5px;
  margin-top: 1px;
}

.input-group-addon, .input-group-btn {
  width: auto;
}

.carousel-inner .item {
  height: 550px;
}

.slot--wrapper {
  height: 20px;
  background: rgba(151, 207, 61, 0.3);
  border-radius: 10px;
}
.slot--wrapper .slot--slider {
  height: 100%;
  background-color: #8dc73f;
  border-radius: 10px;
  position: relative;
  animation-name: slot-run;
  animation-duration: 4s;
  animation-timing-function: ease-in-out;
}
.slot--wrapper .slot--slider:after {
  content: "";
  font-family: fontawesome;
  font-size: 26px;
  position: absolute;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #44611e;
  right: 0;
  border-radius: 50%;
  background-color: #fff;
}

.tooltip-inner {
  font-size: 14px;
}

@keyframes slot-run {
  0% {
    width: 20px;
  }
  100% {
    width: 100%;
  }
}
.errorMessage {
  color: #dc3545;
}

.bank-info {
  background-color: #f1f1f1;
  padding: 15px 30px;
  margin: 0 30px 15px;
  border-radius: 10px;
}
.bank-info * {
  padding: 0px;
  margin: 0;
  line-height: 30px;
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
  content: normal;
}

@media only screen and (max-width: 1023px) {
  .list_product .item_p .box_ip h4 {
    min-height: 60px;
  }

  .menu .main_menu > ul > li a {
    padding: 0 10px;
  }

  .item_footer.info_footer {
    order: -2;
  }

  .item_footer.map {
    order: -1;
  }

  footer .item_footer > p, footer .row2 div > p {
    margin-bottom: 10px;
    margin-top: 15px;
  }

  .menu .main_menu > ul {
    overflow-x: scroll;
  }
  .menu .main_menu > ul > li {
    flex: 1 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .about-us--text h2 {
    font-size: 30px;
  }
  .about-us--text h4 {
    font-size: 20px;
  }

  .list_product .item_p .box_ip h4 {
    min-height: unset;
  }
}

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