@media screen and (min-width: 1200px) {

  .container {

    width: 1200px;

  }

}

body {

  font-family: Arial, sans-serif;

}



a {

  text-decoration: none;

}

a:hover {

  text-decoration: none;

}



#up-to-top {

  position: fixed;

  bottom: 40px;

  right: 15px;

  cursor: pointer;

  z-index: 3333;

}



#mobile-menu ul {

  display: none;

}



.mobile-menu {

  display: none;

  font-size: 30px;

  color: #0069df;

  position: fixed;

  right: 15px;

  z-index: 3333;

  top: 40px;

}

.mobile-menu:hover {

  color: #0069df;

}



h3 {

  text-transform: uppercase;

  color: #781a6b;

  font-family: "UTM Alexander", sans-serif;

  font-weight: bold;

  font-size: 26px;

  margin-top: 0;

  margin-bottom: 10px;

  text-align: center;

}



#header {

  padding-top: 6px;

  position: relative;

}

#header:before {

  content: '';

  position: absolute;

  top: 0;

  width: 100%;

  height: 6px;

  background: url(../images/bg-top-header.png) repeat-x;

}

#header .top {

  background: #f6f6f6;

  padding: 5px 0;

  border-bottom: 1px solid #e1e1e1;

}

#header .top .hotline {

  font-size: 20px;

  color: #de990e;

}

#header .top .login {

  text-align: right;

}

#header .top .login ul {

  list-style: none;

  padding: 0;

  display: inline-block;

  margin: 0 10px 0 0;

}

#header .top .login ul li {

  display: inline;

  padding: 0 8px;

}

#header .top .login ul li:first-child {

  position: relative;

}

#header .top .login ul li:first-child:before {

  position: absolute;

  content: "";

  width: 1px;

  height: 100%;

  right: -4px;

  top: 0;

  background: #999999;

}

#header .top .login ul li a {

  color: #999999;

  font-size: 15px;

}

#header .top .login ul li a.active, #header .top .login ul li a:hover {

  color: #de990e;

}

#header .top .login .lang {

  display: inline;

}



.partner-slide {

  padding: 35px 0 20px;

}

.partner-slide img {

  display: block;

  margin: auto;

}



footer {

  padding-top: 35px;

  background: #781a6b;

  padding-bottom: 15px;

  color: #fff;

  border-top: 5px solid #de990e;

  position: relative;

}

footer:before {

  position: absolute;

  content: "";

  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.75);

          box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.75);

  top: -4px;

  width: 100%;

  height: 4px;

  left: 0;

}

footer .title {

  position: relative;

  padding-bottom: 10px;

  margin-bottom: 15px;

}

footer .title:before {

  position: absolute;

  content: "";

  bottom: 0;

  width: 145px;

  height: 5px;

  background: #de990e;

}

footer .title h4 {

  margin: 0;

  font-family: 'UTM Alexander', sans-serif;

  font-size: 20px;

  font-weight: 500;

  text-transform: uppercase;

}

footer .detail {

  font-family: 'UTM Caviar', sans-serif;

}

footer .detail ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

footer .detail ul li {

  padding: 4px 0;

}

footer .detail ul li a {

  color: #fff;

}

footer .detail ul li a:hover {

  color: #ffc44c;

}

footer .footer-right .detail {

  margin-bottom: 15px;

}



#copyright {

  padding: 10px 0;

}

#copyright .copyright {

  color: #2979bd;

  font-size: 16px;

  position: relative;

  padding-top: 12px;

}

#copyright .social {

  text-align: right;

}

#copyright .social ul {

  list-style: none;

  padding: 0;

  margin: 0;

  display: inline-block;

}

#copyright .social ul li {

  display: inline;

  padding: 0 4px;

}



.heading-page {

  background: url(../images/main-banner.jpg);

  color: #fff;

  margin-bottom: 40px;

  position: relative;

}

.heading-page .container {

  position: relative;

  padding-top: 40px;

  padding-bottom: 50px;

}

.heading-page .container .archive-title {

  margin-top: 0;

  font-size: 40px;

  margin-bottom: 10px;

  text-transform: uppercase;

  font-weight: 600;

}

.heading-page .container .kopa-breadcrumb #breadcrumbs {

  position: absolute;

  bottom: 0;

  left: 15px;

  padding: 8px 20px;

  background: rgba(255, 255, 255, 0.7);

  color: #4d4d4d;

}

.heading-page .container .kopa-breadcrumb #breadcrumbs span a {

  color: #2979bd;

  font-family: 'HelveticaNeue', sans-serif;

  font-weight: 100;

}

.heading-page .container .kopa-breadcrumb #breadcrumbs span.active a {

  color: #05b1c0;

}



.site-header .header-right {

  position: relative;

}

.site-header .header-right .main-menu ul {

  padding: 0;

  list-style: none;

  display: inline;

}

.site-header .header-right .main-menu ul li {

  display: inline-block;

  position: relative;

}

.site-header .header-right .main-menu ul li.active a {

  color: #de990e;

}

.site-header .header-right .main-menu ul li.active a:before {

  position: absolute;

  content: '';

  width: 70%;

  height: 3px;

  bottom: 0;

  left: 0;

  right: 0;

  background: #de990e;

  margin: auto;

}

.site-header .header-right .main-menu ul li a {

  padding: 27px 17px;

  font-family: Roboto, sans-serif;

  font-weight: 500;

  font-size: 14px;

  color: #781a6b;

  display: block;

  text-transform: uppercase;

  position: relative;

}

.site-header .header-right .main-menu ul li a:hover {

  color: #de990e;

}

.site-header .header-right .main-menu ul li a:hover:before {

  position: absolute;

  content: '';

  width: 70%;

  height: 3px;

  bottom: 0;

  left: 0;

  right: 0;

  background: #de990e;

  margin: auto;

}

.site-header .header-right .main-menu ul li ul.child {

  position: absolute;

  top: 100%;

  left: 0;

  background: #fff;

  padding: 10px;

  list-style: none;

  border: 1px solid #ccc;

  display: none;

  z-index: 333;

}

.site-header .header-right .main-menu ul li ul.child li {

  padding: 4px 0;

  display: block;

  min-width: 180px;

}

.site-header .header-right .main-menu ul li ul.child li:first-child {

  padding-top: 0;

}

.site-header .header-right .main-menu ul li ul.child li:last-child {

  padding-bottom: 0;

}

.site-header .header-right .main-menu ul li ul.child li a {

  font-weight: 100;

  text-transform: capitalize;

  color: #333 !important;

}

.site-header .header-right .main-menu ul li ul.child li:hover a {

  color: #de990e !important;

}

.site-header .header-right .main-menu ul li:hover ul {

  display: block;

}

.site-header .header-right .search {

  position: absolute;

  top: 5px;

  right: 0;

}

.site-header .header-right .search input {

  border: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  height: 30px;

  font-size: 11px;

}

.site-header .header-right .search .result {

  position: absolute;

  top: 30px;

  right: 0;

  z-index: 999999;

  width: 400px;

  background: #fff;

  border: 1px solid #ccc;

  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

  display: none;

}

.site-header .header-right .search .result ul.load_tim {

  list-style: none;

  padding: 0;

  margin: 0;

}

.site-header .header-right .search .result ul.load_tim li {

  padding: 5px;

}

.site-header .header-right .search .result ul.load_tim li:hover {

  background: #E4EDF1;

}

.site-header .header-right .search .result ul.load_tim li .fsn1 {

  width: 45px;

  height: 45px;

  margin-right: 10px;

  float: left;

  border: 1px solid #eee;

}

.site-header .header-right .search .result ul.load_tim li .fsn1 img {

  width: 100%;

  height: 100%;

}

.site-header .header-right .search .result ul.load_tim li .fsn2 {

  overflow: hidden;

}

.site-header .header-right .search .result ul.load_tim li .fsn2 h4 {

  color: #0071C5;

  font-size: 12px;

  margin: 0;

}

.site-header .header-right .search .result ul.load_tim li .fsn2 p {

  padding: 0;

  color: #F00;

  margin: 0;

}



.k-related-post {

  margin-top: 20px;

}



.k-related-post .description {

	margin-bottom: 20px;

	font-style: italic;

}



.k-related-post .col + .col {

  margin-top: 15px;

}

.k-related-post .col .image {

  overflow: hidden;

}

.k-related-post .col .image img {

  transition: All 1s ease;

  -webkit-transition: All 1s ease;

  -moz-transition: All 1s ease;

  -o-transition: All 1s ease;

  margin: auto;

  display: block;

}

.k-related-post .col .image:hover img {

  transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -o-transform: scale(1.2);

  -ms-transform: scale(1.2);

}

.k-related-post .col .content .post-title {

  font-family: Roboto, sans-serif;

  margin-top: 0;

  font-weight: 100;

}

.k-related-post .col .content .post-title a {

  color: #2979bd;

  display: block;

}

.k-related-post .col .content .post-meta {

  font-style: italic;

}

.k-related-post .col .content:hover .post-title {

  margin-top: 0;

}

.k-related-post .col .content:hover .post-title a {

  color: #de990e;

}

.k-related-post article + article {

  margin-top: 15px;

  border-top: 1px dashed #ccc;

  padding-top: 15px;

}

.k-related-post article .small-thumbnail-left .image {

  overflow: hidden;

}

.k-related-post article .small-thumbnail-left .image img {

  transition: All 1s ease;

  -webkit-transition: All 1s ease;

  -moz-transition: All 1s ease;

  -o-transition: All 1s ease;

  margin: auto;

  display: block;

}

.k-related-post article .small-thumbnail-left .content .post-title {

  font-family: Roboto, sans-serif;

  margin-top: 0;

  font-weight: 100;

}

.k-related-post article .small-thumbnail-left .content .post-title a {

  color: #2979bd;

  display: block;

}

.k-related-post article .small-thumbnail-left .content .post-meta {

  font-style: italic;

  color: #797878;

}

.k-related-post article:hover .small-thumbnail-left .image img {

  transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -o-transform: scale(1.2);

  -ms-transform: scale(1.2);

}

.k-related-post article:hover .small-thumbnail-left .content .post-title {

  margin-top: 0;

}

.k-related-post article:hover .small-thumbnail-left .content .post-title a {

  color: #de990e;

}

.k-related-post .entry-post .content ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.k-related-post .entry-post .content ul li {

  padding-left: 20px;

  position: relative;

}

.k-related-post .entry-post .content ul li:before {

  position: absolute;

  content: '\f192';

  left: 0;

  top: 11px;

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  color: #ffba00;

}

.k-related-post .entry-post .content ul li a {

  font-family: Roboto, sans-serif;

  font-weight: 300;

  display: block;

  padding: 8px 0;

  color: #2979bd;

}

.k-related-post .entry-post .content ul li a:hover {

  color: #ffba00;

}

.k-related-post .entry-post .content ul li + li {

  border-top: dotted 1px #ddd;

}



.entry-header {

  position: relative;

  margin-bottom: 15px;

}

.entry-header:before {

  position: absolute;

  content: '';

  width: 70px;

  height: 3px;

  background: #ffba00;

  bottom: 0;

  left: 0;

}

.entry-header h5 {

  margin: 0;

  padding-bottom: 10px;

  color: #0078fe;

  text-transform: uppercase;

  font-family: HelveticaNeue, sans-serif;

  font-weight: 500;

  font-size: 16px;

}



#box-top-index {

  margin-top: 60px;

}

#box-top-index .box-item {

  border-bottom: 2px dashed #cdcccb;

  margin-bottom: 30px;

  padding-bottom: 30px;

}

#box-top-index .box-item .item {

  text-align: center;

  margin-bottom: 15px;

}

#box-top-index .box-item .item .image {

  margin-bottom: 20px;

}

#box-top-index .box-item .item .image .img-hover {

  display: none;

}

#box-top-index .box-item .item .content .title h3 {

  font-size: 17px;

  color: #222851;

  font-weight: bold;

}

#box-top-index .box-item .item .content .desc {

  color: #847d71;

}

#box-top-index .box-item .item:hover .image .img-real {

  display: none;

}

#box-top-index .box-item .item:hover .image .img-hover {

  display: block;

  margin: auto;

}

#box-top-index .box-item .item:hover h3 {

  color: #de990e !important;

}



#box-product {

  margin-bottom: 40px;

}

#box-product .content {

  /* background: #d7d7d7; */

  position: relative;

}

#box-product .content:before {

  content: '';

  position: absolute;

  /* background: #fff; */

  width: 100%;

  height: 25%;

  bottom: 0;

}

#box-product .content .item {

  text-align: center;

}

#box-product .content .item .image {

  position: relative;

  overflow: hidden;

}

#box-product .content .item .image img {

  margin: auto;

  width: 100%;

  transition: All 0.75s ease;

  -webkit-transition: All 0.75s ease;

  -moz-transition: All 0.75s ease;

  -o-transition: All 0.75s ease;

}

#box-product .content .item .title {

  text-transform: uppercase;

  background: #781a6b;

  padding: 20px 0;

  position: relative;

}

#box-product .content .item .title:before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 0;

  height: 0;

  border-top: 27px solid #de990e;

  border-left: 32px solid transparent;

}

#box-product .content .item .title h4 {

  font-weight: 500;

  font-size: 18px;

  color: #fff;

  margin: 0;

  font-family: HelveticaNeue, sans-serif;

}

#box-product .content .item .desc {

  background: #de990e;

  color: #fff;

  text-align: justify;

  padding: 20px 15px;

  position: relative;

}

#box-product .content .item .desc:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 0;

  height: 0;

  border-bottom: 15px solid #fff;

  border-right: 19px solid transparent;

}

#box-product .content .item:hover .title a h4 {

  color: #eaab2b;

}

#box-product .content .item:hover .image img {

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -o-transform: scale(1.1);

  -ms-transform: scale(1.1);

}

#box-product .title p.desc {

  font-family: Roboto, sans-serif;

}



#bankco-system {

  border-bottom: 2px solid #69a1d1;

  margin-bottom: -1px;

}

#bankco-system .title {

  margin-bottom: 40px;

}

#bankco-system .box-items .item {

  text-align: center;

  padding: 22px 0;

  position: relative;

}

#bankco-system .box-items .item:after {

  position: absolute;

  content: "";

  width: 160px;

  height: 25px;

  background: #ccc;

  border-radius: 50%;

  bottom: 55px;

  left: 0;

  right: 0;

  margin: auto;

  -webkit-filter: blur(3px);

  filter: blur(4px);

}
/* tải về */
.clear{
  clear: both;
}
.textlist{
    font-size: 22px;
    font-weight: 700;
    color: #131313;
    margin: 20px 0;
}
.taive{
  padding: 5px 0;
  border-top: 1px solid #ddd;
}
.taive h4{
  float: left;
  font-size: 18px;
  line-height: 26px;
  color: #333;
  font-weight: 400;
}
.taive a{
  float: right;
  font-size: 14px;
  line-height: 20px;
  border-radius: 5px;
  display: inline-block;
  margin: 5px 0;
  padding: 6px 12px;
  text-align: center;
  color: #88107e;
  border: 1px solid #88107e;
  text-decoration: none !important;
}
.taive a:hover{
  background: #88107e;
  color: #fff;
}
#bankco-system .box-items .item .image {

  margin-bottom: 45px;

  position: relative;

  padding: 8px;

}

#bankco-system .box-items .item .image:before {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  border-radius: 50%;

  border: 8px solid transparent;

  border-right-color: #781a6b;

  border-bottom-color: #781a6b;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

  transition: All 1s ease;

  -webkit-transition: All 1s ease;

  -moz-transition: All 1s ease;

  -o-transition: All 1s ease;

}

#bankco-system .box-items .item span {

  color: #781a6b;

  font-weight: bold;

  font-size: 18px;

}

#bankco-system .box-items .item:hover .image:before {

  -webkit-transform: rotate(225deg);

          transform: rotate(225deg);

}



#support-customer {

  background-color: #f4f9fd;

}

#support-customer .info {

  padding: 28px 42px 60px;

}

#support-customer .info .title {

  margin-bottom: 79px;

}

#support-customer .info .content .items {

  text-align: center;

  margin-bottom: 20px;

}

#support-customer .info .content .items:last-child {

  margin-bottom: 0;

}

#support-customer .info .content .items .image {

  margin-bottom: 30px;

}

#support-customer .info .content .items .image img {

  margin: auto;

}

#support-customer .info .content .items .content .title {

  margin-bottom: 20px;

}

#support-customer .info .content .items .content .title h4 {

  color: #de990e;

}

#support-customer .info .content .items .content .desc {

  color: #222851;

}



#box-counter {

  background: url(../images/bg-counter.png) no-repeat fixed top;

  background-size: cover;

  padding: 127px 0;

}

#box-counter .box-items .item {

  text-align: center;

}

#box-counter .box-items .item .image {

  margin-bottom: 50px;

}

#box-counter .box-items .item .image img {

  margin: auto;

}

#box-counter .box-items .item .title {

  margin-bottom: 45px;

}

#box-counter .box-items .item .title h4 {

  font-size: 15px;

  text-transform: uppercase;

  color: #fff;

  margin: 0;

}

#box-counter .box-items .item span.counter {

  font-size: 28px;

  font-weight: bold;

  color: #fff;

}



#customer-talk-about-us {

  padding-top: 55px;

  padding-bottom: 30px;

  background: #f7f7f7;

}

#customer-talk-about-us .title {

  margin-bottom: 48px;

}

#customer-talk-about-us .content {

  padding-bottom: 40px;

}

#customer-talk-about-us .content .item .image img {

  margin: auto;

}

#customer-talk-about-us .content .item .desc {

  text-align: justify;

  font-family: "UTM Caviar", sans-serif;

}

#customer-talk-about-us .content .item .user {

  font-family: 'UTM Alexander', sans-serif;

  color: #781a6b;

}

#customer-talk-about-us .content .item .user span.date {

  font-weight: 100;

  color: #9c9c9c;

  font-family: HelveticaNeue, sans-serif;

  font-style: italic;

}

#customer-talk-about-us .swiper-pagination {

  bottom: 0;

}



.panel-group .panel {

  border-radius: 0;

  border: 0;

}

.panel-group .panel .panel-heading {

  padding: 0;

}

.panel-group .panel .panel-heading h4 a {

  display: block;

  position: relative;

  padding: 15px 60px 15px 35px;

  border-left: 7px solid #ffba00;

}

.panel-group .panel .panel-heading h4 a.collapsed:after {

  content: "\f107";

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  position: absolute;

  right: 40px;

  top: 10px;

  font-size: 30px;

  color: #ffba00;

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

}

.panel-group .panel .panel-heading h4 a:after {

  content: "\f107";

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  position: absolute;

  right: 40px;

  top: 10px;

  transition: all 300ms ease-in-out;

  -webkit-transition: all 300ms ease-in-out;

  -moz-transition: all 300ms ease-in-out;

  -ms-transition: all 300ms ease-in-out;

  font-size: 30px;

  color: #ffba00;

}

.panel-group .panel .panel-heading h4 a:focus {

  text-decoration: none;

}



.block_content #box-product .content {

  background: none;

}



.wrap_paging .paging {

  text-align: center;

}

.wrap_paging .paging ul.pages {

  padding: 0;

  list-style: none;

  display: inline-block;

}

.wrap_paging .paging ul.pages li {

  display: inline;

}

.wrap_paging .paging ul.pages li a {

  background: #2979bd;

  color: #fff;

  margin: 0 3px;

  padding: 5px 12px;

}

.wrap_paging .paging ul.pages li:hover a {

  background: #ff9c00;

}



.block_content .show-pro {

  padding: 0 1.5%;

  background: #fff;

  margin: auto;

}

.block_content .show-pro #Registration {

  -webkit-box-shadow: 4px 4px 5px 0 #737373;

          box-shadow: 4px 4px 5px 0 #737373;

  padding: 2%;

  border: 1px solid #ccc;

}

.block_content .show-pro #Registration h2 {

  margin-top: 0;

  font-size: 20px;

  text-transform: uppercase;

  font-family: HelveticaNeue, sans-serif;

  color: #de990e;

}

.block_content .show-pro #Registration .form-group {

  margin: 0 0 15px;

}

.block_content .show-pro #Registration .item-left ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.block_content .show-pro #Registration .item-left ul li {

  color: #414042;

  font-size: 15px;

  line-height: 55px;

}

.block_content .show-pro #Registration .item-left ul li .sprite {

  background-image: url(../images/icon-page.png);

}

.block_content .show-pro #Registration .item-left ul li i {

  width: 50px;

  height: 50px;

  float: left;

  margin-right: 10px;

}

.block_content .show-pro #Registration .item-left ul li:first-child i.sprite {

  background-position: -640px -363px;

}

.block_content .show-pro #Registration .item-left ul li:nth-child(2) i.sprite {

  background-position: -697px -367px;

}

.block_content .show-pro #Registration .item-left ul li:nth-child(3) i.sprite {

  background-position: -758px -364px;

}

.block_content .show-pro #Registration .item-left ul li:nth-child(4) i.sprite {

  background-position: -808px -364px;

}

.block_content .show-pro #Registration .item-left ul li:nth-child(5) i.sprite {

  background-position: -854px -363px;

}

.block_content .show-pro #Registration .item-right {

  width: calc(100% - 42px);

  border: 1px solid #e7e8e9;

  background: #e7f6fd;

  padding: 30px 20px;

}

.block_content .show-pro .loginForm, .block_content .show-pro .box-container-register {

  width: 50%;

  margin: auto;

}



.entry-content .detail img {

	max-width: 100%;

    height: auto !important;

}



.mm-search > input {

	color: #000;

}



.fix_call_mobi {

	display: none;

}



.coccoc-alo-phone.coccoc-alo-show {

    visibility: visible;

}



.coccoc-alo-phone {

    background-color: transparent;

    cursor: pointer;

    height: 200px;

    position: fixed;

    transition: visibility 0.5s ease 0s;

    visibility: hidden;

    width: 200px;

    z-index: 200000 !important;

}

.phone_ring{

    position: fixed;

    right: 15px;

    top: 25%;

    z-index: 20;

}

.coccoc-alo-phone {

    background-color: transparent;

    cursor: pointer;

    height: 200px;

    position: fixed;

    transition: visibility 0.5s ease 0s;

    visibility: hidden;

    width: 200px;

    z-index: 200000 !important;

}

.coccoc-alo-phone.coccoc-alo-show {

    visibility: visible;

}

.coccoc-alo-phone.coccoc-alo-hover, .coccoc-alo-phone:hover {

    opacity: 1;

}

.coccoc-alo-ph-circle {

    animation: 1.2s ease-in-out 0s normal none infinite running coccoc-alo-circle-anim;

    background-color: transparent;

    border: 2px solid #de990e;

    border-radius: 100%;

    height: 160px;

    left: 20px;

    opacity: 0.1;

    position: absolute;

    top: 20px;

    transform-origin: 50% 50% 0;

    transition: all 0.5s ease 0s;

    width: 160px;

}

.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle {

    animation: 1.1s ease-in-out 0s normal none infinite running coccoc-alo-circle-anim !important;

}

.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle {

    animation: 2.2s ease-in-out 0s normal none infinite running coccoc-alo-circle-anim !important;

}

.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-circle {

    border-color: #FE4387;

    opacity: 0.5;

}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {

    border-color: #FE4387;

    opacity: 0.5;

}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {

    border-color: #FE4387;

    opacity: 0.5;

}

.coccoc-alo-ph-circle-fill {

    animation: 2.3s ease-in-out 0s normal none infinite running coccoc-alo-circle-fill-anim;

    background-color: #de990e;

    border: 2px solid transparent;

    border-radius: 100%;

    height: 100px;

    left: 50px;

    opacity: 0.1;

    position: absolute;

    top: 50px;

    transform-origin: 50% 50% 0;

    transition: all 0.5s ease 0s;

    width: 100px;

}

.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill {

    background-color: rgba(236, 32, 40, 0.5);

    opacity: 0.75 !important;

}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {

    background-color: rgba(236, 32, 40, 0.5);

    opacity: 0.75 !important;

}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {

    background-color: rgba(236, 32, 40, 0.5);

    opacity: 0.75 !important;

}



.coccoc-alo-ph-img-circle {

    animation: 1s ease-in-out 0s normal none infinite running coccoc-alo-circle-img-anim;

    border: 2px solid #de990e;

    background: #de990e;

    border-radius: 100%;

    height: 60px;

    left: 70px;

    opacity: 0.7;

    position: absolute;

    top: 70px;

    transform-origin: 50% 50% 0;

    width: 60px;

}



.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-img-circle {

    background-color: #FE4387;

}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {

    background-color: #FE4387;

}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {

    background-color: #FE4387;

}

@keyframes coccoc-alo-circle-anim {

    0% {

        opacity: 0.1;

        transform: rotate(0deg) scale(0.5) skew(1deg);

    }

    30% {

        opacity: 0.5;

        transform: rotate(0deg) scale(0.7) skew(1deg);

    }

    100% {

        opacity: 0.6;

        transform: rotate(0deg) scale(1) skew(1deg);

    }

}



@keyframes coccoc-alo-circle-img-anim {

    0% {

        transform: rotate(0deg) scale(1) skew(1deg);

    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg);

    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg);

    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg);

    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg);

    }

    50% {

        transform: rotate(0deg) scale(1) skew(1deg);

    }

    100% {

        transform: rotate(0deg) scale(1) skew(1deg);

    }

}

@keyframes coccoc-alo-circle-fill-anim {

    0% {

        opacity: 0.2;

        transform: rotate(0deg) scale(0.7) skew(1deg);

    }

    50% {

        opacity: 0.2;

        transform: rotate(0deg) scale(1) skew(1deg);

    }

    100% {

        opacity: 0.2;

        transform: rotate(0deg) scale(0.7) skew(1deg);

    }

}



.coccoc-alo-ph-img-circle a img {

    padding: 4px 0 0 3px;

}



.box-lienhe {

    margin: 10px auto;

    padding: 10px;

}



#captcha-wrap {

  position: relative;

}



#captcha-wrap .captcha-action {

  position: absolute;

  top: 0;

  right: 0;

  cursor: pointer;

}



.entry-content img {

  max-width: 100%;

}



.box-item {

	margin-bottom: 30px;

}



.box-item + .box-item {

	padding-top: 20px;

	border-top: 1px solid #ccc;

}



.box-item .step {

	background: #00aced;

    text-align: center;

    border-radius: 50%;

    width: 60px;

    height: 60px;

    display: table;

    color: #fff;

}



.box-item .step span {

	display: table-cell;

	vertical-align: middle;

}



@media (max-width: 1333px) {

  #support-customer .info .title {

    margin-bottom: 50px;

  }

  #support-customer .info .content .items {

    margin-bottom: 60px;

  }

}

@media (max-width: 1200px) {

  #support-customer .info .title {

    margin-bottom: 30px;

  }

  #support-customer .info .content .items {

    margin-bottom: 30px;

  }

}

@media (max-width: 1199px) {

  .entry-header h5 {

    font-size: 15px;

  }



  .site-header .header-right .main-menu ul li a {

    font-size: 12px;

    padding: 40px 12px;

  }

  .site-header .header-right .search {

    top: 3px;

  }



  .footer-instagram footer .item:nth-child(2n+1) {

    clear: both;

  }

}

@media (max-width: 1024px) {

  #support-customer .info .title {

    margin-bottom: 15px;

  }

  #support-customer .info .content .items {

    margin-bottom: 10px;

  }

}

@media (max-width: 991px) {

  .entry-header:before {

    bottom: -5px;

  }

  .entry-header h5 {

    font-size: 14px;

    text-indent: 0;

  }



  .chinhsach {

    margin-top: 25px;

  }



  #header .banner img {

    display: block;

    margin: auto;

  }



  .site-header .header-right .main-menu ul li a {

    font-size: 10px;

    padding: 40px 7px;

  }

  .site-header .header-right .search {

    width: 125px;

    top: 2px;

  }



  #support-customer .info {

    padding: 28px 30px;

  }

  #support-customer .info .title {

    margin-bottom: 30px;

  }

  #support-customer .info .title h3 {

    text-align: center;

  }

  #support-customer .info .content .items {

    margin-bottom: 30px;

  }



  #customer-talk-about-us .content .item .image {

    float: none;

    width: 100%;

  }

  #customer-talk-about-us .content .item .image img {

    margin: auto;

  }

  #customer-talk-about-us .content .item .info {

    padding-top: 20px;

  }



  #box-product .content .item .title h4 {

    font-size: 16px;

  }

}

@media (max-width: 880px) {

  #box-slider .box-tuvan {

    position: relative;

  }

  #box-slider .box-tuvan .tuvan {

    position: relative;

    width: 100%;

  }

}

@media (max-width: 768px) {

	.fix_call_mobi {

		display: block;

	}

  #header .banner {

    display: none;

  }

  #header .container .logo img {

    /* width: 80px; */

    margin: auto;
    padding: 15px 0;

  }

  #header .container .hotline .top {

    display: none;

  }

  #header .container .hotline .bottom .phone i {

    top: 10px;

  }



  .mobile-menu {

    display: block;

    left: 10px;

    top: 10px;

  }



  .site-header {

    display: none;

  }



  .item-left {

    margin-bottom: 15px;

  

  }



  .item-right {

    text-align: center;

  }



  #header .top .hotline {

    text-indent: 25px;

  }



  footer .title:before {

    margin: auto;

    left: 0;

    right: 0;

  }

}

@media (max-width: 767px) {

  #copyright .copyright {

    margin-bottom: 10px;

  }

  #copyright .social {

    text-align: center;

  }



  .footer-instagram {

    text-align: center;

  }

  .footer-instagram .footer-right img {

    margin: auto;

  }



  #header .top .hotline, #header .top .login {

    text-indent: 0;

    text-align: center;

  }



  .k-related-post article .small-thumbnail-left .image {

    margin-bottom: 20px;

  }

  .k-related-post article .small-thumbnail-left .content {

    text-align: center;

  }



  footer .item {

    margin-bottom: 15px;

  }

  footer .item .content, footer .item .newsletter {

    text-align: center;

  }

  footer .item .title h5:after {

    opacity: 0;

  }

  footer .item .title h5:before {

    opacity: 0;

  }



  #box-bottom-index {

    position: relative;

    background: url(../images/bg.png) center 25px repeat;

    background-size: auto;

  }



  #box-product .content .item {

    width: 50%;

    margin-bottom: 25px;

  }

}

@media (max-width: 575px) {

  #copyright .copyright:before {

    width: 380px;

  }

}

@media (max-width: 470px) {

  #box-product .content .item .title h4 {

    font-size: 14px;

  }

}

@media (max-width: 435px) {

  #box-product .content .item {

    width: 100%;

    margin-bottom: 25px;

  }



  #header .top .col-xs-6 {

    width: 100%;

  }

}

@media (max-width: 400px) {

  .block_content .show-pro #Registration h2 {

    font-size: 16px;

  }



  #copyright .copyright:before {

    width: 200px;

  }

  #copyright .follow-us ul {

    display: block;

    margin-top: 5px;

  }

}

@media (max-width: 375px) {

  .fb_iframe_widget * {

    max-width: 300px;

    width: 300px;

  }

}

@media screen and (max-width: 320px) {

  .fb-page iframe {

    width: 290px !important;

  }

}