:root {  --primary-color: #006636;  --secondary-color: #28af60; }  body, html {  color: #444;  font-family: "Roboto Condensed", sans-serif;  font-size: 15px; }  figure {  margin: 0px;  padding: 0px;  position: relative }  h2, h3, h4 {  font-size: 14px;  line-height: 20px;  font-weight: bold; }  a, a:hover, a:focus {  color: #d21a1a; }  .flex {  display: -webkit-box !important;  display: -moz-box !important;  display: -ms-flexbox !important;  display: -webkit-flex !important;  display: flex !important;  -webkit-flex-direction: row !important;  -ms-flex-direction: row !important;  flex-direction: row !important;  -webkit-flex-wrap: wrap !important;  -ms-flex-wrap: wrap !important;  flex-wrap: wrap !important;  -webkit-box-pack: center !important;  -moz-box-pack: center !important;  -webkit-justify-content: center !important;  -ms-flex-pack: center !important;  justify-content: center !important;  -webkit-box-align: center !important;  -moz-box-align: center !important;  -webkit-align-items: center !important;  -ms-flex-align: center !important;  align-items: center !important; }  body iframe, .fb_iframe_widget >span {  max-width: 100% !important }  h1 {  font-size: 26px; }  body {  margin-left: auto;  margin-right: auto;  display: block;  top: 0px !important;  background: #FFF url("/files/system/img/general/bg-body.jpg") center top no-repeat;  background-size: cover;  background-attachment: fixed; }  body:after {  clear: both;  content: ""; }  .relative {  position: relative; }  #wrapper {  position: relative;  clear: both;  z-index: 99; }  #wrapper:after {  content: "";  clear: both;  display: block; }  .text-left {  text-align: left !important; }  .relative {  position: relative; }  select[disabled=disabled], input[disabled=disabled] {  background-color: #EBEBE4 }  .block {  display: block }  .float_right {  float: right; }  .float_left {  float: left; }  table {  border-width: 1px;  border-spacing: 0px;  border-style: none;  border-color: gray;  border-collapse: collapse;  font-size: 12px;  width: 100%; }  th {  background: #ddd;  color: #222;  padding: 10px;  text-align: left;  border: 1px solid #ccc; }  td {  padding: 10px;  border: 1px solid #ccc; }  tr:nth-child(2n) {  background: #eaeaea; }  .table>h2, .table>h1 {  color: #800000;  font-size: 2em }  .table>table {  margin: 10px auto;  display: table;  border-collapse: collapse;  border-spacing: 0px;  border-color: gray;  border: 1px solid #666 }  .table>table tr td {  border: 1px solid #DDD;  padding: 5px 10px }  .table>table tr th {  border: 1px solid #DDD;  padding: 5px 10px;  background-color: #F5F5F5 }  .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {  width: 100% !important }  .table-red tr:nth-child(2n) {  background: #ff0000;  color: #FFF; }  .table-red th, .table-red td {  border-color: #F00 !important; }  .border-none table, .border-none table th, .border-none table td, .border-none table tr {  border-collapse: collapse;  border-spacing: 0px;  border: none !important;  background: none !important; }  .padding-bs-0 {  padding-left: 0px;  padding-right: 0px;  margin-left: auto;  margin-right: auto }  .padding-bs-left {  padding-right: 0px }  .mod_article img, .mod_article img, #footer img, .img-reponsive img, figure img {  max-width: 100% !important;  height: auto !important }  .invisible {  display: none !important }  #main {  margin-bottom: 0px; }  #main > .inside:after {  clear: both;  content: "";  display: block }  .img-border {  display: inline-block;  margin-left: -4px;  float: inherit;  text-align: center; }  .img-border img {  border: 1px solid #E8E8E8; }  .overflow {  overflow: hidden !important;  display: block;  position: relative; }  #header { }  #container {  padding-top: 10px; }  #container:after, #header:after {  clear: both;  content: "";  display: block; }  .header-flash {  color: transparent; }  .slick-dots {  display: none !important; }  .text-neo-top {  margin-top: -100px;  display: block;  padding-top: 100px; }  .background-teaser-home {  background: #f1f1f1; }  .tranparent-8 {  background: rgba(130, 0, 0, 0.62); }  .tranparent-8 * {  color: #FFF !important; }  .background-home {  background: #FFF; }  .background-home:after, .tranparent-8:after, .background-teaser-home:after {  content: "";  display: block;  height: 1px;  clear: both; }  .background-gray {  background: #f7f7f7; }  .div-box-gt {  display: block;  margin-top: 20px;  margin-bottom: 20px; }  .div-box-gt-top {  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 75px;  z-index: 1; }  .div-box-gt-top span {  position: absolute;  display: block;  width: calc(100% - 150px);  top: 0px;  left: 75px;  height: 100%;  background: url("/files/system/img/general/gt-main-top.png") left top repeat-x; }  .div-box-gt-top:before {  position: absolute;  left: 0px;  top: 0px;  content: "";  width: 75px;  height: 75px;  background: url("/files/system/img/general/gt-top-left.png") center center no-repeat; }  .div-box-gt-top:after {  position: absolute;  right: 0px;  top: 0px;  content: "";  width: 75px;  height: 75px;  background: url("/files/system/img/general/gt-top-right.png") center center no-repeat; }  .div-box-gt-bottom {  position: absolute;  bottom: 0px;  left: 0px;  width: 100%;  height: 75px;  z-index: 1; }  .div-box-gt-bottom span {  position: absolute;  display: block;  left: 75px;  bottom: 0px;  width: calc(100% - 150px);  height: 100%;  background: url("/files/system/img/general/gt-main-bottom.png") left bottom repeat-x; }  .div-box-gt-bottom:after {  position: absolute;  right: 0px;  top: 0px;  content: "";  width: 75px;  height: 75px;  background: url("/files/system/img/general/gt-bottom-right.png") center center no-repeat; }  .div-box-gt-bottom:before {  position: absolute;  left: 0px;  top: 0px;  content: "";  width: 75px;  height: 75px;  background: url("/files/system/img/general/gt-bottom-left.png") center center no-repeat; }  .div-box-gt-main {  padding: 35px;  display: block;  margin: 0px;  position: relative;  z-index: 2; }  .div-box-gt-main:after {  content: "";  position: absolute;  right: 3px;  height: calc(100% - 150px);  width: 12px;  top: 75px;  background: url("/files/system/img/general/gt-main-right.png") left top repeat-y;  z-index: -1; }  .div-box-gt-main:before {  content: "";  position: absolute;  left: -1px;  height: calc(100% - 150px);  width: 14px;  top: 75px;  background: url("/files/system/img/general/gt-main-left.png") left top repeat-y;  z-index: -1; }  .footer-animation-hotline {  padding: 15px 0px;  position: relative;  z-index: 1; }  .footer-animation-hotline:before {  content: "";  background: url("/files/system/img/general/background-footer.jpg");  background-size: cover;  position: absolute;  width: 100%;  height: 100%;  left: 0px;  top: 0px;  opacity: 0.4;  z-index: -1; }  .hotline-call p {  font-size: 1.5em; }  .hotline-call a {  display: inline-block;  padding: 10px 15px;  border: 1px solid #123a7e;  color: #123a7e;  text-decoration: none;  margin-bottom: 15px;  font-size: 1.5em;  font-weight: bold; }  .hotline-call a:hover {  border-color: #123a7e;  background: #123a7e;  color: #FFF; }  .skiptranslate {  display: none !important; }  .block-languages {  display: block;  margin-top: 0px; }  .block-languages h2 {  display: inline-block;  margin: 0px;  padding-right: 10px;  font-size: 1em;  font-weight: bold;  vertical-align: top;  padding-top: 8px; }  .block-languages ul {  display: inline-block;  margin: 0px;  padding: 0px;  vertical-align: top;  overflow: hidden; }  .block-languages ul li {  display: inline-block;  white-space: nowrap;  vertical-align: top; }  .block-languages ul li a, #header .block-languages ul li span {  padding-left: 37px;  display: block;  font-size: 12px;  height: 20px;  line-height: 22px;  margin: 10px 0px 10px 10px;  color: #444;  text-align: left; }  .block-languages ul li .lang-vi {  background: url("/files/system/img/general/flag_vi.gif") left center no-repeat;  background-size: 32px 20px; }  .block-languages ul li .lang-en {  background: url("/files/system/img/general/flag_en.gif") left center no-repeat;  background-size: 32px 20px; }  .block-languages ul li .lang-ja {  background: url("/files/system/img/general/flag_ja.gif") left center no-repeat;  background-size: 32px 20px; }  .bg-home-news {  background: #000;  margin: 15px 0px 0px 0px;  padding: 15px 0px;  color: #FFF; }  .bg-home-news select {  border-color: #484848 !important;  background: #313131; }  .header-hotline {  display: block;  padding: 0px;  color: #383838;  font-size: 1em; }  .header-hotline span {  color: #ff0000;  font-size: 1.5em;  vertical-align: top;  -webkit-animation: rotatePhone linear 0.5s infinite;  animation: rotatePhone linear 0.5s infinite; }  .header-hotline b, .header-hotline a {  color: #F00; }  @-webkit-keyframes rotatePhone {  20% {   -webkit-transform: rotate3d(0, 0, 1, 15deg);   transform: rotate3d(0, 0, 1, 15deg);  }   40% {   -webkit-transform: rotate3d(0, 0, 1, -10deg);   transform: rotate3d(0, 0, 1, -10deg);  }   60% {   -webkit-transform: rotate3d(0, 0, 1, 5deg);   transform: rotate3d(0, 0, 1, 5deg);  }   80% {   -webkit-transform: rotate3d(0, 0, 1, -5deg);   transform: rotate3d(0, 0, 1, -5deg);  }   100% {   -webkit-transform: rotate3d(0, 0, 1, 0deg);   transform: rotate3d(0, 0, 1, 0deg);  }  }  @keyframes rotatePhone {  20% {   -webkit-transform: rotate3d(0, 0, 1, 15deg);   transform: rotate3d(0, 0, 1, 15deg);  }   40% {   -webkit-transform: rotate3d(0, 0, 1, -10deg);   transform: rotate3d(0, 0, 1, -10deg);  }   60% {   -webkit-transform: rotate3d(0, 0, 1, 5deg);   transform: rotate3d(0, 0, 1, 5deg);  }   80% {   -webkit-transform: rotate3d(0, 0, 1, -5deg);   transform: rotate3d(0, 0, 1, -5deg);  }   100% {   -webkit-transform: rotate3d(0, 0, 1, 0deg);   transform: rotate3d(0, 0, 1, 0deg);  }  }  .slider-home {  display: block;  margin-bottom: 0px;  font-size: 18px; }  .head-background {  position: relative;  background: #ffc50c; }  .header-address {  color: #5e1a71;  font-size: 0.9em; }  .block-search {  margin-top: 0px;  position: relative; }  .block-search div {  display: block;  margin: 0px;  padding: 0px;  vertical-align: top }  .block-search input[type=text] {  vertical-align: top;  height: 30px;  width: 100%;  color: #000;  border: 1px solid #FFF;  outline: none !important;  background: #FFF;  padding-left: 10px;  padding-right: 10px; }  .block-search input[type=submit] {  position: relative;  vertical-align: top;  text-indent: 1000px;  display: inline-block;  width: 40px;  height: 40px;  border: none;  margin: 0px;  padding: 0px;  line-height: 30px;  background: var(--secondary-color) url("/files/system/img/general/search-icon.png") center center no-repeat;  margin-left: -30px;  margin-top: 0px; }  .block-search input[type=submit]:focus, .block-search input[type=submit]:hover {  animation-name: animateLac;  animation-duration: 1s }  #footer {  padding-bottom: 2px; }  #footer .footer-background {  padding-top: 90px;  background: url("/files/system/img/general/bg-footer.png");  color: #FFF;  background-repeat: no-repeat;  background-size: 100% 100%; }  #footer:after {  clear: both;  content: "";  display: block }  #footer .footer-address {  padding-bottom: 10px; }  #footer .footer-address h1, #footer .footer-address h2, #footer .footer-address h3 {  margin-top: 0px;  font-weight: 700; }  #footer .footer-address, #footer .footer-address a { }  #footer .block-footer p {  padding: 0px;  margin: 0px 0px;  line-height: 1.2em; }  #footer .copyright, #footer .copyright a {  color: #0066a2;  font-size: 1em;  text-align: center; }  #footer .copyright p {  margin: 0px;  padding: 10px 0px;  color: #fff; }  #footer .copyright p a {  color: #fff; }  #footer h1, #footer h2 {  font-size: 1.2em;  line-height: 32px;  font-weight: normal;  text-transform: uppercase;  background: none;  color: #FFF;  padding: 5px 0px; }  #footer.fixbottom {  position: absolute;  bottom: 0px;  width: 100%; }  #footer .footer-copyright {  background: #006636; }  .form-newletter {  display: block;  margin-top: 0px;  vertical-align: top;  margin-bottom: 15px; }  .form-newletter input.text {  background: #FFF;  color: #000; }  .form-newletter input.submit {  color: #FFF;  background: #5e1a71; }  .form-newletter input.text, .form-newletter input.submit {  border: 1px solid #e4e4e4;  height: 40px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;  padding-left: 10px;  padding-right: 10px;  width: 300px;  max-width: 100%;  margin-top: 20px;  text-align: center;  color: #000; }  .nav-footer {  display: block;  position: relative; }  .nav-footer ul {  display: block;  margin: 0px;  padding: 5px 0px 5px 0px;  list-style: none; }  .nav-footer ul li {  display: block;  padding: 0px;  border-bottom: 1px dotted #CCC; }  .nav-footer ul li a, .nav-footer ul li span {  padding: 3px 6px;  font-size: 1em;  display: block;  color: #333; }  .nav-footer ul li.first a, .nav-footer ul li.first span {  padding-left: 0px; }  .nav-footer ul li.last a, .nav-footer ul li.last span {  border: none; }  .break-line {  border-top: 1px solid #E6D600;  border-bottom: 1px solid #FFF9AA;  margin-top: 15px; }  #top-link-block {  bottom: 30px;  right: 20px;  position: fixed;  z-index: 900;  opacity: 0 }  #top-link-block > a {  background: url("/files/system/img/general/Back-Top.png") center top no-repeat;  padding-top: 30px;  width: 55px;  display: block;  text-align: center;  text-indent: 1000px; }  .button-social {  margin-bottom: 10px;  vertical-align: top;  color: #FFF !important; }  .button-social b {  font-size: 0.9em;  color: #FFF }  .button-social p {  margin: 0px; }  .button-social a {  font-size: 2em;  margin-left: -3px;  padding: 1px 15px;  font-size: 1.5em;  color: #FFF;  display: inline-block;  border-right: 1px solid #e0e0e0;  -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -o-transition: all 1s ease;  -ms-transition: all 1s ease;  transition: all 1s ease; }  .button-social a:last-child {  border: none; }  .button-social a:hover {  color: #ade6ff;  text-decoration: none; }  .header-address .fa {  font-size: 1.2em;  color: #F00; }  .header-address a {  text-decoration: none;  color: #444;  font-weight: bold; }  .background-bre {  background: #FFF;  padding: 0px; }  .menu-brebrum {  display: block;  padding-top: 0px;  padding-bottom: 0px; }  .menu-brebrum span {  display: inline-block;  padding: 1px;  color: #FFF;  text-transform: uppercase;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;  font-size: 1.5em;  text-shadow: 0px 0px 1px #000; }  .menu-brebrum ul {  list-style: none;  margin: 0px;  padding: 0px; }  .menu-brebrum ul li {  display: inline-block;  white-space: normal;  font-size: 0.9em;  padding: 8px 0px; }  .menu-brebrum ul li:after {  content: "\bb";  display: inline-block;  padding-left: 10px;  padding-right: 10px }  .menu-brebrum ul li.last:after {  display: none }  .menu-brebrum ul li a, .menu-brebrum ul li {  color: #444 }  #left, #right {  vertical-align: top; }  #left>.inside, #right>.inside {  position: relative;  float: left;  width: 100% }  #left>.inside:after, #right>.inside:after {  content: "";  display: block;  clear: both }  .block-menu {  display: block;  position: relative;  margin-bottom: 10px;  padding-bottom: 10px;  border: 1px solid #f3f3f3; }  #left .bg-none, #right .bg-none {  box-shadow: none;  padding: 0px;  border: none }  #left>.inside img, #right>.inside img, .block-menu img {  max-width: 100% !important;  height: auto !important }  #left .block-menu > h1, .block-menu > h2 {  display: block;  position: relative;  line-height: 1.2em;  font-size: 1.2em;  text-transform: uppercase;  margin: 0px 0px 10px 0px;  color: #000000;  font-weight: normal;  padding: 11px 5px 14px 11px;  text-align: left }  #left .block-menu, #right .block-menu {  background: #fdfdfd; }  .block-menu > h2 {  color: #FFF;  background: url("/files/system/img/general/menu-red-2.png") left top repeat-x;  height: 47px;  line-height: 48px;  padding-top: 0px;  padding-bottom: 0px; }  .block-menu > h2:before {  content: "";  background: url("/files/system/img/general/menu-red-1.png") left top no-repeat;  position: absolute;  right: 100%;  top: 0px;  width: 11px;  height: 63px;  z-index: 0; }  .block-menu > h2:after {  content: "";  background: url("/files/system/img/general/menu-red-3.png") left top no-repeat;  position: absolute;  right: 0;  top: 0px;  width: 5px;  height: 100%;  z-index: 0; }  .block-menu > h2 span {  display: block; }  .block-menu > div {  padding-left: 10px;  padding-right: 10px }  #left .fb_iframe_widget, #right .fb_iframe_widget {  display: block !important }  #left .fb_iframe_widget >span, #right .fb_iframe_widget >span {  width: 100% }  .background-none {  background: none !important;  border: none !important;  box-shadow: none; }  .block-menu.empty-none {  border: none !important;  box-shadow: none !important;  background: none !important;  padding-bottom: 0px !important; }  .padding-none {  padding: 0px; }  .block-home > h2 {  margin-bottom: 0px;  color: #FFF;  background: #c11601;  padding: 14px 10px;  font-size: 1.2em; }  .block-home > div {  background: #eaeaea;  padding: 10px;  min-height: 300px; }  .block-home > .head-contact, .block-home > .bottom-contact {  padding: 0px;  min-height: 0px; }  .block-home .icon {  padding: 17px 10px !important; }  .image-teaser {  display: block;  margin-top: 15px; }  .image-teaser figure {  display: block;  position: relative; }  .image-teaser figure a {  position: relative;  overflow: hidden;  display: block; }  .image-teaser figure a:after, .image-teaser figure a:before {  content: "";  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  -webkit-transition: all .25s ease-out;  -moz-transition: all .25s ease-out;  -ms-transition: all .25s ease-out;  -o-transition: all .25s ease-out;  transition: all .25s ease-out; }  .image-teaser figure a:after {  z-index: 3; }  .image-teaser figure a:before {  position: absolute;  z-index: 1;  background: #000;  opacity: 0; }  .image-teaser figure a:hover:before {  opacity: 0.2; }  .image-teaser figure a:hover img {  -webkit-transform: scale(1.15);  -ms-transform: scale(1.15);  transform: scale(1.15);  -webkit-filter: blur(2px);  -moz-filter: blur(2px);  -o-filter: blur(2px);  -ms-filter: blur(2px);  filter: blur(2px); }  .image-teaser figure .caption {  position: absolute;  z-index: 2;  bottom: 50%;  color: #FFF;  font-size: 24px;  letter-spacing: 0.05em;  -webkit-transition: all 0.5s;  transition: all 0.5s;  -webkit-transform: translateY(50%) !important;  -ms-transform: translateY(50%) !important;  transform: translateY(50%) !important;  line-height: 30px;  text-transform: uppercase;  text-align: center;  width: 80%;  left: 10%;  font-weight: bold;  text-shadow: 0px 1px 0px #000; }  .block-menu.block-ads img {  display: block;  margin: 0px auto 5px auto }  .block-video {  display: block;  position: relative;  margin-bottom: 0px;  padding-bottom: 10px; }  .block-menu select, .block-video select {  display: block;  width: 100%;  margin: 5px auto 0px auto;  border: 1px solid #DDD;  height: 34px;  color: #000; }  .block-menu iframe, .block-video iframe {  max-width: 100% !important;  display: block;  margin: 0px auto; }  .link-website-select option {  padding: 2px;  text-align: center; }  .contact-online-div .content-main .rows>div.icon-full .info {  color: #949494; }  .block-menu-control {  padding-bottom: 0px; }  .block-menu-control nav {  margin-bottom: 0px; }  .block-menu-control ul {  list-style: none }  .block-menu-control > h2 {  margin-bottom: 0px;  text-align: left;  padding-left: 30px; }  .block-menu-control > h2 span:before {  position: absolute;  left: 10px;  top: 14px;  font: normal normal normal 14px/1 FontAwesome;  content: "\f015";  content: "\f0c9";  font-size: 1em;  background: none;  display: -webkit-box !important;  display: -moz-box !important;  display: -ms-flexbox !important;  display: -webkit-flex !important;  display: flex !important;  -webkit-flex-direction: row !important;  -ms-flex-direction: row !important;  flex-direction: row !important;  -webkit-flex-wrap: wrap !important;  -ms-flex-wrap: wrap !important;  flex-wrap: wrap !important;  -webkit-box-pack: center !important;  -moz-box-pack: center !important;  -webkit-justify-content: center !important;  -ms-flex-pack: center !important;  justify-content: center !important;  -webkit-box-align: center !important;  -moz-box-align: center !important;  -webkit-align-items: center !important;  -ms-flex-align: center !important;  align-items: center !important; }  .block-menu-control ul.level_1, .block-menu-control ul.level_2 {  margin: 0px;  padding: 0px;  list-style: none; }  .block-menu-control ul.level_1 li {  position: relative; }  .block-menu-control ul.level_2 ul {  background: #FFF;  padding: 0px;  list-style: none;  display: block;  z-index: -1;  opacity: 0;  position: absolute;  margin-left: 97%;  width: 100%;  left: 0px;  top: 0px;  -webkit-transition: all 0.5s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; }  .block-menu-control ul.level_2 li:hover>ul {  opacity: 1;  margin-left: 100%;  z-index: 1000; }  .block-menu-control ul.level_1 li a {  position: relative;  display: block;  padding: 5px 5px;  padding-left: 30px;  color: #000;  font-size: 1.2em; }  /* .block-menu-control ul.level_1 li a:after {  content: "";  display: block;  width: 100%;  height: 1px;  margin-top: 5px;  background: url("/files/system/img/general/line_menuleft.png") center top repeat-x; } */ .block-menu-control ul ul ul li a:after {  display: none !important; }  .block-menu-control ul.level_1>li>a {  font-size: 1.2em;  padding-left: 20px;  color: var(--secondary-color);  text-transform: uppercase;  font-weight: normal;  padding-bottom: 0px; }  .block-menu-control ul.level_2>li>a, .block-menu-control nav > ul>li>span {  color: #000;  padding-left: 30px;  padding-bottom: 0px;  font-weight: normal;  position: relative; }  .block-menu-control ul.level_2>li>a:before, .block-menu-control nav > ul>li>span:before, .block-menu-control ul.level_1>li>a:before {  font: normal normal normal 14px/1 FontAwesome;  content: "\f101";  position: absolute;  left: 15px;  top: 9px; }  .block-menu-control ul.level_1>li>a:before {  content: "\f0da";  left: 5px; }  .block-menu-control ul.level_2>li>a i, .block-menu-control nav > ul>li>span i {  padding: 0px 10px 0px 0px;  min-width: 30px; }  .block-menu-control ul.level_2>li ul a:before, .block-menu-control nav > ul>li ul span:before {  content: "\25b6";  display: block;  position: absolute;  left: 10px; }  .block-menu-control ul.level_2 li.last>a {  border-bottom: none;  box-shadow: none; }  .block-menu-control ul.level_1 li a:hover, .block-menu-control ul.level_1 li:hover > a {  text-decoration: none;  color: #e72e2e; }  .block-menu-control ul.level_1 li li li:hover > a, .block-menu-control ul.level_1 li li li a:hover {  text-decoration: none;  background-color: var(--secondary-color);  color: #FFF; }  .contact-online-div .content-main .hotline .title {  color: #EF0000;  padding-right: 5px }  .block-menu-absolute {  display: block;  min-height: 200px;  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  position: fixed !important;  width: 200px;  bottom: 100px;  left: -200px;  z-index: 1000;  height: auto;  background: #FFF;  color: #000;  padding: 10px;  border: 1px dotted #123a7e; }  .block-menu-absolute > h2 {  display: block;  background: url("/files/system/img/general/support.png") left top no-repeat !important;  position: fixed;  height: 100%;  left: 0px;  width: 46px;  height: 158px;  z-index: 1001; }  .block-menu-absolute > h2 span {  display: none; }  .block-menu-absolute:hover {  left: 46px; }  .pagination {  display: block;  clear: both; }  .pagination > p {  display: block;  border-bottom: 3px double #e2e2e2;  text-align: center;  font-weight: bold;  color: #000000;  padding-bottom: 5px; }  .pagination ul {  list-style: none;  padding: 0px;  margin: 10px 0px;  text-align: center }  .pagination ul li {  display: inline-block;  white-space: normal;  padding: 5px }  .pagination ul li a, .pagination ul li span {  display: block;  padding: 2px 7px;  background: none;  color: #000; }  .pagination ul li span, .pagination ul li a:hover {  background: #ff0000;  color: #FFF; }  .nav-header.navbar-default a.active {  background: none }  .more-inside-menu {  display: block;  text-align: right; }  .nav-header.navbar-default li>ul {  left: 100%;  margin-top: -1px;  margin-left: -1px;  -webkit-border-radius: 0 6px 6px 6px;  -moz-border-radius: 0 6px 6px;  border-radius: 0 6px 6px 6px;  top: 0 }  .nav-header.fixed-top-active {  text-align: center !important;  position: fixed !important;  width: 100% !important;  left: 0px !important;  top: 0px !important;  z-index: 1001 !important;  max-height: 80%; }  .nav-header.navbar-default .navbar-brand {  display: none; }  .banner-page img {  margin-bottom: 10px;  max-width: 100% !important;  height: auto !important }  .thong-ke-truy-cap .content-main {  display: block;  max-width: 300px;  margin: 0px auto; }  .thong-ke-truy-cap .content-main > div {  display: block;  text-align: left;  margin: 3px 0px; }  .thong-ke-truy-cap .content-main > div >div {  display: inline-block }  .thong-ke-truy-cap .content-main > div >.title {  min-width: 120px;  padding-left: 25px;  font-size: 0.9em;  background: url("/files/system/img/general/icon-statistic.png") left top no-repeat }  .thong-ke-truy-cap .content-main > div >.value {  min-width: 0px }  .thong-ke-truy-cap .content-main > div.visitor_useronline > .title {  background-position: 0px -2px }  .thong-ke-truy-cap .content-main > div.visitor_visitstoday > .title {  background-position: 0px -42px }  .thong-ke-truy-cap .content-main > div.visitor_visitstotal > .title {  background-position: 0px -82px }  .thong-ke-truy-cap .content-main > div.visitor_hitstoday > .title {  background-position: 0px -122px }  .thong-ke-truy-cap .content-main > div.visitor_hitstotal > .title {  background-position: 0px -162px }  .dlh_googlemap {  max-width: 100% !important;  display: block }  .form-contact-div, .form-person-div {  padding-top: 0px;  padding-bottom: 20px }  .form-contact-div > h2, .form-person-div > h2 {  display: block;  float: left;  padding: 12px 12px;  font-weight: normal;  background-color: #006636;  color: white;  margin: 0px 0px 10px 0px; }  .form-contact-div form {  display: block;  clear: both; }  .form-contact-div form > div >div, .form-person-div form > div >div > div {  display: block;  position: relative;  padding: 12px 5px;  vertical-align: top }  .form-contact-div form > div >.submit_container, .form-person-div > form > div >.submit_container {  display: block;  text-align: right;  margin-right: 2% }  .form-contact-div form > div >div>label.input-contact, .form-person-div form > div >div > div label {  display: inline-block;  width: 30%;  padding-right: 2%;  vertical-align: top;  text-align: right;  position: relative;  padding-top: 10px; }  .form-contact-div form > div >div>input.input-contact, .form-contact-div > form > div >div>textarea.input-contact, .form-person-div form > div >div > div input.text, .form-person-div form > div >div > div select {  display: inline-block;  width: 66%;  padding-left: 1%;  padding-right: 1%;  padding-top: 8px;  padding-bottom: 8px;  border: 1px solid #C5C5C5;  color: #000 !important;  background: #FFF; }  .form-contact-div form > div >div>.captcha_text {  display: block;  color: #AB0202;  background-color: #F1F1F1;  margin-right: 2%;  padding: 10px;  margin-left: 30%;  margin-top: 5px }  .form-contact-div form > div >div input.submit, .form-person-div form > div >div > input.submit {  background: var(--secondary-color);  border: 1px solid var(--secondary-color);  padding: 10px 30px;  color: #FFF; }  .form-contact-div form > div >div input.submit:hover, .form-person-div form > div >div > input:hover {  background: #ea3030;  border-color: #ea3030;  color: #FFF; }  .form-contact-div form > div >div >label.input-contact .mandatory, .form-person-div form > div >div > div label .mandatory {  color: #F00;  display: inline-block;  white-space: normal;  padding-left: 5px;  position: absolute; }  .form-contact-div form > div >div p.error, .form-person-div form > div >div > div p.error {  color: #F00;  position: absolute;  right: 5%; }  .form-contact-div form > div >div .filedQuestion {  display: inline-block;  width: 67%; }  .form-contact-div form > div >div .filedQuestion p.error {  position: relative;  right: inherit;  top: 0px; }  .form-contact-div form > div >div .filedQuestion img {  margin-bottom: 5px;  width: 200px;  height: 54px; }  .form-contact-div form > div >div .filedQuestion input.input-contact {  margin: 0px 5px;  width: calc(100% - 215px);  height: 54px;  vertical-align: top;  border: 1px solid #C5C5C5;  color: #000 !important;  background: #FFF; }  .form-person-div.error-p-top form > div >div > div p.error {  right: 0px;  top: -10px;  left: 31% }  .form-person-div .widget-upload > div {  display: inline-block;  width: 66%;  margin-left: 34%;  padding-right: 1%;  padding-top: 8px;  padding-bottom: 8px }  .form-person-div .widget-upload > div img {  margin-bottom: 20px;  display: block }  .form-person-div .widget-upload > div .input-file {  display: block;  padding: 10px;  margin: 10px 0px;  background: #EEE;  overflow: hidden }  .form-person-div .widget-upload > div .info-input-file {  display: block;  color: #B9B9B9 }  .form-person-div form > div >div > .widget-upload p.error {  position: relative;  display: inline-block;  width: 66%;  padding-left: 1%;  right: 0px;  top: 0px;  padding-right: 1%;  padding-top: 8px;  padding-bottom: 8px }  .form-contact-div .btn {  margin-top: 15px;  min-width: 150px;  font-size: 1.2em;  text-transform: uppercase;  background: #0077e0;  color: #FFF;  border: 1px solid #FFF;  box-shadow: 3px 3px 2px 0px #d6d6d6; }  .form-contact-div abbr {  color: #F00; }  .str_wrap {  overflow: hidden;  zoom: 1;  position: relative;  -moz-user-select: none;  -khtml-user-select: none;  user-select: none;  white-space: nowrap }  .str_move {  white-space: nowrap;  position: absolute;  top: 0;  left: 0;  cursor: move }  .str_move_clone {  display: inline-block;  display: inline;  zoom: 1;  vertical-align: top;  position: absolute;  left: 100%;  top: 0 }  .str_vertical .str_move_clone {  left: 0;  top: 100% }  .str_down .str_move_clone {  left: 0;  bottom: 100% }  .str_vertical .str_move, .str_down .str_move {  white-space: normal;  width: 100% }  .str_static .str_move, .no_drag .str_move, .noStop .str_move {  cursor: inherit }  .str_wrap img {  max-width: none !important }  .ads-banner-scroll {  top: 0px;  position: absolute;  display: block;  z-index: 100;  padding-top: 35px; }  @-webkit-keyframes animateLac {  0% {   -ms-transform: rotate(0deg);   -webkit-transform: rotate(0deg);   transform: rotate(0deg)  }   50% {   -ms-transform: rotate(50deg);   -webkit-transform: rotate(50deg);   transform: rotate(50deg)  }   100% {   -ms-transform: rotate(0deg);   -webkit-transform: rotate(0deg);   transform: rotate(0deg)  }  }  @-moz-keyframes animateLac {  0% {   -ms-transform: rotate(0deg);   -webkit-transform: rotate(0deg);   transform: rotate(0deg)  }   50% {   -ms-transform: rotate(50deg);   -webkit-transform: rotate(50deg);   transform: rotate(50deg)  }   100% {   -ms-transform: rotate(0deg);   -webkit-transform: rotate(0deg);   transform: rotate(0deg)  }  }  .news-orders select, .news-orders input[type="text"], .news-orders input[type="password"], .news-orders input[type="email"], .news-orders textarea {  border: 1px solid #ddd;  padding: 10px;  color: #444; }  .news-orders .woocommerce-info {  color: #1A8E14;  font-size: 20px;  text-transform: uppercase;  margin-bottom: 20px }  .news-orders .customer_details label {  display: block;  margin: 0 0 5px }  .news-orders .customer_details .inline-block {  display: inline-block }  .news-orders .customer_details .margin-bottom-0 {  margin-bottom: 0px }  .news-orders .customer_details .font-weight-none {  font-weight: normal }  .news-orders .customer_details input[type="text"], .news-orders .customer_details textarea {  margin-bottom: 10px;  width: 100% }  .news-orders p.error, .news-orders abbr {  color: #F00 }  .news-orders > h2 {  position: relative;  padding-bottom: 10px;  margin-bottom: 20px;  color: #d30000;  font-weight: bold;  position: relative;  font-size: 1.5em; }  .news-orders .headline {  font-size: 1.5em;  color: #5e1a71 }  .news-orders > h2:after {  max-width: 250px;  width: 100%;  content: "";  bottom: 0px;  left: 0px;  border-bottom: 2px solid #ffcc29;  display: block;  position: absolute; }  .news-orders .book-now-submit {  text-align: right;  margin-bottom: 15px; }  .news-orders span.input-group {  position: relative; }  .news-orders span.input-group:after {  content: "";  position: absolute;  z-index: 1;  right: 7px;  top: 50%;  width: 25px;  height: 26px;  margin-top: -13px;  font: normal normal normal 22px/1 FontAwesome;  content: "";  text-align: center; }  .news-orders span.group-billing-date:after {  content: "\f073"; }  .news-orders span.group-billing-email:after {  content: "\f003"; }  .news-orders span.group-billing-name:after {  content: "\f007"; }  .news-orders span.group-billing-phone:after {  content: "\f1e4"; }  .news-orders span.group-billing-address:after {  content: "\f041"; }  .news-orders span.group-billing-promotion:after {  content: "\f06b"; }  .teaser-company .ce_text {  margin-bottom: 15px; }  .teaser-company .ce_text h1 {  margin: 0px;  padding: 0px;  font-size: 1.3em;  font-weight: bold;  margin-bottom: 10px;  color: #FF0000; }  .teaser-company .ce_text > h2, .news-list-ul > h2, .news-related > h2 {  display: block;  float: left;  margin-top: 0px;  font-weight: bold; }  #right.teaser-company .news-list-ul > h2 {  background: red;  color: #FFF;  display: block;  padding: 3px 10px;  margin-top: 10px; }  .teaser-company .ce_text > h2 {  background: #006636;  padding: 12px 12px;  color: #FFF;  margin-top: 0px;  font-weight: normal; }  .teaser-company .ce_text .content {  display: block;  clear: both; }  .teaser-company .ce_text .content h3 {  margin-top: 10px;  margin-bottom: 5px; }  .mod_article .pdf_link {  text-align: right }  .reader-news .pdf_link {  position: relative;  right: 15px; }  .reader-news .back {  display: block; }  .reader-news .back a {  text-align: center;  display: inline-block;  color: #FFF;  padding: 4px 10px;  text-transform: uppercase;  font-weight: normal;  background: #e32a2a;  border: none; }  .reader-news .reader-2column .content-teaser-text > h1 {  font-size: 1.2em;  font-weight: bold; }  .news-related {  display: block; }  .news-related .content {  display: block;  clear: both; }  .gallery-list {  display: block;  position: relative;  margin-bottom: 15px; }  .gallery-list > h2, .gallery-list > h1 {  font-size: 2em;  margin: 15px 0px;  padding: 0px;  color: #ff0000; }  .gallery-list ul {  list-style: none;  margin: 0px;  padding: 0px; }  .gallery-list ul li {  float: inherit !important;  display: inline-block;  vertical-align: top;  margin-bottom: 10px;  padding: 0px 5px; }  .headline-maximage .link, .headline-maximage .control-image {  display: none; }  .nav-header.navbar-default {  background: none; }  #footer h2.title-headdline, h2.title-headdline {  font-family: sans-serif;  display: block;  font-size: 2em;  color: #006636;  text-align: center;  font-weight: bold;  position: relative;  margin-bottom: 0px;  line-height: 1.2em;  overflow: hidden;  margin-top: 0px; }  h2.title-headdline > span {  position: relative;  display: inline-block;  padding: 15px;  padding-top: 0;  text-transform: uppercase; }  h2.title-headdline > span:after {  content: "";  display: block;  width: 100%;  height: 40px;  background: url("/files/system/img/general/line-title.png") no-repeat center;  background-size: contain; }  h2.title-headdline > span b {  color: #ed3237; }  #header .more-inside-menu {  position: relative;  z-index: 100;  background-color: #006636 }  #header .more-inside-menu:before {  content: "";  position: absolute;  left: 0px;  top: 0px;  width: 100%;  height: 100%;  background: url("/files/system/img/general/bg-menu.png") center center no-repeat; }  #header .more-inside-menu > div {  position: relative;  min-height: 54px; }  @media screen and (min-width:768px) {  .book-now {   position: absolute;   bottom: 0px;   z-index: 100;   background: rgba(0, 0, 0, 0.64);   width: 100%;   padding-top: 15px;   padding-bottom: 15px;  }   .book-now > h2,  .book-now > form {   max-width: 1200px;   margin: 0px auto;   display: block;  }   .align-right {   text-align: right;  }   .inline-block {   white-space: normal;   display: inline-block;   vertical-align: top;  }   #header .fixed-top {   position: fixed !important;   z-index: 999;   top: 0px;   left: 0px;   width: 100%;   border-bottom: 1px solid #e2e2e2;  }   #header .fixed-top .logo > div {   display: block;   max-width: 80%;  }   #header .head-background .more-inside {   background: none;   position: relative;  }   #header .logo a {   color: #FFF;  }   .more-inside-menu {   text-align: left;  }   .header-hotline span {   font-size: 1.4em;   margin-top: 5px;  }   .header-hotline a {   font-size: 1.4em;  }   .col-sm-center {   text-align: center !important;  }   .col-sm-left {   text-align: left !important;  }   .col-sm-right {   text-align: right !important;  }   .col-sm-inline {   display: inline-block !important;   vertical-align: top !important;   white-space: normal;   float: none !important;  }   .col-sm-block {   display: block !important;  }   .col-sm-no-padding-left {   padding-left: 0px !important;  }   .col-sm-no-padding-right {   padding-right: 0px !important;  }   .col-sm-no-padding {   padding-left: 0px !important;   padding-right: 0px !important;  }   .content-2column {   border-left: 1px solid #EEE;  }   .content-2column-right {   border-right: 1px solid #EEE;  }   .col-sm-20 {   width: 20%;  }   .col-sm-60 {   width: 60%;  }   .col-sm-80 {   width: 80%;  }   .col-sm-40 {   width: 40%;  }   .col-sm-push-20 {   left: 20%;  }   .col-sm-push-40 {   left: 40%;  }   .col-sm-push-60 {   left: 60%;  }   .col-sm-pull-20 {   right: 20%;  }   .col-sm-pull-40 {   right: 40%;  }   .col-sm-pull-60 {   right: 60%;  }   .flex-sm {   display: -webkit-box !important;   display: -moz-box !important;   display: -ms-flexbox !important;   display: -webkit-flex !important;   display: flex !important;   -webkit-flex-direction: row !important;   -ms-flex-direction: row !important;   flex-direction: row !important;   -webkit-flex-wrap: wrap !important;   -ms-flex-wrap: wrap !important;   flex-wrap: wrap !important;   -webkit-box-pack: center !important;   -moz-box-pack: center !important;   -webkit-justify-content: center !important;   -ms-flex-pack: center !important;   justify-content: center !important;   -webkit-box-align: center !important;   -moz-box-align: center !important;   -webkit-align-items: center !important;   -ms-flex-align: center !important;   align-items: center !important;  }   .block-languages ul li a,  .block-languages ul li span {   position: relative;  }   #header .more-inside-header > div {   vertical-align: top  }   #header .block-search {   margin-bottom: 0px;   vertical-align: top;   display: block;   width: 100%;   overflow: hidden;   -webkit-border-top-left-radius: 15px;   -webkit-border-bottom-left-radius: 15px;   -moz-border-radius-topleft: 15px;   -moz-border-radius-bottomleft: 15px;   border-top-left-radius: 15px;   border-bottom-left-radius: 15px;  }   .block-search input[type=submit] {   position: absolute;   height: 28px;   width: 30px;   top: 1px;   right: 1px;  }   #header .block-languages {   position: relative;   z-index: 100;   text-align: center;   padding-top: 5px;   padding-left: 5px;   margin-right: 10px;  }   .block-languages ul li a,  #header .block-languages ul li span {   margin: 9px 0px 0px 5px;   text-indent: -1000px;   padding-left: 30px;  }   .more-inside-right > .more-inside {   padding: 5px 0px 5px 0px;  }   .copyright {   line-height: 16px;   vertical-align: top;  }   .copyright b {   font-size: 0.9em;   color: #3C3800  }   .copyright a {   padding-left: 5px;   font-size: 0.9em;   color: #FFFFFF  }   #header .icon_header a {   padding: 0px 5px;  }   .nav-header.navbar-default {   min-height: auto;   position: relative;   display: block;   border: none;   margin-bottom: 0px;   border-radius: 0px;   z-index: 800; /* width: 100%; */  }   #header .more-inside-menu > .container {   position: relative;  }   #header .more-inside-menu > .container:after {   content: "";   clear: both;   display: block;  }   .nav-header.navbar-default .hidden-sm-menu {   display: none;  }   .video-block {   margin-bottom: 25px;  }   .video-block.last {   margin-bottom: 0px;  }   .container-slider .ws-title {   display: block;   width: 100%;   padding-top: 0px;   margin-left: auto;   margin-right: auto;   background: rgba(0, 0, 0, 0.470588);  }   .container-slider .ws-title >span {   width: 100%;   line-height: 1em;   background: none;   text-align: center;   color: #FFF;   font-size: 3em;  }   .container-slider .ws-title >div {   margin-top: 0px;   font-size: 1.5em;   line-height: 1em;   background: none;   color: #CCC;   width: 100%;   text-align: center;  }  }  @media screen and (min-width:992px) {  .padding-top-md-15 {   padding-top: 15px  }   .col-md-center {   text-align: center !important;  }   .col-md-left {   text-align: left !important;  }   .col-md-right {   text-align: right !important;  }   .col-md-inline {   display: inline-block !important;   float: none !important;   white-space: normal;   float: none !important;  }   .col-md-block {   display: block !important;  }   .col-md-20 {   width: 20%;  }   .col-md-80 {   width: 80%;  }   .col-md-60 {   width: 60%;  }   .col-md-40 {   width: 40%;  }   .col-md-push-20 {   left: 20%;  }   .col-md-push-40 {   left: 40%;  }   .col-md-push-60 {   left: 60%;  }   .col-md-pull-20 {   right: 20%;  }   .col-md-pull-40 {   right: 40%;  }   .col-md-pull-60 {   right: 60%;  }   .col-md-no-padding-left {   padding-left: 0px;  }   .col-md-no-padding-right {   padding-right: 0px;  }   .col-md-no-padding {   padding-left: 0px !important;   padding-right: 0px !important;  }   .flex-md {   display: -webkit-box !important;   display: -moz-box !important;   display: -ms-flexbox !important;   display: -webkit-flex !important;   display: flex !important;   -webkit-flex-direction: row !important;   -ms-flex-direction: row !important;   flex-direction: row !important;   -webkit-flex-wrap: wrap !important;   -ms-flex-wrap: wrap !important;   flex-wrap: wrap !important;   -webkit-box-pack: center !important;   -moz-box-pack: center !important;   -webkit-justify-content: center !important;   -ms-flex-pack: center !important;   justify-content: center !important;   -webkit-box-align: center !important;   -moz-box-align: center !important;   -webkit-align-items: center !important;   -ms-flex-align: center !important;   align-items: center !important;  }   .nav-header.navbar-default ul.level_1 {   display: flex;   justify-content: space-between;   padding: 0px;   margin: 0px;  }   .nav-header.navbar-default .navbar {   min-height: inherit;   margin: 0px;  }   .nav-header.navbar-default ul.level_1 li {   position: relative;   margin: auto;  }   .nav-header.navbar-default ul.level_1 >li {   padding: 0px; /* margin: 0px; */   display: inline-block;  }   .nav-header.navbar-default ul.level_1 >li.first {   margin-left: 0px;  }   .nav-header.navbar-default ul.level_1 >li.last {   background: none;   padding-right: 0px;   box-shadow: none;  }   .nav-header.navbar-default {  }   .nav-header.navbar-default .invisible {   display: none !important  }   .nav-header.navbar-default ul.level_1 a {   z-index: 11;   padding: 7px;   color: #000;   font-size: 1.2em;   display: block;  }   .nav-header.navbar-default ul.level_1 li li a {   background: rgba(255, 255, 255, 0.9);   margin-bottom: 0px;   border-bottom: 1px solid rgba(0, 0, 0, 0);  }   .nav-header.navbar-default ul.level_1>li>a,  .nav-header.navbar-default ul.level_1>li>span {   color: #fff;   background: none;   z-index: 101;   padding: 7px;   text-transform: uppercase;   font-weight: normal;   position: relative;   font-size: 1.2em;  }   .nav-header.navbar-default ul.level_1 li>ul a {   padding-top: 6px;   padding-bottom: 6px;   min-width: 150px;  }   .nav-header.navbar-default ul.level_1 a.active,  .nav-header.navbar-default ul.level_1 span.active,  .nav-header.navbar-default ul.level_1 a:hover,  .nav-header.navbar-default ul.level_1 a:focus,  .nav-header.navbar-default ul.level_1 a.active,  .nav-header.navbar-default .open>a,  .nav-header.navbar-default .open>a:focus,  .nav-header.navbar-default .open>a:hover,  .nav-header.navbar-default ul.level_1 > li:hover >a {   background: var(--primary-color);   text-decoration: none;   color: #fff;  }   .nav-header.navbar-default ul.level_1 ul a.active,  .nav-header.navbar-default ul.level_1 ul span.active,  .nav-header.navbar-default ul.level_1 ul a:hover,  .nav-header.navbar-default ul.level_1 ul a:focus,  .nav-header.navbar-default ul.level_1 ul a.active,  .nav-header.navbar-default ul.level_1 ul .open>a,  .nav-header.navbar-default ul.level_1 ul .open>a:focus,  .nav-header.navbar-default ul.level_1 ul .open>a:hover {   background: var(--secondary-color);   text-decoration: none;   color: #FFF;  }   .nav-header.navbar-default ul.level_1 > li > a.active,  .icon-home .nav-header.navbar-default ul.level_1 > li > .icon-home {   text-decoration: none;   background: var(--primary-color);   color: #fff;  }   .nav-header.navbar-default ul.level_1> li > a.icon-home,  .nav-header.navbar-default ul.level_1> li > span.icon-home {   text-indent: -9999px;   text-align: left;   width: 50px;   position: relative;  }   .nav-header.navbar-default ul.level_1> li > a.icon-home:before,  .nav-header.navbar-default ul.level_1> li > span.icon-home:before {   font: normal normal normal 14px/1 FontAwesome;   content: "\f015";   font-size: 1.5em;   text-align: center;   text-indent: 0px;   height: 100%;   width: 100%;   padding: 0px;   position: absolute;   left: 0px;   top: 0px;   display: -webkit-box !important;   display: -moz-box !important;   display: -ms-flexbox !important;   display: -webkit-flex !important;   display: flex !important;   -webkit-flex-direction: row !important;   -ms-flex-direction: row !important;   flex-direction: row !important;   -webkit-flex-wrap: wrap !important;   -ms-flex-wrap: wrap !important;   flex-wrap: wrap !important;   -webkit-box-pack: center !important;   -moz-box-pack: center !important;   -webkit-justify-content: center !important;   -ms-flex-pack: center !important;   justify-content: center !important;   -webkit-box-align: center !important;   -moz-box-align: center !important;   -webkit-align-items: center !important;   -ms-flex-align: center !important;   align-items: center !important;  }   .nav-header.navbar-default .navbar-brand {   display: none  }   .nav-header.navbar-default .navbar-collapse {   padding-left: 0px;   padding-right: 0px  }   .nav-header.navbar-default li>ul {   background-color: inherit;   position: absolute;   display: none;   padding: 0px;   list-style: none;   border: none;   box-shadow: none;   box-shadow: 2px 1px 5px 0px #000;   margin-bottom: 0px;   padding-bottom: 0px  }   #header .logo {   vertical-align: middle;   position: relative;  }   #header .csticky .logo img {   max-height: 40px;  }   .nav-header.navbar-default li:hover > ul {   display: block;   margin-top: 0px;   padding-top: 0px;  }   .nav-header.navbar-default ul.level_1 ul>li:hover ul {   top: 0px;  }   .nav-header.navbar-default ul.level_1>li:hover>ul {   top: 100%;   left: 0px;  }   .nav-header.navbar-default ul.level_1 ul li {   position: relative;   min-width: max-content;  }   .nav-header.navbar-default .caret-icon {   margin-left: 5px;  }   .nav-header.navbar-default .icon-tree {   display: none;  }   .nav-header.navbar-default li.hidden-sm-menu-child {   display: none !important;  }   .nav-header.navbar-default .hidden-md-menu {   display: none;  }   #header .slider-header.rsts-skin-default .rsts-caption {   width: 45%  }   .menu-nav-header.navbar-default {   font-size: 0.9em;  }   .menu-nav-header.navbar-default ul.level_1>li a,  .menu-nav-header.navbar-default ul.level_1>li span {   text-transform: uppercase !important;   font-size: 0.95em;  }   .menu-nav-header.navbar-default ul.level_1>li a:after,  .menu-nav-header.navbar-default ul.level_1>li span:after {   display: none !important;  }   .menu-nav-header.navbar-default ul.level_1>li>a,  .menu-nav-header.navbar-default ul.level_1>li>span {   color: #183c70;  }   .menu-nav-header.navbar-default ul.level_1 >li,  .menu-nav-header.navbar-default ul.level_1 >li.last {   border-color: #eab200;  }   .menu-top-block {   display: block;  }   .menu-top-block ul {   display: inline-block;   position: relative;   list-style: none;   padding: 2px 0px;   margin: 0px;  }   .menu-top-block ul li {   display: inline-block;   vertical-align: top;  }   .menu-top-block ul a,  .menu-top-block ul span {   display: block;   padding: 1px 5px;   font-size: 0.9em;   color: #333;   border-right: 1px solid #CCC;  }   .menu-top-block ul a.last,  .menu-top-block ul span.last {   border: none;  }   .col-md-no-padding-left {   padding-left: 0px;  }   .col-md-no-padding-right {   padding-right: 0px;  }  }  @media screen and (max-width:992px) and (min-width:768px) {  .padding-top-sm-15 {   padding-top: 15px  }   .block-languages h2 {   display: none;  }   .col-sm-center {   text-align: center;  }   .col-sm-only-no-padding-left {   padding-left: 0px;  }   .col-sm-only-no-padding-right {   padding-right: 0px;  }   .menu-brebrum {   position: relative;  }   .header-hotline {   font-size: 1em;  }   .form-contact-div > form > div >div p.error,  .form-person-div form > div >div > div p.error {   color: #F00;   position: absolute;   right: 5%;   top: -10px  }   .header-translate {   text-align: left;   padding-left: 15px  }   .nav-header.navbar-default .navbar-toggle {   display: inline-block;   margin: 5px 0px 5px 0px;   float: inherit;   background: #ff1919;   border-color: #ff1515;   padding: 4px 10px;   color: #FFF;  }   .nav-header.navbar-default .navbar-collapse {   display: none !important;   position: absolute;   min-width: 500px;   text-align: left;   top: 99%;  }   .nav-header.navbar-default .navbar-collapse.in {   display: block !important;   background: none;   padding: 0px;   margin-bottom: 15px;  }   .nav-header.navbar-default {  }   .nav-header.navbar-default .navbar-header {   float: inherit;   display: block;   position: relative;  }   .nav-header.navbar-default ul a {   color: #fff;   background: rgba(35, 35, 35, 0.74);   border-bottom: 1px solid #616161;   position: relative;  }   .nav-header.navbar-default ul span,  .nav-header.navbar-default ul a.active {   background: #ff0000;   color: #FFF;  }   .nav-header.navbar-default ul a.dropdown-toggle,  .nav-header.navbar-default ul span.dropdown-toggle {   padding-right: 50px !important;  }   .nav-header.navbar-default .open>a,  .nav-header.navbar-default .open>a:focus,  .nav-header.navbar-default .open>a:hover {   background: #ff0000;   color: #FFF;   border-color: #ff0000;  }   .nav-header.navbar-default .dropdown-menu {   position: relative;   left: 0px;   width: 100%;   padding: 0px;   float: inherit;   margin: 0px;   border: none;   margin-bottom: 0px;   background: none;  }   .nav-header.navbar-default ul.level_1>li>a,  .nav-header.navbar-default ul.level_1>li>span {   padding-right: 7px;   padding-left: 7px;   text-transform: none;  }   .nav-header.navbar-default ul.level_1 ul a,  .nav-header.navbar-default ul.level_1 ul span {   padding: 10px;  }   .nav-header.navbar-default .dropdown-submenu>.dropdown-menu {   left: 0px;   margin-left: 0px;  }   .nav-header.navbar-default .caret-icon {   position: absolute;   right: 0px;   width: 40px;   text-align: center;   height: 100%;   z-index: 1;   background: rgba(202, 202, 202, 0.19);   top: 0px;   display: -webkit-box !important;   display: -moz-box !important;   display: -ms-flexbox !important;   display: -webkit-flex !important;   display: flex !important;   -webkit-flex-direction: row !important;   -ms-flex-direction: row !important;   flex-direction: row !important;   -webkit-flex-wrap: wrap !important;   -ms-flex-wrap: wrap !important;   flex-wrap: wrap !important;   -webkit-box-pack: center !important;   -moz-box-pack: center !important;   -webkit-justify-content: center !important;   -ms-flex-pack: center !important;   justify-content: center !important;   -webkit-box-align: center !important;   -moz-box-align: center !important;   -webkit-align-items: center !important;   -ms-flex-align: center !important;   align-items: center !important;  }   #header .more-inside-menu {   margin-bottom: 0px;  }   .block-right-header > div > div {   position: relative;   z-index: 801;  }   .nav-header.navbar-default .navbar-collapse.in {   left: 0px;  }  }  @media screen and (max-width:1200px) and (min-width:992px) {  .block-search {   margin-top: 0px;   position: relative;   top: 0px;   text-align: center;   right: auto;  }   .block-search form {   text-align: center  }   .nav-header.navbar-default ul.level_1>li>a,  .nav-header.navbar-default ul.level_1>li>span {   padding-left: 9px;   padding-right: 9px;   font-weight: normal;   text-transform: none;  }  }  @media screen and (max-width:1250px) {  .ads-banner-scroll {   display: none  }  }  @media screen and (min-width:1200px) {  .col-lg-center {   text-align: center !important;  }   .col-lg-left {   text-align: left !important;  }   .col-lg-right {   text-align: right !important;  }   .col-lg-inline {   display: inline-block !important;   float: none !important;   white-space: normal;   float: none !important;  }   .col-lg-block {   display: block !important;  }   .col-lg-no-padding-left {   padding-left: 0px !important;  }   .col-lg-no-padding-right {   padding-right: 0px !important;  }   .col-lg-no-padding {   padding-left: 0px !important;   padding-right: 0px !important;  }   .col-lg-padding-left {   padding-left: 15px !important;  }   .col-lg-padding-right {   padding-right: 15px !important;  }   .col-lg-20 {   width: 20%;  }   .col-lg-80 {   width: 80%;  }   .col-lg-60 {   width: 60%;  }   .col-lg-40 {   width: 40%;  }   .col-lg-push-20 {   left: 20%;  }   .col-lg-push-40 {   left: 40%;  }   .col-lg-push-60 {   left: 60%;  }   .col-lg-pull-20 {   right: 20%;  }   .col-lg-pull-40 {   right: 40%;  }   .col-lg-pull-60 {   right: 60%;  }   .flex-lg {   display: -webkit-box !important;   display: -moz-box !important;   display: -ms-flexbox !important;   display: -webkit-flex !important;   display: flex !important;   -webkit-flex-direction: row !important;   -ms-flex-direction: row !important;   flex-direction: row !important;   -webkit-flex-wrap: wrap !important;   -ms-flex-wrap: wrap !important;   flex-wrap: wrap !important;   -webkit-box-pack: center !important;   -moz-box-pack: center !important;   -webkit-justify-content: center !important;   -ms-flex-pack: center !important;   justify-content: center !important;   -webkit-box-align: center !important;   -moz-box-align: center !important;   -webkit-align-items: center !important;   -ms-flex-align: center !important;   align-items: center !important;  }   .nav-header.navbar-default ul.level_1>li>a,  .nav-header.navbar-default ul.level_1>li>span {   padding-left: 16px;   padding-right: 16px;  }   .nav-header.navbar-default .hidden-lg-menu {   display: none;  }  }  @media screen and (max-width:767px) {  .teaser-company .ce_text > h2 {   margin-top: 10px;  }   #header {   background: none;  }   #header .more-inside-menu {   background: none;  }   #header .more-inside-menu > div {   margin-bottom: 0px;  }   #header .bg-header > div {   background: none  }   .padding-top-xs-15 {   padding-top: 15px  }   .col-xs-center {   text-align: center !important;  }   .col-xs-left {   text-align: left !important;  }   .col-xs-right {   text-align: right !important;  }   .col-xs-inline {   display: inline-block !important;   float: none !important;   white-space: normal;   float: none !important;  }   .col-xs-block {   display: block !important;  }   .col-xs-no-padding-left {   padding-left: 0px;  }   .col-xs-no-padding-right {   padding-right: 0px;  }   .col-xs-no-padding {   padding-left: 0px !important;   padding-right: 0px !important;  }   #header .header-logan {   margin: 0px;   padding: 0px 0px;   text-align: center;  }   .header-address {   padding-bottom: 10px  }   .header-hotline-mobile {   color: #f10000;   padding: 1px;   position: fixed;   bottom: 0px;   width: 100%;   left: 0px;   z-index: 1001;  }   .header-hotline-mobile a {   text-decoration: none;   color: #FFF;   display: inline-block;   width: 49%;   position: relative;   padding: 5px 0px;   font-size: 1em;   box-shadow: 0px 0px 0px 1px #d41d1d;   background: #d41d1d;   border-radius: 0px;  }   .header-hotline-mobile a b {   font-weight: normal;  }   .header-hotline-mobile i:before {   font: normal normal normal 14px/1 FontAwesome;   padding-right: 5px;   font-size: 1.2em;  }   .header-hotline-mobile .hotline i:before {   content: "\f095";   -webkit-animation: fadeCome linear 1s infinite;   animation: fadeCome linear 1s infinite;  }   .header-hotline-mobile .sms i:before {   content: "\f003";  }   @-webkit-keyframes fadeCome {   0% {  opacity: 1;   }    50% {  opacity: 0;   }    100% {  opacity: 1;   }   }   @-moz-keyframes fadeCome {   0% {  opacity: 1;   }    50% {  opacity: 0;   }    100% {  opacity: 1;   }   }   #header .icon_header {   margin-bottom: 15px;  }   #header .block-languages {   display: block;   margin-bottom: 0px;   color: #585858;   clear: both;  }   .block-languages {   text-align: center;  }   .button-social {   margin-top: 5px;   display: block;   font-size: 1em;   color: #c11601;  }   .button-social p {   margin-bottom: 0px;  }   .float_right {   float: inherit;  }   .float_left {   float: inherit;  }   #footer .copyright {   padding: 0px 15px;  }   .slick-prev,  .slick-next {   display: none !important;  }   /*    .nav-header.navbar-default {  border: none;  background: none;  margin-bottom: 5px;  margin-top: -47px;  text-align: left;   } */  .nav-header.navbar-default .navbar-collapse,  .nav-header.navbar-default .navbar-form {   background-color: rgb(212, 29, 29);   margin-bottom: 0px;   padding-top: 10px;   border: none;   margin-right: 0px;   margin-left: 0px;  }   .nav-header.navbar-default .navbar-toggle {   background: url("/files/system/img/general/resp_menu_btn.png") left top no-repeat;   background-size: 48px 48px;   border-color: transparent;   color: #FFF;   float: left;   width: 48px;   height: 48px;   padding: 0px;   text-indent: -99999px;   margin: 0px;   margin-left: 5px;   margin-right: 10px;  }   .nav-header.navbar-default .navbar-toggle span {   display: none;  }   .nav-header.navbar-default .navbar-toggle:focus,  .nav-header.navbar-default .navbar-toggle:hover {   background-color: inherit;   box-shadow: none  }   .nav-header.navbar-default a {   color: #5aa24a;   font-size: 1.2em;  }   .nav-header.navbar-default a.active,  .nav-header.navbar-default li>a:focus,  .nav-header.navbar-default li>a:hover,  .nav-header.navbar-default .open>a,  .nav-header.navbar-default .open>a:focus,  .nav-header.navbar-default .open>a:hover {   background: #ff0000;   color: #ffed00;  }   .nav-header.navbar-default .navbar-toggle .icon-bar {   background: #FFF  }   .nav-header.navbar-default .navbar-header {   margin-right: 0px;   margin-left: 0px  }   .nav-header.navbar-default .dropdown-menu {   display: none;   left: 0px;   background: none;   border: none;   position: relative;   float: inherit  }   .nav-header.navbar-default .open >.dropdown-menu {   display: block;  }   .nav-header.navbar-default .dropdown-submenu>.dropdown-menu {   left: 0px;   margin-top: 0px;   margin-left: 5px;   top: auto;  }   .nav-header.navbar-default .caret-icon {   width: 30px;   height: 30px;   vertical-align: middle;   position: absolute;   right: 0px;   display: block;   line-height: 34px;   text-align: center;   font-size: 1.2em;   bottom: 1px;   color: #292929;  }   .nav-header.navbar-default .icon-tree {   display: none;  }   .nav-header.navbar-default li {   position: relative !important;  }   .nav-header.navbar-default li a {   position: relative !important;   background: none;   color: #FFF;   margin-bottom: 1px;   -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;   padding: 7px 10px;   font-size: 1em;  }   .nav-header.navbar-default .dropdown-submenu a,  .nav-header.navbar-default .dropdown-menu a {   white-space: normal;   background: none;  }   #left,  #right {   box-shadow: none;   margin-top: 0px;   margin-bottom: 10px  }   #left>.inside,  #right>.inside {   float: inherit  }   #footer .form-newletter {   padding: 4px 15px;  }   .block-search {   margin-top: 0px;   margin-left: 60px;   margin-top: 4px;   margin-right: 5px;  }   .block-search form {   text-align: center  }   .block-search input[type=text] {   background: rgba(255, 255, 255, 0.65);   color: #000;   border: 1px solid #e6e6e6;   height: 46px;   -webkit-border-radius: 0px;   -moz-border-radius: 0px;   border-radius: 0px;   position: relative;   z-index: 1001;  }   .block-search input[type=submit] {   position: absolute;   z-index: 1001;   top: 3px;   right: 3px;  }   .header-translate {   padding-top: 5px;   padding-bottom: 10px;   text-align: center;   padding-left: 0px  }   .header-translate > div {   display: inline-block  }   .goog-te-menu-frame {   width: 100% !important  }   .teaser-company .ce_text > h2 {   float: inherit;  }   .wrap-center-rotate div.items {   padding: 15px;  }   .block-right-header {   padding-bottom: 5px;   position: absolute;   top: 5px;   right: 10px;  }  }  @media screen and (max-width:640px) {  h2.title-headdline {   font-size: 2em;  }   .col-xxs-center {   text-align: center !important;  }   .col-xxs-left {   text-align: left !important;  }   .col-xxs-right {   text-align: right !important;  }   .col-xxs-inline {   display: inline-block !important;   float: none !important;   vertical-align: top;  }   .col-xxs-block {   display: block !important;  }   .hidden-xxs {   display: none !important;  }   #top-link-block {   display: none !important;  }   #header .hotline-top {   font-size: 0.7em  }   .copyright {   font-size: 0.9em;  }   .list-1column .float_above {   float: inherit  }   .nav-header.navbar-default {   text-align: left;   min-height: auto;  }   .news-reader-product .layout_full .headline-image > .image_container_div {   margin: 10px;   float: inherit  }   .news-reader-product .layout_full .headline-image > .image_container_div figure img {   height: auto;   max-width: 100%;  }   .list-news-scroll .headline a.more {   float: inherit;   display: block;   text-align: left;   margin-top: 10px  }   .form-contact-div > h2,  .form-person-div > h2 {   font-size: 1.2em;   margin-top: 10px;  }   .form-contact-div > form > div >.submit_container,  .form-person-div > form > div >.submit_container {   display: block;   text-align: right;   margin-right: 2%  }   .form-contact-div > form > div >div>label.input-contact,  .form-person-div form > div >div > div label {   display: block;   padding-right: 2%;   width: 98%;   text-align: left;  }   .form-contact-div > form > div >div>input.input-contact,  .form-contact-div > form > div >div>textarea.input-contact,  .form-person-div form > div >div > div input.text,  .form-person-div form > div >div > div select {   display: block;   width: 98%;   padding-left: 0.5%;   padding-right: 0.5%  }   .form-contact-div > form > div >div>.captcha_text {   display: block;   color: #AB0202;   background-color: #F1F1F1;   margin-right: 2%;   padding: 10px;   margin-left: 0%;   margin-top: 5px;   width: 98%  }   .form-contact-div > form > div >div p.error,  .form-person-div form > div >div > div p.error {   position: relative;   right: 0px;   top: inherit  }   .form-person-div .widget-upload > div {   display: block;   width: auto;   margin: 0px  }   .form-person-div form > div >div > .widget-upload p.error {   display: block;   width: auto;   margin: 0px  }   .form-person-div .widget-upload > div img {   display: block;   margin: auto  }   .form-contact-div form > div >div .filedQuestion {   display: block;   width: auto;  }   .pgwSlider .ps-caption b {   font-size: 1.2em  }   .mix-list .col-sm-clear {   display: block;   height: 0px;  }   .book-now > h2 {   font-size: 1.2em;   padding-bottom: 0px;  }   .book-now .formbody > div,  .book-now > h2 {   display: block;   margin-left: 10px;   margin-right: 10px;   margin-bottom: 1px;  }   .book-now .formbody > div input,  .book-now .formbody > div select {   display: block;   width: 100%;  }   .menu-brebrum span {   font-size: 2em;  }  }  @media screen and (min-width:640px) {  .div-table {   display: table;   width: 100%;  }   .block-home {   display: table-cell;  }  }  /* Css new */  .header-top {  background: var(--primary-color); }  .header-top .container {  display: flex;  flex-wrap: wrap;  align-items: center; }  .header-top p {  color: #fff;  font-weight: 700;  margin-bottom: 0; }  .header-center {  background: #fff; }  .header-center .container {  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: space-between; }  .header-center .logo {  width: 25%; }  .header-center .logo img {  max-height: 120px;  max-width: 100%; }  .header-center .info {  padding-top: 10px;  text-align: center;  width: 50%;  line-height: 1; }  .header-center .info p>strong {  text-shadow: 2px 2px 0 #eee, 4px 3px 0 rgba(0, 0, 0, .18);  color: var(--primary-color);  font-size: 32px; }  .header-center .info p+p {  color: #000;  font-size: 16px;  font-weight: 500; }  .header-center .contact {  width: 25%; }  .header-center .contact ul {  padding: 0;  list-style: none;  float: right; }  .header-center .contact ul li {  background: repeating-linear-gradient(to right, var(--primary-color) 0, var(--secondary-color) 50%, var(--primary-color) 100%);  background-size: 200% auto;  background-position: 0 100%;  animation: gradient 1.8s infinite;  animation-fill-mode: forwards;  animation-timing-function: linear;  padding: 0 10px;  border-radius: 99px;  margin-bottom: 4px;  color: #fff;  line-height: 25px;  height: 25px; }  .header-center .contact ul li a {  color: #f2f2f2; }  .header-center .contact ul li a:before {  margin-right: 5px;  content: "\f095";  display: inline-block;  font: normal normal normal 14px/1 FontAwesome;  font-size: inherit;  text-rendering: auto;  -webkit-font-smoothing: antialiased; }  @keyframes gradient {  0% {   background-position: 0 0  }   100% {   background-position: -200% 0  }  }  .header-bottom {  background: #009653;  background-repeat: repeat;  background-size: cover; }  .header-bottom .container {  display: flex;  flex-wrap: wrap;  justify-content: center; }  .header-bottom .vertical-menu {  position: relative;  margin-right: auto;  width: 250px;  background: #007a33;  text-transform: uppercase; } .header-bottom .vertical-menu h1 {  font-size: 16px;  font-weight: bold;  color: #f2f2f2;  padding: 10px;  padding-left: 10px;  margin-bottom: 0;  margin-top: 0; }  .header-bottom .vertical-menu h1 span:before {  font-family: "FontAwesome";  content: '\f0c9';  margin-right: 5px; }  .header-bottom .vertical-menu .navbar {  -webkit-transition: opacity .25s, visibility .25s;  -o-transition: opacity .25s, visibility .25s;  transition: opacity .25s, visibility .25s;  opacity: 0;  visibility: visible;  position: absolute;  z-index: 0;  width: 100%;  background: #fff;  border: 1px solid #ececec;  border-radius: 0;  display: none; }  .header-bottom .vertical-menu:hover .navbar {  opacity: 1;  z-index: 99;  display: block; }  .header-bottom .vertical-menu .navbar ul {  padding: 0;  list-style: none; }  .header-bottom .vertical-menu .navbar ul.level_1 {  display: flex;  flex-direction: column;  margin: 0; }  .header-bottom .vertical-menu .navbar ul.level_1 li+li {  border-top: 1px solid var(--primary-color); }  .header-bottom .vertical-menu .navbar ul.level_1 li {  padding: 10px 15px; }  .header-bottom .vertical-menu .navbar ul.level_1>li {  height: auto;  display: flex;  align-items: center;  width: 100%;  font-weight: 700; }  .header-bottom .vertical-menu .navbar ul.level_1>li a {  color: #000; }  .header-bottom .vertical-menu .navbar ul.level_1>li a:hover {  color: var(--primary-color); }   .header-bottom .vertical-menu .navbar ul.level_1 li ul {  position: absolute;  top: 0px;  left: calc(100% + 1px);  height: 100%;  width: 100%;  display: inline-block;  background: #fff;  opacity: 0;  visibility: hidden;  border-right: 1px solid #ececec;  border-bottom: 1px solid #ececec; }  .header-bottom .vertical-menu .navbar ul.level_1 li ul.level_2 li {  width: 100%;  border: 0;  font-weight: normal;  padding: 8px 5px 5px 30px;  background: url("/files/system/img/general/icon-dm.png") 6px 12px no-repeat;  -webkit-transition: all .30s ease;  -moz-transition: all .30s ease;  -ms-transition: all .30s ease;  -o-transition: all .30s ease;  transition: all .30s ease; }  .header-bottom .vertical-menu .navbar ul.level_1 li ul.level_2 li:hover {  background: url("/files/system/img/general/icon-dm-hover.png") 10px 12px no-repeat; }  .header-bottom .vertical-menu .navbar ul.level_1 li:hover ul {  -webkit-transition: opacity .25s, visibility .25s;  -o-transition: opacity .25s, visibility .25s;  transition: opacity .25s, visibility .25s;  height: 100%; } .header-bottom .vertical-menu .navbar ul.level_1 li:hover > ul {  opacity: 1;  visibility: visible; }  .nb-padding {  padding: 40px 0; }  .nb-why-choose {  position: relative;  background: url("/files/upload/vi-sao-chon-chung-toi/bg-visao.png");  background-size: cover;  background-attachment: fixed;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  -ms-background-size: cover; }  .nb-why-choose:before {  content: '';  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: rgba(0, 21, 35, 0.58);  transition: .3s all ease;  z-index: 0;  height: 100%; }  .nb-why-choose .whychose-item {  color: #fff;  display: flex;  flex-wrap: wrap;  align-items: center; }  .nb-why-choose .whychose-item .image_container {  width: 80px;  line-height: 40px;  height: 80px;  font-size: 35px;  text-align: center;  list-style: none;  border-radius: 50%;  border: solid #FFF 1px;  padding: 20px; }  .nb-why-choose .whychose-item .image_container img {  width: 100%; }  .nb-why-choose .whychose-item > .content {  width: calc(100% - 80px);  padding-left: 10px; }  .nb-why-choose h2.title-headdline {  color: #fff; }  .nb-why-choose .whychose-item > .content p {  overflow: hidden;  text-overflow: ellipsis;  line-height: 25px;  -webkit-line-clamp: 3;  height: 75px;  display: -webkit-box;  -webkit-box-orient: vertical; }  .pdf_link, .nav-mobile {  display: none !important; }  .header-mobile, .logo-mobile {  display: none; }  #mm-my-menu>a:first-child {  display: flex;  justify-content: center; }  #mm-my-menu > a:first-child img {  width: 80px;  text-align: center;  margin-bottom: 15px; }  .box-default figure {  display: block;  width: 77px;  height: 77px;  margin: auto;  border: 1px solid #dcdcdc;  border-radius: 50%; }  .box-default figure img {  width: 100%; }  .box-default > .content {  padding: 10px; }  .box-default > .content h3 {  text-align: center;  color: #000; }  /* .nav-header.navbar-default ul.level_1 li.nav-full {  position: unset; }  .nav-header.navbar-default li.nav-full>ul {  width: 100%; }  */  @media screen and (max-width:767.98px) {  #footer {   background: #1f8c4d;  }   .header-center .logo {   width: calc(100% - 60px);   text-align: right;  }   .header-mobile,  .header-center .logo .logo-mobile  {   display: block;  }   .nav-header.navbar-default {   width: 60px;   border: 0;  }   #header .logo img {   height: 60px;   padding: 0 !important;  }   .header-center {   box-shadow: 0 4px 2px -2px var(--primary-color);  }   .header-center .nav-header {   display: block;  }   .header-center .nav-mobile {   display: block !important;   margin-bottom: 0;  }   .header-center .info,  .header-center .contact,  .header-bottom,  .header-center .logo-pc {   display: none;  }  }   .magazine-viewport .container {  position: absolute;  top: 400px;  left: 50%;  width: 1120px;  height: 800px;  margin: auto; }  .magazine-viewport .magazine {  width: 1120px;  height: 800px;  left: -556px;  top: -50% !important; }  .magazine-viewport .page {  width: 560px;  height: 800px;  background-color: white;  background-repeat: no-repeat;  background-size: 100% 100%; }  .magazine-viewport .zoomer .region {  display: none; }  .magazine .region {  position: absolute;  overflow: hidden;  background: #0066FF;  opacity: 0.2;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;  -ms-border-radius: 10px;  -o-border-radius: 10px;  border-radius: 10px;  cursor: pointer;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";  filter: alpha(opacity=20); }  .magazine .region:hover {  opacity: 0.5;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  filter: alpha(opacity=50); }  .magazine .region.zoom {  opacity: 0.01;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";  filter: alpha(opacity=1); }  .magazine .region.zoom:hover {  opacity: 0.2;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";  filter: alpha(opacity=20); }  .magazine .page {  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }  .magazine-viewport .page img {  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  margin: 0; }  .magazine .even .gradient {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: -webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.2)));  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);  background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%);  background-image: linear-gradient(left, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.2) 100%); }  .magazine .odd .gradient {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: -webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.15)));  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);  background-image: -ms-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%);  background-image: linear-gradient(right, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.15) 100%); }  .magazine-viewport .zoom-in .even .gradient, .magazine-viewport .zoom-in .odd .gradient {  display: none; }  .magazine-viewport .loader {  background-image: url("/files/system/img/general/loader.gif");  width: 22px;  height: 22px;  position: absolute;  top: calc(50% - 11px);  left: calc(50% - 11px); }  .magazine-viewport .shadow {  -webkit-transition: -webkit-box-shadow 0.5s;  -moz-transition: -moz-box-shadow 0.5s;  -o-transition: -webkit-box-shadow 0.5s;  -ms-transition: -ms-box-shadow 0.5s;  -webkit-box-shadow: 0 0 20px #ccc;  -moz-box-shadow: 0 0 20px #ccc;  -o-box-shadow: 0 0 20px #ccc;  -ms-box-shadow: 0 0 20px #ccc;  box-shadow: 0 0 20px #ccc; }  .next-button, .previous-button {  width: 40px;  height: 100px !important;  position: absolute;  top: calc(50% - 50px);  z-index: 99999999999;  background: none; }  .next-button {  right: -40px;  -webkit-border-radius: 0 15px 15px 0;  -moz-border-radius: 0 15px 15px 0;  -ms-border-radius: 0 15px 15px 0;  -o-border-radius: 0 15px 15px 0;  border-radius: 0 15px 15px 0; }  .previous-button {  left: -40px;  -webkit-border-radius: 15px 0 0 15px;  -moz-border-radius: 15px 0 0 15px;  -ms-border-radius: 15px 0 0 15px;  -o-border-radius: 15px 0 0 15px;  border-radius: 15px 0 0 15px; }  .previous-button, .magazine-viewport .previous-button-down {  background-image: url("/files/system/img/general/left-arrow.png");  background-size: contain;  background-repeat: no-repeat;  background-position-y: 27px !important;  background-position-x: 0px !important; }  /* .magazine-viewport .previous-button-down, .magazine-viewport .next-button-down {  background-color: rgba(0, 0, 0, 0.4); } */ .next-button, .magazine-viewport .next-button-down {  background-image: url("/files/system/img/general/right-arrow.png");  background-size: contain;  background-repeat: no-repeat;  background-position-y: 27px !important;  background-position-x: 0px !important; }  .zoom-in .next-button, .zoom-in .previous-button {  display: none; }  .animated {  -webkit-transition: margin-left 0.5s;  -moz-transition: margin-left 0.5s;  -ms-transition: margin-left 0.5s;  -o-transition: margin-left 0.5s;  transition: margin-left 0.5s; }  .thumbnails {  position: relative; }  /* .thumbnails > div{ width:1050px; height:100px; margin:20px auto; } */ .thumbnails ul {  margin: 0;  padding: 0;  text-align: center;  -webkit-transform: scale3d(0.5, 0.5, 1);  -moz-transform: scale3d(0.5, 0.5, 1);  -o-transform: scale3d(0.5, 0.5, 1);  -ms-transform: scale3d(0.5, 0.5, 1);  transform: scale3d(0.5, 0.5, 1);  -webkit-transition: -webkit-transform ease-in-out 100ms;  -moz-transition: -moz-transform ease-in-out 100ms;  -ms-transition: -ms-transform ease-in-out 100ms;  -o-transition: -o-transform ease-in-out 100ms;  transition: transform ease-in-out 100ms; }  .thumbanils-touch ul {  -webkit-transform: none;  -moz-transform: none;  -o-transform: none;  -ms-transform: none;  transform: none; }  .thumbnails-hover ul {  -webkit-transform: scale3d(0.6, 0.6, 1);  -moz-transform: scale3d(0.6, 0.6, 1);  -o-transform: scale3d(0.6, 0.6, 1);  -ms-transform: scale3d(0.6, 0.6, 1);  transform: scale3d(0.6, 0.6, 1); }  .thumbnails li {  list-style: none;  display: inline-block;  margin: 0 5px;  -webkit-box-shadow: 0 0 10px #ccc;  -moz-box-shadow: 0 0 10px #ccc;  -ms-box-shadow: 0 0 10px #ccc;  -o-box-shadow: 0 0 10px #ccc;  box-shadow: 0 0 10px #ccc;  -webkit-transition: -webkit-transform 60ms;  -moz-transition: -webkit-transform 60ms;  -o-transition: -webkit-transform 60ms;  -ms-transition: -webkit-transform 60ms;  transition: -webkit-transform 60ms; }  .thumbnails li span {  display: none; }  .thumbnails .current {  -webkit-box-shadow: 0 0 10px red;  -moz-box-shadow: 0 0 10px red;  -ms-box-shadow: 0 0 10px red;  -o-box-shadow: 0 0 10px red;  box-shadow: 0 0 10px red; }  .thumbnails .thumb-hover {  -webkit-transform: scale3d(1.3, 1.3, 1);  -moz-transform: scale3d(1.3, 1.3, 1);  -o-transform: scale3d(1.3, 1.3, 1);  -ms-transform: scale3d(1.3, 1.3, 1);  transform: scale3d(1.3, 1.3, 1);  -webkit-box-shadow: 0 0 10px #666;  -moz-box-shadow: 0 0 10px #666;  -ms-box-shadow: 0 0 10px #666;  -o-box-shadow: 0 0 10px #666;  box-shadow: 0 0 10px #666; }  .thumbanils-touch .thumb-hover {  -webkit-transform: none;  -moz-transform: none;  -o-transform: none;  -ms-transform: none;  transform: none; }  .thumbnails .thumb-hover span {  position: absolute;  bottom: -30px;  left: 0;  z-index: 2;  width: 100%;  height: 30px;  font: bold 15px;  line-height: 30px;  color: #666;  display: block;  cursor: default; }  .thumbnails img {  float: left; }  .exit-message {  position: absolute;  top: 10px;  left: 0;  width: 100%;  height: 40px;  z-index: 10000; }  .exit-message > div {  width: 140px;  height: 30px;  margin: auto;  background: rgba(0, 0, 0, 0.5);  text-align: center;  font: 12px;  line-height: 30px;  color: white;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;  -ms-border-radius: 10px;  -o-border-radius: 10px;  border-radius: 10px; }  .zoom-icon {  position: absolute;  z-index: 1000;  width: 22px;  height: 22px;  top: 10px;  right: 10px;  background-image: url("/files/system/img/general/zoom-icons.png");  background-size: 88px 22px; }  .zoom-icon-in {  background-position: 0 0;  cursor: pointer; }  .zoom-icon-in.zoom-icon-in-hover {  background-position: -22px 0;  cursor: pointer; }  .zoom-icon-out {  background-position: -44px 0; }  .zoom-icon-out.zoom-icon-out-hover {  background-position: -66px 0;  cursor: pointer; }  .nb-download-btn a {  letter-spacing: -.1px;  font-weight: 700;  line-height: 1.43;  text-decoration: none;  font-size: 15px;  color: #f00!important;  vertical-align: middle;  position: relative;  z-index: 1;  display: inline-block;  overflow: hidden;  padding: 12px 22px 12px 46px;  background-color: transparent;  border: none;  -webkit-border-radius: 0;  border-radius: 0;  -webkit-transition: color 0.2s ease-out;  -o-transition: color 0.2s ease-out;  transition: color 0.2s ease-out; }  .nb-download-btn a:before {  content: "\f0ed";  font-family: 'FontAwesome';  font-size: 40px;  font-weight: 400;  line-height: 1;  color: inherit;  background-color: transparent;  position: absolute;  top: 50%;  left: 0;  z-index: -1;  display: inline-block;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%); }  .nb-download-btn a:hover {  color: #707070 !important; }  .nb-download-btn a:after {  font-family: 'FontAwesome';  content: '\f061';  font-size: 13px;  line-height: 1;  color: inherit;  left: auto;  right: 3px;  -webkit-transition: right 0.2s ease-out;  -o-transition: right 0.2s ease-out;  transition: right 0.2s ease-out;  position: absolute;  top: 50%;  z-index: -1;  display: inline-block;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%); }  .nb-download-btn a:hover:after {  right: 0; }