#header {
  width:100%;
  position:relative;
  z-index:9999;
  background:#181819;
}

#header .header {
  background:#181819;
  padding:10px 0;
  position:relative;
  z-index:9999;
  width:100%;
}

#header .center {
  display:flex;
  align-items:center;
  justify-content:space-between;
}

#header .hotline {
  text-align:center;
}

#header .hotline p {
  margin-bottom:0;
  font-family:'SVN-ProductSansRegular';
  font-size:16px;
  color:#fff;
  letter-spacing:2px;
}

#header .hotline a {
  padding:2px 15px 0 15px;
  display:block;
  border-radius:25px;
  font-family:'SVN-ProductSansRegular';
  font-size:15px;
  color:#2e2e2e;
  background: #b1e4e8;
}
#header .hotline a:hover{
	background: #fff
}

#header .icon_menu {
  display:flex;
  height:28px;
  width:152px;
  justify-content:flex-end;
}

.menu-lines {
  position:relative;
  width:50px;
  cursor:pointer;
}

.menu-line {
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:1px;
  background-color:#fff;
  opacity:1;
  -webkit-transform:translate(0,0) rotate(0);
  -ms-transform:translate(0,0) rotate(0);
  transform:translate(0,0) rotate(0);
  -webkit-transition:opacity .3s cubic-bezier(.455,.03,.515,.955),-webkit-transform .3s cubic-bezier(.455,.03,.515,.955);
  transition:opacity .3s cubic-bezier(.455,.03,.515,.955),-webkit-transform .3s cubic-bezier(.455,.03,.515,.955);
  transition:opacity .3s cubic-bezier(.455,.03,.515,.955),transform .3s cubic-bezier(.455,.03,.515,.955);
  transition:opacity .3s cubic-bezier(.455,.03,.515,.955),transform .3s cubic-bezier(.455,.03,.515,.955),-webkit-transform .3s cubic-bezier(.455,.03,.515,.955);
}

.menu-line._2 {
  top:34%;
}

.menu-line._3 {
  top:68%;
}

.menu-line._4 {
  top:100%;
}

.menu-line._1.open {
  -webkit-transform:translate(0,13px) rotate(-45deg);
  -ms-transform:translate(0,13px) rotate(-45deg);
  transform:translate(0,13px) rotate(-45deg);
}

.menu-line._2.open {
  opacity:0;
  -webkit-transform:translate(0,-30px) rotate(0);
  -ms-transform:translate(0,-30px) rotate(0);
  transform:translate(0,-30px) rotate(0);
}

.menu-line._3.open {
  opacity:0;
  -webkit-transform:translate(0,30px) rotate(0);
  -ms-transform:translate(0,30px) rotate(0);
  transform:translate(0,30px) rotate(0);
}

.menu-line._4.open {
  -webkit-transform:translate(0,-13px) rotate(45deg);
  -ms-transform:translate(0,-13px) rotate(45deg);
  transform:translate(0,-13px) rotate(45deg);
}

/* Menu */

#menu {
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  height:calc(100vh - 111px);
  background:#fff;
  overflow-y:auto;
  overflow-x:hidden;
  padding-top:30px;
  transform:translateY(calc(-100% - 200px));
  transition:all 0.5s;
}

#menu.active {
  transform:translateY(0);
}

#menu ul {
  padding-left:0;
  width:100%;
  margin-left:0;
}

#menu ul > li {
  list-style:none;
  width:100%;
  text-align:center;
  position:relative;
}

#menu ul > li span.icon_down {
  width:50px;
  height:45px;
  display:inline-block;
}

#menu ul > li > a {
  font-family:'SVN-ProductSansRegular';
  font-size:16px;
  color:#2e2e2e;
  display:block;
  padding:10px 10px;
  text-transform:uppercase;
  display:inline-block;
  min-width:300px;
  transition:all 0.5s;
  position:relative;
}

#menu ul > li > a span {
  position:absolute;
  width:50px;
  height:50px;
  right:0;
  top:8px;
}

#menu ul > li > a span:before {
  content:"\f078";
  font-size:14px;
  font-family:'FontAwesome';
}

#menu ul > li > a span.active:before {
  content:"\f077";
}

#menu ul > li:hover > a {
  background:#0ca3bc;
}

#menu ul > li > ul {
  display:none;
}

#menu ul > li > ul li:hover > a {
  background:none;
  text-decoration:underline !important;
}

#slider {
  height:calc(100vh - 111px);
  overflow:hidden;
}

#slider .slider {
  height:120%;
  position:relative;
  top:-60%;
}

#player {
  width:100%;
  height:100%;
}

/* #slider_wow {
  width:100%;
  height:calc(100vh - 111px);
  overflow:hidden;
  max-height:590px;
}

#slider_wow .slider {
  height:120%;
  position:relative;
  top:-60%;
}

*/

/* GIới thiệu */

.about {
  width:100%;
  padding:100px 0 80px 0;
  position:relative;
}

.about .box_about {
  width:100%;
  max-width:762px;
  margin:auto;
  padding:40px;
  background:url('../images/bg_gt.jpg') top left;
  position:relative;
  z-index:1;
}

.about .box_about .img_about {
  position:absolute;
  top:-40px;
  right:40px;
}

.about .box_about .img_about img {
  border-radius:50%;
  border:5px solid #fff;
}

.about .box_about .des_about {
  font-family:'SVN-ProductSansRegular';
  font-size:15px;
  color:#2e2e2e;
  line-height:30px;
}

.about .box_about .title_about {
  text-align:right;
}

.about .box_about .title_about h3 {
  font-family:'MTDAdventuresUnlimitedScriptBold';
  font-size:72px;
  color:#242424;
  margin:0;
  margin-top:20px;
}

.about .box_about a.a_readmore {
  width:287px;
  height:43px;
  line-height:43px;
  display:block;
  margin:auto;
  background: #b1e4e8;
  font-family:'SVN-ProductSansRegular';
  font-size:16px;
  color: #181819;
  text-align:center;
  margin-bottom:-60px;
  margin-top:20px;
  transition:all 0.5s;
}

.about .box_about a.a_readmore:hover {
  background:#181819;
  color:#80ddee;
}

.lines-decoration-1 {
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  width:50%;
  padding-top:2%;
  padding-bottom:2%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-justify-content:space-around;
  -ms-flex-pack:distribute;
  justify-content:space-around;
  -webkit-box-align:start;
  -webkit-align-items:flex-start;
  -ms-flex-align:start;
  align-items:flex-start;
}

.lines-decoration-1._1 {
  top:auto;
  height:25vw;
}

.line {
  width:100%;
  height:1px;
  max-height:1px;
  background-color:#0ca3bc;
  -webkit-transform-origin:0 50%;
  -ms-transform-origin:0 50%;
  transform-origin:0 50%;
  transition:all 0.5s;
}

.line._2 {
  width:88%;
}

.line._3 {
  width:76%;
}

.line._4 {
  width:64%;
}

.line._5 {
  width:52%;
}

.line._6 {
  width:40%;
}

.line._7 {
  width:28%;
}

.line._8 {
  width:16%;
}

/* Video */

#video_home {
  position:relative;
  background: #b1e4e8;
  padding:40px 0;
}

#video_home .box_video {
  width:100%;
  max-width:760px;
  margin:auto;
  position:relative;
  z-index:1;
}

#video_home .box_video iframe {
  width:100%;
  vertical-align:top;
  height:442px;
  border:10px solid #fff;
  transition:all 0.5s;
  opacity:0;
}

.title_video {
  margin-bottom:30px;
  text-align:center;
}

.title_video p {
  font-family:'SVN-ProductSansRegular';
  font-size:18px;
  color: #181819;
  margin:0;
}

.title_video h3 {
  font-family:'MTDAdventuresUnlimitedScriptBold';
  font-size:80px;
  color: #181819;
  margin:0;
}

.line.w {
  background-color:#fff;
  -webkit-transform-origin:100% 50%;
  -ms-transform-origin:100% 50%;
  transform-origin:100% 50%;
  transform:translate3d(0px,0px,0px) scale(0.3,1);
}

.lines-decoration-1._2 {
  left:auto;
  right:0;
  bottom:auto;
  height:17vw;
  margin-top:4vw;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -webkit-flex-direction:column-reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
  -webkit-box-align:end;
  -webkit-align-items:flex-end;
  -ms-flex-align:end;
  align-items:flex-end;
}

/* Dịch vụ */

#service_home {
  width:100%;
}

.items_sv {
  width:100%;
  padding:40px 0;
  background:url('../images/bg_dv1.jpg') no-repeat top left;
  overflow:hidden;
}

.items_sv .center {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}

.items_sv:nth-child(2n) {
  background:url('../images/bg_dv2.jpg') no-repeat top right;
}

.items_sv .img_sv {
  width:45%;
  order:2;
  border-radius:50%;
  overflow:hidden;
  margin-right:-30px;
  position:relative;
  transform:translate(0%,30%) translate3d(0px,0px,0px);
  transition:all 0.5s;
  text-align:center;
}

.items_sv .img_sv img {
  border-radius:50%;
  transition:all 0.5s;
}

.items_sv .img_sv:hover img {
  transform:scale(1.1,1.1);
}

.items_sv .des_sv {
  width:55%;
  order:1;
  padding-right:80px;
}

.items_sv:nth-child(2n) .des_sv {
  order:2;
  padding-left:110px;
  padding-right:0;
}

.items_sv:nth-child(2n) .img_sv {
  order:1;
  margin-right:0;
  margin-left:-30px;
}

.items_sv .des_sv h3 {
  margin:0;
  margin-bottom:10px;
}

.items_sv .des_sv h3 a {
  font-family:'SVN-ProductSansRegular';
  font-size:42px;
  color:#2e2e2e;
  font-weight:normal;
  text-decoration:none;
}

.items_sv .des_sv p {
  font-family:'SVN-ProductSansRegular';
  font-size:16px;
  color:#2e2e2e;
  line-height:30px;
  max-height:87px;
  overflow:hidden;
}

.items_sv .des_sv a.a_sv {
  width:197px;
  height:43px;
  line-height:43px;
  display:block;
  text-align:center;
  background: #b1e4e8;
  transition:all 0.5s;
  font-family:'SVN-ProductSansRegular';
  font-size:16px;
  color: #181819;
  margin-top:20px;
}

.items_sv .des_sv a.a_sv:hover {
  background:#2e2e2e;
  color:#80ddee;
}

.items_sv .des_sv h3 a:hover {
  color:#80ddee;
}

/* Banner */

#banner-qc {
  text-align:center;
}

/* Album */

#album_home {
  position:relative;
  z-index:1;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  min-height:43vw;
  padding-top:100px;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:stretch;
  -webkit-align-items:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  background-color:#fff;
}

#album_home .center {
  position:relative;
  z-index:1;
  width:100%;
  max-width:950px;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

#box_album {
  position:relative;
  -webkit-flex-basis:50%;
  -ms-flex-preferred-size:50%;
  flex-basis:53%;
  -webkit-perspective:1000px;
  perspective:1000px;
}

.ig {
  position:absolute;
  width:100%;
  height:auto;
  margin-top:22%;
  margin-left:30%;
  padding-top:58%;
  border:1px solid #fff;
  background-color:#fff;
  background-position:50% 0;
  background-size:cover;
  background-repeat:no-repeat;
  cursor:pointer;
}

.w-inline-block {
  max-width:100%;
  display:inline-block;
}

.ig._01 {
  z-index:4;
  height:auto;
  max-width:60%;
  margin-top:15%;
  margin-left:22%;
  padding-top:58%;
  transition:all 0.5s;
}

.ig._02 {
  z-index:3;
  max-width:45%;
  margin-top:50%;
  margin-left:4%;
  padding-top:44%;
}

.ig._03 {
  z-index:3;
  max-width:52%;
  margin-top:-9%;
  margin-left:57%;
  padding-top:52%;
}

.ig._04 {
  z-index:2;
  max-width:35%;
  margin-top:-3%;
  margin-left:14%;
  padding-top:35%;
}

.ig._05 {
  z-index:2;
  max-width:35%;
  margin-top:35%;
  margin-left:88%;
  padding-top:35%;
}

.ig._06 {
  z-index:1;
  max-height:35%;
  max-width:30%;
  margin-top:62%;
  margin-left:64%;
  padding-top:30%;
}

.ig._07 {
  z-index:1;
  max-width:30%;
  margin-top:25%;
  margin-left:-5%;
  padding-top:29%;
}

.social {
  display:flex;
  align-items:center;
  flex-grow:1;
  padding-left:15%;
}

.social a {
  display:block;
  text-align:right;
  font-family:'SVN-ProductSansRegular';
  font-size:16px;
  color:#2e2e2e;
  text-transform:uppercase;
  margin:10px 0;
}

.social a img {
  margin-left:10px;
}

/* Ý kiến */

#ykien {
  width:100%;
  padding:40px 0;
  background: #b1e4e8;
  position:relative;
}

#ykien .center {
  max-width:800px;
  position:relative;
  padding:0 50px;
}

#ykien h2 {
  font-family:'SVN-ProductSansRegular';
  font-size:42px;
  color:#fff;
  font-weight:normal;
  width:100%;
  text-align:center;
  margin:0;
  margin-bottom:50px;
}

.items_yk {
  width:100%;
  display:flex !important;
  align-items:center;
}

.items_yk .img_yk {
  width:125px;
  overflow:hidden;
  text-align:center;
}

.items_yk .img_yk img {
  border-radius:50%;
}

.items_yk .des_yk {
  width:calc(100% - 125px);
  padding-left:15px;
}

.items_yk .des_yk h3 {
  margin:0;
  font-weight:normal;
}

.items_yk .des_yk h3 a {
  font-family:'SVN-ProductSansRegular';
  font-size:16px;
  color:#fff;
  text-transform:uppercase;
}

.items_yk .des_yk p {
  font-family:'SVN-ProductSansRegular';
  font-size:16px;
  color:#fff;
  font-style:italic;
}

#ykien .prev_sub_news {
  width:27px;
  height:23px;
  background:url('../images/prev.png') no-repeat;
  position:absolute;
  left:0;
  top:calc(50%);
  cursor:pointer;
  z-index:1111;
}

#ykien .next_sub_news {
  width:27px;
  height:23px;
  background:url('../images/next.png') no-repeat;
  position:absolute;
  right:0;
  top:calc(50%);
  cursor:pointer;
  z-index:1111;
}

#ykien a.a_kh {
  width:197px;
  height:43px;
  border:2px solid #fff;
  display:block;
  margin:auto;
  margin-top:40px;
  line-height:40px;
  text-align:center;
  font-family:'SVN-ProductSansRegular';
  font-size:16px;
  color:#fff;
  transition:all 0.5s;
}

#ykien a.a_kh:hover {
  background:#fff;
  color:#80ddee;
}

.line.k {
  background-color:#fff;
  -webkit-transform-origin:100% 50%;
  -ms-transform-origin:100% 50%;
  transform-origin:100% 50%;
  transform:translate3d(0px,0px,0px) scale(0.3,1);
}

.lines-decoration-1._3 {
  left:auto;
  right:0;
  bottom:auto;
  height:17vw;
  margin-top:0vw;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -webkit-flex-direction:column-reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
  -webkit-box-align:end;
  -webkit-align-items:flex-end;
  -ms-flex-align:end;
  align-items:flex-end;
}

/* Footer */

#footer {
  padding:40px 0;
  background:#fff;
}

#footer .center {
  max-width:915px;
}

#footer .title_footer {
  width:100%;
  text-align:center;
  margin-bottom:40px;
}

#footer .title_footer h2 {
  margin:0;
  font-weight:normal;
  font-family:'SVN-ProductSansRegular';
  font-size:34px;
  color:#2e2e2e;
  text-transform:uppercase;
  margin-bottom:5px;
}

#footer .title_footer p {
  margin:0;
  font-weight:normal;
  font-family:'SVN-ProductSansRegular';
  font-size:18px;
  color:#464747;
  text-transform:capitalize;
  letter-spacing:4px;
}

#footer .box_footer {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
}

#footer .left_footer {
  width:50%;
}

#footer .right_footer {
  width:50%;
  text-align:center;
  padding:0 10px;
}

#map_footer {
  width:100%;
  box-shadow:6px 10px 24px 0 rgba(0,0,0,0.2);
}

#map_footer iframe {
  width:100%;
  height:500px;
  vertical-align:top;
}

#footer .content_footer {
  font-family:'SVN-ProductSansRegular';
  color:#2e2e2e;
  line-height:30px;
}

#footer .right_footer p.time {
  width:163px;
  height:38px;
  line-height:38px;
  text-align:center;
  display:inline-block;
  margin:10px 0 10px 0;
  background: #b1e4e8;
  font-family:'SVN-ProductSansRegular';
  font-size:16px;
  color:#fff;
}

#bottom {
  width:100%;
  padding:40px 0;
  background:#181819;
  text-align:center;
}

#bottom .logo_footer img {
  max-width:130px;
}

#bottom .logo_footer {
  margin-bottom:20px;
}

#bottom .social_footer {
  margin-bottom:20px;
}

#bottom .social_footer img {
  margin:0 5px;
  max-width:39px;
  transition:all 0.5s;
}

#bottom .social_footer img:hover {
  transform:rotate(25deg);
}

#bottom  p {
  font-family:'SVN-ProductSansRegular';
  font-size:14px;
  color:#fff;
  margin:0;
}

.fix_head {
  position:fixed !important;
  top:0;
  left:0;
  z-index:9999;
  width:100%;
}

#header .booking_mobile {
  width:50px;
  display:none;
}

#header .booking_mobile i {
  font-size:35px;
  color:#fff;
}

#booking {
  max-width:500px;
  width:100%;
  display:none;
}

#booking .box-top-tit {
  width:100%;
  background:none;
  color:#000;
  margin-bottom:20px;
}

/*----------ChatFace-----------*/

#btn-call {
  display:block;
  width:40px;
  height:40px;
  position:fixed;
  right:25px;
  bottom:310px;
  z-index:999;
}

#btn-call i {
  width:40px;
  height:40px;
  border-radius:50%;
  background:#02b3d4;
  color:#fff;
  font-size:20px;
  text-align:center;
  line-height:40px;
  position:relative;
  z-index:9999;
}

.kenit-alo-circle-fill {
  width:60px;
  height:60px;
  top:-10px;
  position:absolute;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -ms-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  border:2px solid transparent;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
  background-color:rgba(24,24,25,0.45);
  opacity:.75;
  right:-10px;
}

.kenit-alo-circle {
  width:50px;
  height:50px;
  top:-5px;
  right:-5px;
  position:absolute;
  background-color:transparent;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  border:2px solid rgba(64,72,204,.8);
  opacity:.1;
  border-color:#4048CC;
  opacity:.5;
}

#btn-zalo {
  display:block;
  width:40px;
  height:40px;
  position:fixed;
  right:25px;
  bottom:230px;
  z-index:999;
}

#btn-zalo i {
  display:flex;
  display:-ms-flex;
  align-items:center;
  -ms-flex-align:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:#181819;
  position:relative;
  z-index:999;
}

#btn-zalo i img {
  vertical-align:middle;
  max-width:100%;
}

.kenit-alo-circle-fill {
  width:60px;
  height:60px;
  top:-10px;
  position:absolute;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -ms-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  border:2px solid transparent;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
  background-color:rgba(24,24,25,.45);
  opacity:.75;
  right:-10px;
}

.kenit-alo-circle {
  width:50px;
  height:50px;
  top:-5px;
  right:-5px;
  position:absolute;
  background-color:transparent;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
  border:2px solid rgba(24,24,25,.8);
  opacity:.1;
  border-color:#181819;
  opacity:.5;
}

.js-facebook-messenger-container.closed,
.js-facebook-messenger-tooltip.closed {
  display:none !important;
}

.js-facebook-messenger-tooltip {
  bottom:97px;
  right:97px;
}

.js-facebook-messenger-tooltip {
  color:#404040;
  background:#fff;
}

.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
  z-index:999;
}

.js-facebook-messenger-tooltip {
  display:none;
  position:fixed;
  text-align:center;
  border-radius:10px;
  overflow:hidden;
  font-size:12px;
  line-height:1;
  padding:10px;
  border:1px solid rgba(0,0,0,0.1);
  box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;
  z-index:1.0E+30;
}

.js-facebook-messenger-close-tooltip {
  width:10px;
  height:10px;
  display:inline-block;
  cursor:pointer;
  margin-left:10px;
}

.js-facebook-messenger-box.rubberBand {
  -webkit-animation-name:rubberBand;
  animation-name:rubberBand;
}

.js-facebook-messenger-box.animated {
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
}

.js-facebook-messenger-box {
  bottom:70px;
  right:15px;
}

.js-facebook-messenger-box {
  background:#cc0000;
}

.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
  z-index:999;
}

.js-facebook-messenger-box {
  width:60px;
  height:60px;
  display:block;
  position:fixed;
  cursor:pointer;
  text-align:center;
  line-height:60px;
  background:#d8721d;
  border-radius:100%;
  overflow:hidden;
  -webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);
  -moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);
  box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);
}

.js-facebook-messenger-box.rotate svg#fb-msng-icon {
  transform:rotate(0deg);
}

.js-facebook-messenger-box svg#fb-msng-icon {
  width:30px;
  height:30px;
  position:absolute;
  top:15px;
  left:15px;
  opacity:1;
  overflow:hidden;
  -webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;
  -moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;
  -o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;
  transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;
}

.js-facebook-messenger-box.rotate svg#close-icon {
  transform:rotate(-45deg);
}

.js-facebook-messenger-box svg#close-icon {
  opacity:0;
  width:20px;
  height:20px;
  position:absolute;
  top:20px;
  left:20px;
  -webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;
  -moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;
  -o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;
  transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;
}

.js-facebook-messenger-container {
  transform:translateY(50px);
  bottom:110px;
  right:35px;
}

.js-facebook-messenger-container,
.js-facebook-messenger-container-button {
  z-index:999999999999999999999999999999;
}

.js-facebook-messenger-container {
  position:fixed;
  opacity:0;
  border-radius:10px;
  pointer-events:none;
  box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);
  -webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;
  -moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;
  -o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;
  transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;
}

.js-facebook-messenger-top-header {
  width:300px;
}

.js-facebook-messenger-top-header {
  color:#fff;
  background:#02b3d4;
}

.js-facebook-messenger-top-header {
  display:block;
  position:relative;
  width:300px;
  background:#02b3d4;
  color:#fff;
  text-align:center;
  line-height:1;
  padding:10px;
  font-size:14px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}

.js-facebook-messenger-container iframe,
.js-facebook-messenger-container-button iframe {
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
  z-index:999;
}

.js-facebook-messenger-container,
.js-facebook-messenger-container-button {
  z-index:99999999999999999999999999999999999999999;
}

.js-facebook-messenger-top-header {
  color:#fff;
  background:#181819;
}

.js-facebook-messenger-box {
  background:#181819;
}

.js-facebook-messenger-top-header {
  width:300px;
}

.js-facebook-messenger-tooltip {
  color:#404040;
  background:#fff;
}

.js-facebook-messenger-box {
  bottom:140px;
  right:15px;
}

.js-facebook-messenger-container {
  transform:translateY(50px);
  bottom:200px;
  right:35px;
}

.js-facebook-messenger-container.open {
  transform:translateY(0px);
  opacity:1;
  pointer-events:all;
}

.js-facebook-messenger-tooltip {
  bottom:97px;
  right:97px;
}

.js-facebook-messenger-box.open svg#fb-msng-icon {
  opacity:0;
}

.js-facebook-messenger-box.rotate.open svg#close-icon {
  transform:rotate(0deg);
}

.js-facebook-messenger-box.open svg#close-icon {
  opacity:1;
}

.shake-anim {
  -webkit-animation:shake-anim 1s infinite ease-in-out;
  -moz-animation:shake-anim 1s infinite ease-in-out;
  -ms-animation:shake-anim 1s infinite ease-in-out;
  -o-animation:shake-anim 1s infinite ease-in-out;
  animation:shake-anim 1s infinite ease-in-out;
  -webkit-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  -o-transform-origin:50% 50%;
  transform-origin:50% 50%;
}

.wow {
  visibility:hidden;
}

.items_kh_l {
  width:100%;
  margin-bottom:10px;
  display:flex;
  justify-content:space-between;
  margin-bottom:30px;
}

.items_kh_l:last-child {
  margin-bottom:0;
}

.items_kh_l .items_kh {
  background:#80ddee;
  padding:20px 20px 90px 20px;
  position:relative;
}

.items_kh_l .items_kh:nth-child(1) {
  width:calc(60% - 15px);
}

.items_kh_l .items_kh:nth-child(2) {
  width:calc(40% - 15px);
}

.items_kh_l:nth-child(2n) .items_kh:nth-child(2) {
  width:calc(60% - 15px);
}

.items_kh_l:nth-child(2n) .items_kh:nth-child(1) {
  width:calc(40% - 15px);
}

.items_kh_l .des_kh p {
  font-family:'SVN-ProductSansRegular';
  font-size:15px;
  line-height:25px;
  color:#333;
}

.items_kh_l .img_kh {
  display:flex;
  align-items:center;
  position:absolute;
  left:20px;
  bottom:20px;
}

.items_kh_l .img_kh img {
  border-radius:50%;
  max-width:70px;
  margin-right:10px;
}

.items_kh_l .img_kh h3 {
  margin:0;
  font-family:'SVN-ProductSansRegular';
  font-size:15px;
  color:#333;
  font-weight:normal;
  width:calc(100% - 70px);
}