@import "fonts.css";
body {
  min-width: 1140px;
}
.container-fluid {
  min-width: 1140px;
}
.container {
  max-width: 1140px;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.clearfix-hidden {
  content: "";
  display: block;
  clear: both;
}
.font-regular {
  font-family: 'Myriad Pro Regular';
}
.font-condensed {
  font-family: 'Myriad Pro Condensed';
}
.font-semibold {
  font-family: 'Myriad Pro Semibold';
}
.head-top {
  height: 49px;
  background: #eaedf0;
  background: -moz-linear-gradient(left, #eaedf0 20%, #eaedf0 50%, #ffffff 50%, #ffffff 100%);
  background: -webkit-gradient(left top, right top, color-stop(20%, #eaedf0), color-stop(50%, #eaedf0), color-stop(50%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(left, #eaedf0 20%, #eaedf0 50%, #ffffff 50%, #ffffff 100%);
  background: -o-linear-gradient(left, #eaedf0 20%, #eaedf0 50%, #ffffff 50%, #ffffff 100%);
  background: -ms-linear-gradient(left, #eaedf0 20%, #eaedf0 50%, #ffffff 50%, #ffffff 100%);
  background: linear-gradient(to right, #eaedf0 20%, #eaedf0 50%, #ffffff 50%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaedf0', endColorstr='#ffffff', GradientType=1);
}
.head-top .email-us {
  display: block;
  float: left;
  font-family: 'Myriad Pro Regular';
  font-size: 12px;
  margin-top: 17px;
}
.head-top .email-us i {
  display: inline-block;
  background: url("../images/icon.png") no-repeat;
  width: 16px;
  height: 12px;
  margin-right: 5px;
}
.head-top .content-right {
  float: right;
  background-color: #FFF;
}
.head-top .content-right:after {
  content: "";
  display: block;
  clear: both;
}
.head-top .content-right .social {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
}
.head-top .content-right .social:after {
  content: "";
  display: block;
  clear: both;
}
.head-top .content-right .social li {
  float: left;
}
.head-top .content-right .social li a {
  display: block;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
  width: 51px;
  height: 49px;
}
.head-top .content-right .social li a.fb {
  background-position: 0px -57px;
}
.head-top .content-right .social li a.tw {
  background-position: -51px -57px;
}
.head-top .content-right .social li a.gplus {
  background-position: -102px -57px;
}
.head-top .content-right .lnk-request-qoute.en {
  float: left;
  background: url("../images/request_qoute.jpg") no-repeat;
  width: 220px;
  height: 49px;
}
.head-top .language {
  float: left;
  background-color: #FFF;
  margin-left: 15px;
  margin-top: 15px;
}
.head-top .language a {
  display: inline-block;
  margin-left: 10px;
  font-family: 'Myriad Pro Regular';
  font-size: 14px;
  color: #231f20;
}
.head-top .language a:first-child {
  margin-left: 0px;
}
.head-top .language a i {
  display: inline-block;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
  margin-right: 5px;
}
.head-top .language .lnk-en i {
  width: 43px;
  height: 29px;
  background-position: 0px -14px;
}
.head-top .language .lnk-vn i {
  width: 39px;
  height: 30px;
  background-position: -47px -14px;
}
.logo-menu {
  margin-top: 20px;
}
.logo-menu:after {
  content: "";
  display: block;
  clear: both;
}
.logo-menu .logo {
  display: block;
  float: left;
  width: 286px;
  margin-left: 100px;
}
.logo-menu .menu {
  float: right;
  width: 854px;
}
.logo-menu .menu .hotline {
  float: right;
  margin-right: 100px;
}
.logo-menu .menu .hotline .label {
  display: inline-block;
}
.logo-menu .menu .hotline .label:after {
  content: "|";
  display: inline-block;
  width: 1px;
  height: 30px;
  background-color: #d5dce4;
  vertical-align: middle;
  margin: 0px 10px;
}
.logo-menu .menu .hotline .label i {
  display: inline-block;
  background: url("../images/icon.png") no-repeat -87px -12px;
  width: 20px;
  height: 32px;
  vertical-align: middle;
  margin-right: 5px;
}
.logo-menu .menu .hotline .label span {
  display: inline-block;
  font-family: 'Myriad Pro Regular';
  font-size: 13px;
  color: #000;
  vertical-align: middle;
}
.logo-menu .menu .hotline .value {
  display: inline-block;
  font-family: 'Myriad Pro Semibold';
  font-size: 25px;
  color: #0a8bbc;
  vertical-align: middle;
  margin-top: 5px;
}
.logo-menu .menu .main-menu {
  margin-top: 20px;
  background: #0078cf url("../images/icon.png") no-repeat -245px -49px;
  height: 49px;
}
.logo-menu .menu .main-menu ul {
  list-style: none;
  padding: 0;
  padding-top: 7px;
  margin-left: 80px;
}
.logo-menu .menu .main-menu ul li {
  display: inline-block;
  vertical-align: middle;
}
.logo-menu .menu .main-menu ul li:not(.last):after {
  display: inline-block;
  content: "";
  height: 35px;
  width: 1px;
  background-color: #80bbe6;
  margin: 0px 30px;
  vertical-align: middle;
}
.logo-menu .menu .main-menu ul li a {
  font-family: 'Myriad Pro Semibold';
  color: #FFF;
  text-transform: uppercase;
}
.logo-menu .menu .main-menu ul li a:hover {
  text-decoration: none;
}
.main-banner-container {
  position: relative;
}
.main-banner-container .ctrl-next,
.main-banner-container .ctrl-prev {
  display: block;
  position: absolute;
  z-index: 10000;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  top: 275px;
}
.main-banner-container .ctrl-next {
  background-position: -74px -148px;
  right: 50px;
}
.main-banner-container .ctrl-prev {
  background-position: -115px -148px;
  left: 50px;
}
.main-banner {
  width: 1140px;
}
.main-banner img {
  max-width: 100%;
}
.box-services {
  margin-top: 40px;
}
.box-services .title {
  margin-bottom: 10px;
}
.box-services .title .note {
  font-family: 'Myriad Pro Regular';
  font-size: 12px;
  color: #CCC;
  text-transform: uppercase;
}
.box-services .title .main-title {
  font-family: 'Myriad Pro Regular';
  font-size: 25px;
  color: #000;
  text-transform: uppercase;
}
.box-services .content:after {
  content: "";
  display: block;
  clear: both;
}
.box-services .content .service-item {
  float: left;
  width: 360px;
  margin-left: 30px;
}
.list .service-item {
  margin-top: 30px;
}
.box-services .content .service-item:first-child,
.list .service-item:nth-child(3n+4) {
  margin-left: 0px;
}
.box-services .content .service-item .service-info {
  border: 1px solid #d4dee5;
  -webkit-box-shadow: 1px 1px 15px 5px #f2f5f7;
  -moz-box-shadow: 1px 1px 15px 5px #f2f5f7;
  box-shadow: 1px 1px 15px 5px #f2f5f7;
  padding: 10px;
}
.box-services .content .service-item .lnk-thumb {
  display: block;
  width: 360px;
  height: 230px;
  overflow: hidden;
}
.box-services .content .service-item .lnk-title {
  font-family: 'Myriad Pro Regular';
  font-size: 16px;
  color: #555555;
  text-transform: uppercase;
  display: block;
  margin: 10px 0px;
}
.box-services .content .service-item .description {
  font-family: 'Myriad Pro Regular';
  font-size: 14px;
  color: #aaa;
}
.box-services .content .service-item .lnk-readmore {
  display: block;
  margin-top: 10px;
  font-family: 'Myriad Pro Semibold';
  font-size: 12px;
  color: #888;
}
.box-news {
  margin-top: 40px;
}
.box-news .title {
  margin-bottom: 10px;
  display: table;
  margin: auto;
  text-align: center;
}
.box-news .title .note {
  font-family: 'Myriad Pro Regular';
  font-size: 12px;
  color: #CCC;
  text-transform: uppercase;
}
.box-news .title .main-title {
  font-family: 'Myriad Pro Regular';
  font-size: 25px;
  color: #000;
  text-transform: uppercase;
}
.box-news .title i {
  display: inline-block;
  background: url("../images/icon.png") no-repeat -147px 0px;
  width: 97px;
  height: 16px;
  margin: auto;
}
.box-news .content {
  margin-top: 20px;
}
.box-testimonials .content:after {
  content: "";
  display: block;
  clear: both;
}
.box-testimonials .testimonial-item {
  float: left;
  width: 550px;
  margin-left: 40px;
  border: 1px solid #d4dee5;
  -webkit-box-shadow: 1px 1px 15px 5px #f2f5f7;
  -moz-box-shadow: 1px 1px 15px 5px #f2f5f7;
  box-shadow: 1px 1px 15px 5px #f2f5f7;
  padding: 20px;
}
.box-testimonials .testimonial-item:first-child {
  margin-left: 0px;
}
.box-testimonials .testimonial-item .testimonial-content {
  font-family: 'Myriad Pro Regular';
  font-size: 14px;
  color: #aaa;
  margin-bottom: 20px;
}
.box-testimonials .testimonial-item .testimonial-content i {
  display: block;
  background: url("../images/icon.png") no-repeat -147px -17px;
  width: 29px;
  height: 24px;
  margin-bottom: 10px;
}
.box-testimonials .testimonial-item .testimonial-name {
  font-family: 'Myriad Pro Semibold';
  font-size: 16px;
  display: block;
}
.box-testimonials .testimonial-item .testimonial-position {
  font-family: 'Myriad Pro Regular';
  font-size: 14px;
  color: #CCC;
}
.box-testimonials .control {
  display: table;
  margin: auto;
  margin-top: 20px;
}
.box-testimonials .control:after {
  content: "";
  display: block;
  clear: both;
}
.box-testimonials .control a {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  background-image: url("../images/icon.png");
  background-repeat: no-repeat;
  background-position: -158px -43px;
  margin-left: 10px;
}
.box-testimonials .control a:first-child {
  margin-left: 0px;
}
.box-testimonials .control a.active {
  background-position: -147px -43px;
}
.contact-bar {
  margin-top: 40px;
  background-color: #0078cf;
  height: 114px;
}
.contact-bar .row:after {
  content: "";
  display: block;
  clear: both;
}
.contact-note {
  float: left;
  margin-top: 37px;
}
.contact-note .main-note {
  color: #fdfdfd;
  font-family: 'Myriad Pro Regular';
  font-size: 20px;
  text-transform: uppercase;
}
.contact-note .note {
  color: #bacfde;
  font-family: 'Myriad Pro Regular';
  font-size: 14px;
}
.btn-organe {
  display: block;
  float: right;
  margin-top: 37px;
  background-color: #e04622;
  border-radius: 0px;
  color: #FFF;
  text-transform: uppercase;
}
.btn-organe:hover {
  color: #FFF;
}
.footer {
  background-color: #394650;
  padding-top: 90px;
}
.footer .row:after {
  content: "";
  display: block;
  clear: both;
}
.footer .footer-link {
  float: left;
  width: 360px;
  margin-left: 30px;
}
.footer .footer-link:first-child {
  margin-left: 0px;
}
.footer .footer-link .title {
  display: block;
  font-family: 'Myriad Pro Semibold';
  font-size: 16px;
  color: #FFF;
  text-transform: uppercase;
}
.footer .footer-link hr.h-title {
  background-color: #50b9ce;
  width: 34px;
  height: 1px;
  border: none;
  margin: 0px;
  margin-top: 18px;
}
.footer-link-content {
  margin-top: 50px;
}
.quick-link .footer-link-content:after {
  content: "";
  display: block;
  clear: both;
}
.quick-link .footer-link-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.quick-link .footer-link-content ul li {
  float: left;
  border-top: 1px solid #42505b;
  padding-top: 15px;
  margin-bottom: 15px;
  width: 170px;
}
.quick-link .footer-link-content ul li:nth-child(even) {
  margin-left: 20px;
}
.quick-link .footer-link-content ul li:first-child,
.quick-link .footer-link-content ul li:nth-child(2) {
  border-top: 0px;
}
.quick-link .footer-link-content ul li a {
  color: #93a4b1;
  text-transform: uppercase;
}
.contact-us-info .footer-link-content {
  margin-top: 65px;
}
.contact-us-info .sp-name {
  font-family: 'Myriad Pro Semibold';
  font-size: 16px;
  color: #FFF;
  text-transform: uppercase;
}
.contact-us-info .sp-address,
.contact-us-info .sp-phone,
.contact-us-info .sp-email {
  color: #93a4b1;
}
.contact-us-info .highlight {
  color: #FFF;
}
.newsletter-signup .footer-link-content {
  margin-top: 60px;
}
.newsletter-signup .note {
  color: #93a4b1;
}
.newsletter-signup .input-form {
  margin-top: 30px;
}
.newsletter-signup .input-form:after {
  content: "";
  display: block;
  clear: both;
}
.newsletter-signup .input-form input {
  float: left;
  background-color: #4f5f6c;
  width: 307px;
  height: 47px;
  border: none;
  outline: none;
  color: #a3a4a5;
  font-family: 'Myriad Pro Regular';
  padding-left: 20px;
}
.newsletter-signup .input-form.has-error input {
  border: 1px solid #a94442;
}
.newsletter-signup .input-form #btn-register-newsletter {
  display: block;
  float: left;
  width: 53px;
  height: 47px;
  border: none;
  background: none;
  padding: 0px;
}
#btn-register-newsletter i {
  display: block;
  background: url("../images/icon.png") no-repeat -154px -57px;
  width: 53px;
  height: 47px;
}
.footer-copyright {
  position: relative;
  height: 48px;
}
.footer-copyright:after {
  content: "";
  display: block;
  clear: both;
}
.footer-copyright .copyright {
  display: block;
  float: left;
  color: #93a4b1;
  margin-top: 15px;
  margin-left: 105px;
}
.footer-copyright .copyright .highlight {
  color: #FFF;
}
.footer-copyright .footer-menu {
  background: #2c3740 url("../images/icon.png") no-repeat -245px 0px;
  width: 800px;
  height: 48px;
  float: right;
}
.footer-copyright .footer-menu ul {
  list-style: none;
  padding: 0;
  margin-top: 15px;
  margin-left: 35px;
}
.footer-copyright .footer-menu ul li {
  display: inline-block;
  margin-left: 25px;
}
.footer-copyright .footer-menu ul li a {
  color: #63717d;
}
.box-page {
  margin-top: 30px;
}
.box-page .title {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 2px solid #378ce7;
}
.box-page .title .note {
  font-family: 'Myriad Pro Regular';
  font-size: 12px;
  color: #CCC;
  text-transform: uppercase;
}
.box-page .title .main-title {
  font-family: 'Myriad Pro Regular';
  font-size: 25px;
  color: #000;
  text-transform: uppercase;
}
.box-page h1.sp-title {
  font-family: 'Myriad Pro Regular';
  font-size: 40px;
  text-transform: uppercase;
  color: #378ce7;
}
.pn-content {
  margin-top: 20px;
  line-height: 25px;
}
.pn-content,
.pn-content p,
.pn-content span,
.pn-content div {
  font-family: 'Myriad Pro Regular';
  font-size: 14px;
  color: #000;
}
#lnk-top {
  background: url("../images/icon.png") no-repeat 0px -108px;
  width: 67px;
  height: 67px;
  position: fixed;
  bottom: 5px;
  right: 50px;
}
#services-container {
  position: relative;
}
#testimonials-container .owl-controls .owl-dots {
  display: table;
  margin: auto;
  margin-top: 20px;
}
#services-container .owl-controls .owl-dots {
  position: absolute;
  top: -30px;
  right: 0px;
}
.owl-theme .owl-controls .owl-dot {
  display: inline-block;
}
.owl-theme .owl-controls .owl-dot span {
  background: none repeat scroll 0 0 #d6d6d6;
  border-radius: 10px;
  display: block;
  height: 8px;
  margin: 5px 2px;
  opacity: 0.5;
  width: 8px;
}
.owl-theme .owl-controls .owl-dot span:hover,
.owl-theme .owl-controls .owl-dot.active span {
  background: none repeat scroll 0 0 #50b9ce;
}
.page-banner {
  width: 100%;
}
.page-banner img {
  max-width: 100%;
}
.pn_paging {
  display: table;
  margin: auto;
  margin-top: 40px;
}
.pn_paging ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pn_paging ul li {
  float: left;
  margin-left: 5px;
}
.pn_paging ul li:first-child {
  margin-left: 0px;
}
.pn_paging ul li a.sp_number,
.pn_paging ul li span.sp_number,
.pn_paging ul li a.sp_control,
.pn_paging ul li span.sp_control {
  display: block;
  width: 30px;
  height: 30px;
  padding-top: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #333;
  text-decoration: none;
}
.pn_paging ul li a.sp_number {
  background: #CCC;
}
.pn_paging ul li a.sp_number:hover,
.pn_paging ul li span.sp_number {
  background: #0078CF;
  color: #FFF;
  text-decoration: none;
}
.form-contact {
  margin-top: 40px;
}
.form-contact .sp-title {
  font-family: 'Myriad Pro Semibold';
  font-size: 14px;
  text-transform: uppercase;
}
.form-contact .btn {
  padding: 6px 30px;
}
.form-contact #content {
  height: 150px;
  resize: none;
}
.error {
  display: none;
}
#pn_map {
  width: 570px;
  height: 560px;
  border: 1px solid #CCC;
}
.find-us-on-fb {
  width: 100px;
  margin: 5px 0px;
}
.find-us-on-fb img {
  max-width: 100%;
}
