@charset "UTF-8";

/* Slider */

.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent; }

.ftwp-text {
    text-transform: uppercase;
}

.slick-list {

  position: relative;

  overflow: hidden;

  display: block;

  margin: 0;

  padding: 0; }



.slick-list:focus {

  outline: none; }



.slick-list.dragging {

  cursor: pointer;

  cursor: hand; }



.slick-slider .slick-track,

.slick-slider .slick-list {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0); }



.slick-track {

  position: relative;

  left: 0;

  top: 0;

  display: block;

  margin-left: auto;

  margin-right: auto; }



.slick-track:before, .slick-track:after {

  content: "";

  display: table; }



.slick-track:after {

  clear: both; }



.slick-loading .slick-track {

  visibility: hidden; }



.slick-slide {

  float: left;

  height: 100%;

  min-height: 1px;

  display: none; }



[dir="rtl"] .slick-slide {

  float: right; }



.slick-slide img {

  display: block; }



.slick-slide.slick-loading img {

  display: none; }



.slick-slide.dragging img {

  pointer-events: none; }



.slick-initialized .slick-slide {

  display: block; }



.slick-loading .slick-slide {

  visibility: hidden; }



.slick-vertical .slick-slide {

  display: block;

  height: auto;

  border: 1px solid transparent; }



.slick-arrow.slick-hidden {

  display: none; }



/* Slider */

.slick-loading .slick-list {

/*  background: #fff url("./a/f/ajax-loader.gif") center center no-repeat; */}



/* Icons */

@font-face {

  font-family: "slick";

  src: url("./a/f/slick.eot");

  src: url("./a/f/slick.eot?#iefix") format("embedded-opentype"),  url("./a/f/slick.svg#slick") format("svg");

  font-weight: normal;

  font-style: normal; }

/* Arrows */

.slick-prev,

.slick-next {

  position: absolute;

  display: block;

  height: 20px;

  width: 20px;

  line-height: 0px;

  font-size: 0px;

  cursor: pointer;

  background: transparent;

  color: transparent;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

  padding: 0;

  border: none;

  outline: none; }



.slick-prev:hover, .slick-prev:focus,

.slick-next:hover,

.slick-next:focus {

  outline: none;

  background: transparent;

  color: transparent; }



.slick-prev:hover:before, .slick-prev:focus:before,

.slick-next:hover:before,

.slick-next:focus:before {

  opacity: 1; }



.slick-prev.slick-disabled:before,

.slick-next.slick-disabled:before {

  opacity: 0.25; }



.slick-prev:before,

.slick-next:before {

  font-family: "slick";

  font-size: 20px;

  line-height: 1;

  color: white;

  opacity: 0.75;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale; }



.slick-prev {

  left: -25px; }



[dir="rtl"] .slick-prev {

  left: auto;

  right: -25px; }



.slick-prev:before {

  content: "←"; }



[dir="rtl"] .slick-prev:before {

  content: "→"; }



.slick-next {

  right: -25px; }



[dir="rtl"] .slick-next {

  left: -25px;

  right: auto; }



.slick-next:before {

  content: "→"; }



[dir="rtl"] .slick-next:before {

  content: "←"; }



/* Dots */

.slick-dotted.slick-slider {

  margin-bottom: 30px; }



.slick-dots {

  position: absolute;

  bottom: -25px;

  list-style: none;

  display: block;

  text-align: center;

  padding: 0;

  margin: 0;

  width: 100%; }



.slick-dots li {

  position: relative;

  display: inline-block;

  height: 20px;

  width: 20px;

  margin: 0 5px;

  padding: 0;

  cursor: pointer; }



.slick-dots li button {

  border: 0;

  background: transparent;

  display: block;

  height: 20px;

  width: 20px;

  outline: none;

  line-height: 0px;

  font-size: 0px;

  color: transparent;

  padding: 5px;

  cursor: pointer; }



.slick-dots li button:hover, .slick-dots li button:focus {

  outline: none; }



.slick-dots li button:hover:before, .slick-dots li button:focus:before {

  opacity: 1; }



.slick-dots li button:before {

  position: absolute;

  top: 0;

  left: 0;

  content: "•";

  width: 20px;

  height: 20px;

  font-family: "slick";

  font-size: 6px;

  line-height: 20px;

  text-align: center;

  color: black;

  opacity: 0.25;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale; }



.slick-dots li.slick-active button:before {

  color: black;

  opacity: 0.75; }



/*

Theme Name: Desktops theme

*/

/* Slider */

html {

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%; }



* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; }



:before,

:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; }



.row {

  margin-left: -15px;

  margin-right: -15px; }



.cb {

  clear: both; }



.tac {

  text-align: center; }



.cxs1,

.csm1,

.cmd1,

.clg1,

.cxs2,

.csm2,

.cmd2,

.clg2,

.cxs3,

.csm3,

.cmd3,

.clg3,

.cxs4,

.csm4,

.cmd4,

.clg4,

.cxs5,

.csm5,

.cmd5,

.clg5,

.cxs6,

.csm6,

.cmd6,

.clg6,

.cxs7,

.csm7,

.cmd7,

.clg7,

.cxs8,

.csm8,

.cmd8,

.clg8,

.cxs9,

.csm9,

.cmd9,

.clg9,

.cxs10,

.csm10,

.cmd10,

.clg10,

.cxs11,

.csm11,

.cmd11,

.clg11,

.cxs12,

.csm12,

.cmd12,

.clg12 {

  position: relative;

  min-height: 1px;

  padding-left: 15px;

  padding-right: 15px; }



.cxs1,

.cxs2,

.cxs3,

.cxs4,

.cxs5,

.cxs6,

.cxs7,

.cxs8,

.cxs9,

.cxs10,

.cxs11,

.cxs12 {

  float: left; }



.cxs12 {

  width: 100%; }



.cxs11 {

  width: 91.66666667%; }



.cxs10 {

  width: 83.33333333%; }



.cxs9 {

  width: 75%; }



.cxs8 {

  width: 66.66666667%; }



.cxs7 {

  width: 58.33333333%; }



.cxs6 {

  width: 50%; }



.cxs5 {

  width: 41.66666667%; }



.cxs4 {

  width: 33.33333333%; }



.cxs3 {

  width: 25%; }



.cxs2 {

  width: 16.66666667%; }



.cxs1 {

  width: 8.33333333%; }



@media (min-width: 768px) {

  .csm1,

  .csm2,

  .csm3,

  .csm4,

  .csm5,

  .csm6,

  .csm7,

  .csm8,

  .csm9,

  .csm10,

  .csm11,

  .csm12 {

    float: left; }



  .csm12 {

    width: 100%; }



  .csm11 {

    width: 91.66666667%; }



  .csm10 {

    width: 83.33333333%; }



  .csm9 {

    width: 75%; }



  .csm8 {

    width: 66.66666667%; }



  .csm7 {

    width: 58.33333333%; }



  .csm6 {

    width: 50%; }



  .csm5 {

    width: 41.66666667%; }



  .csm4 {

    width: 33.33333333%; }



  .csm3 {

    width: 25%; }



  .csm2 {

    width: 16.66666667%; }



  .csm1 {

    width: 8.33333333%; } }

@media (min-width: 992px) {

  .cmd1,

  .cmd2,

  .cmd3,

  .cmd4,

  .cmd5,

  .cmd6,

  .cmd7,

  .cmd8,

  .cmd9,

  .cmd10,

  .cmd11,

  .cmd12 {

    float: left; }



  .cmd12 {

    width: 100%; }



  .cmd11 {

    width: 91.66666667%; }



  .cmd10 {

    width: 83.33333333%; }



  .cmd9 {

    width: 75%; }



  .cmd8 {

    width: 66.66666667%; }



  .cmd7 {

    width: 58.33333333%; }



  .cmd6 {

    width: 50%; }



  .cmd5 {

    width: 41.66666667%; }



  .cmd4 {

    width: 33.33333333%; }



  .cmd3 {

    width: 25%; }



  .cmd2 {

    width: 16.66666667%; }



  .cmd1 {

    width: 8.33333333%; } }

.csm25 {

  width: 20%; }



.csm15 {

  width: 12.5%; }



html,

body {

  overflow-x: hidden; }



body,

div,

ul,

li,

ol,

dl,

dt,

dd,

input,

h1,

h2,

h3,

h4,

h5,

h6,

span,

strong,

img,

p {

  margin: 0;

  padding: 0;

  border: none; }



* {

  transition: color .3s;

  -moz-transition: color .3s;

  -ms-transition: color .3s;

  -o-transition: color .3s;

  -webkit-transition: color .3s; }



img {

  max-width: 100%;

  vertical-align: middle;

  height: auto; }



a {

  text-decoration: none;

  color: inherit; }



a:hover,

a:focus {

  text-decoration: none;

  color: #ffd915; }



a:hover, a:focus {

  color: #ff8202; }



.img-r {

  display: block;

  max-width: 100%;

  height: auto; }



.ctn:before,

.ctn:after {

  content: " ";

  display: table; }



.ctn:after {

  clear: both; }



.row:before,

.row:after {

  content: " ";

  display: table; }



.row:after {

  clear: both; }



.rel {

  position: relative; }



.abs {

  position: absolute; }



.block {

  display: block; }



.inline-block {

  display: inline-block; }



.center-block {

  display: block;

  margin-right: auto;

  margin-left: auto; }



.cxs5s,

.csm5s,

.cmd5s,

.clg5s {

  position: relative;

  min-height: 1px;

  padding-right: 10px;

  padding-left: 10px; }



.col-xs-5ths {

  width: 20%;

  float: left; }



.p-l {

  float: left !important; }



.p-r {

  float: right !important; }



.clearfix:before,

.clearfix:after {

  display: table;

  content: " "; }



.clearfix:after {

  clear: both; }



.ctn {

  margin-right: auto;

  margin-left: auto;

  padding-right: 15px;

  padding-left: 15px;

  width: 100%; }



.clearfix:before,

.clearfix:after {

  display: table;

  content: " "; }



.clearfix:after {

  clear: both; }



@media (min-width: 768px) {

  .ctn {

    width: 750px; } }

@media (min-width: 992px) {

  .ctn {

    width: 970px; } }

@media (min-width: 1200px) {

  .ctn {

    width: 1170px; } }

@font-face {

  font-family: sfuf;

  src: url(a/f/SFUFuturaBold.TTF);

  font-weight: normal;

  font-display: swap; }

@font-face {

  font-family: opi;

  src: url(a/f/opensans.semibolditalic.ttf);

  font-weight: normal;

  font-display: swap; }





  @font-face {

  font-family: opx;

  src: url(a/f/opensans.extrabold.ttf);

  font-weight: normal;

  font-display: swap; }

  @font-face {

  font-family: msm;

  src: url(a/f/MontserratMediumItalic.otf);

  font-weight: normal;

  font-display: swap; }

  @font-face {

  font-family: opr;

  src: url(a/f/opensans.regular.ttf);

  font-weight: normal;

  font-display: swap; }

  @font-face {

  font-family: mb;

  src: url(a/f/MontserratBold.otf);

  font-weight: normal;

  font-display: swap; }

   @font-face {

  font-family: mbx;

  src: url(a/f/MontserratExtraBold.otf);

  font-weight: normal;

  font-display: swap; }



  @font-face {

  font-family: op;

  src: url(a/f/opensans.bold.ttf);

  font-weight: normal;

  font-display: swap; }

@font-face {

  font-family: ro;

  src: url(a/f/Roboto-Regular.ttf);

  font-weight: normal;

  font-display: swap; }

  @font-face {

  font-family: ops;

  src: url(a/f/opensans.semibold.ttf);

  font-weight: normal;

  font-display: swap; }

@font-face {

  font-family: ro-m;

  src: url(a/f/Roboto-Medium.ttf);

  font-weight: normal;

  font-display: swap; }

@font-face {

  font-family: ro-b;

  src: url(a/f/Roboto-Bold.ttf);

  font-weight: normal;

  font-display: swap; }

body {

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

  font-size: 16px;

  line-height: normal;

  font-weight: 500;

  color: #333;

  overflow: hidden;



   }

  body p {

    font-size: 16px;

line-height: 1.6;

    font-weight: 400; }

.form-sidebar .d_contact .btnd img{

      left: 22%;

}

.dropup,

.dropdown {

  position: relative; }



#hd{

  position: relative;

  

}



.dropdown-toggle:focus {

  outline: 0; }

#mnm,#mt, #bn .search-form, #csm,.mft,.s22 .title,.s22 .tb1, .slide > img:nth-child(2),.gk_pk{

  display: none;

}



.box_traloibinhluan{

    margin: 28px 0;

}

.sing{

      background: rgba(230, 245, 242, .5);

    padding: 1px 15px;

        border-radius: 10px;

    }

.frm{

  position: fixed;

    width: 60%;

    top: 0;

    left: 0;

    transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    display: inline-block;

    z-index: 100;

    visibility: hidden;

    opacity: 0;

    transition: all 1s;

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

}

.frm input::placeholder {

  color: #fff;



}

#bn .d_contact input::placeholder{

  font-size: 16px;

  color: #333333;

      font-family: ro;

}

.popupt5 .nd input::placeholder {

  color: #976313;

}

input{

          outline: none;

}

.popupt5{

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    display: none;

    background: rgba(0, 0, 0, 0.3);

    justify-content: center;

    align-items: center;

    z-index: 81;



}

.popupt5  .gom{

      display: flex

;

}

.popupt5  .gom .clickchathcm{

  animation: unset;

    width: 154px;

    display: block;

    height: 69px;

    font-size: 16px;

    color: #fff !important;

    position: relative;

    transition: all 0.4s;

    margin: 0px 6px;

    padding: 19px 7px 8px 63px;

    font-family: 'op';

    /* top: 41%; */

    position: absolute;

    bottom: 5%;

    left: 6%;

}

.popupt5  .gom  > a:nth-child(2){

      width: 154px;

    display: block;

    height: 69px;

    font-size: 16px;

    color: #fff !important;

    position: relative;

    transition: all 0.4s;

    margin: 0px 6px;

    padding: 19px 7px 8px 63px;

    font-family: 'op';

    /* top: 41%; */

    position: absolute;

    bottom: 5%;

    right: 6%;

}

.popupt5 .nd{

  max-width: 400px;

    position: relative;

}

.popupt5 .nd .close1{

 width: 10.5%;

    height: 9%;

    border-radius: 50%;

    cursor: pointer;

    position: absolute;

    top: -0.1%;

    right: 1.4%;

}



.popupt5 .nd input{

     position: absolute;

      top: 62.6%;

    background: transparent;

    width: 72%;

    left: 13%;

    height: 10.3%;

    border-radius: 30px;

    font-family: 'opr';

    font-size: 16px;

    padding: 0 10% 0 3%;



    outline: none;

}

.popupt5 .nd .d-send{

         width: 25%;

    height: 11.3%;

    background: transparent;

    border-radius: 30px;

    position: absolute;

    border: none;

    top: 62.5%;

    left: 69%;

    cursor: pointer;

}

#ftwp-container.ftwp-wrap #ftwp-trigger{

  width: 50px;

  height: 50px;

}



.frm input{

width: 100%;

    border-radius: 40px;

    -moz-border-radius: 40px;

    -webkit-border-radius: 40px;

    border: none;

    padding: 20px 30px;

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

    border: solid 2px #fff;



}

#s10{

  display: none;

}



@keyframes blink {

  0% {

    opacity: 1; /* Mờ dần */

  }

  50% {

    opacity: 0; /* Ẩn hoàn toàn */

  }

  100% {

    opacity: 1; /* Hiện lại */

  }

}

.frm button{

  width: 16px;

      height: 16px;

    padding: 6px 0;

    text-align: center;

    color: #fff;

   background: url(a/i/sr1.png) center no-repeat;

    border-radius: 20px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    float: left;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    right: 20px;

    border: none;

    cursor: pointer;

}

.ovlfrm{

      background: rgba(17, 17, 17, 0.51);

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: none;

    z-index: 99;

}

#sl .slc .shot_bs{

  border: 5px solid #5aab7c;

    padding: 21px 25px 25px;

    position: relative;

    margin: 20px 0;

        line-height: 2;

}

#sl .slc .shot_bs img{

      position: absolute;

    top: 50%;

    left: 30px;

    margin-top: -82px;

}

#sl .slc .shot_bs .nd{

      padding-left: 195px;

}

#sl .slc .shot_bs .k{

      font-size: 20px;

    font-family: Roboto-b;

    color: #000;

    padding-bottom: 5px;

    text-transform: uppercase;

}

#sl .slc .shot_bs .lk .lkh{

  color: #008be3;

    border: 1px dashed #008be3;

}

#sl .slc .shot_bs .k span{

  color: #5aab7c;



}

#sl .slc .shot_bs .lk .dh .ic{

      background: url(assets/i/s_bs_i_dh.png) no-repeat center;

}

#sl .slc .shot_bs .lk span .ic{

      width: 14px;

    height: 15px;

    display: inline-block;

    vertical-align: middle;

    background: url(assets/i/s_bs_i_lk.png) no-repeat center;

    margin-right: 5px;

    margin-bottom: 4px;

}



#sl .slc .shot_bs .lk span{

  display: inline-block;

    height: 30px;

    line-height: 30px;

    padding: 0 20px;

    font-size: 14px;

    margin-right: 10px;

}

#sl .slc .shot_bs .n:before{

  height: 10px;

    position: absolute;

    top: 5px;

    left: 0;

    border-left: 5px solid #5aab7c;

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

    content: "";

    display: inline-block;

}

.fdh_sing{

  width: 100%;

    height: 100%;

    position: fixed;

    left: 0;

    top: 0;

    background: rgba(0, 0, 0, 0.6);

    z-index: 999;

    display: none;

}

.mb{

  display: none;



}

#testPost{

margin: 3rem auto 1rem;

    width: 100%;

    border: 3px solid #4692be;

    border-radius: 15px;

    background: #f8f8f8;

    position: relative;

        padding-bottom: 6px;

}

#testPost-head{

        padding: 43px 20px 25px 20px;

    text-align: center;

    text-transform: uppercase;

     font-size: 35px;

    line-height: 1.5;

    color: #6069ac;

    font-family: mbx;

    background-image: linear-gradient(to right, #23b0a3, #4196bb);



        color: #fff;

}



#testPost-head p{

      text-transform: capitalize;

    margin: unset !important;

        font-family: 'op' !important;

            text-align: center !important;

            color: #fff !important;

}

#testPost-head > img{

      position: absolute;

    top: -4%;

    left: 50%;

    transform: translateX(-50%);

}

#testPost-ct{

         padding: 16px 35px 0 35px;

}

.testPost-ch{

  padding: 5px 0px;

}

.testPost-tit{

 font-size: 16px;

    font-weight: 700;

    margin-bottom: 5px;

    background-image: linear-gradient(to right, #23b0a3, #4196bb);

    padding: 5px 10p;

    padding: 8px 14px;

    border-radius: 10px;

    color: #fff;

    font-family: 'op';

    font-weight: 100;

  }

  .testPost-ct{

        display: flex

;

    flex-wrap: wrap;

    margin: 0 -5px;

  }

  .testPost-ct input:checked{

           background: #4fc1b5;

  }

  .testPost-ct span{

        width: 50%;

    padding: 3px 5px;

    font-weight: 400;

    text-transform: capitalize;

    font-size: 16px;

        text-align: justify;

    display: flex

;

    margin: 3px 0;

    display: block;

    text-align: left;

    line-height: 1.3;

  }

  .testPost-ct input{

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    top: 2px;

    right: 0;

    bottom: 0;

    left: 0;

    height: 14px;

    width: 14px;

    -webkit-transition: all 0.15sease-out 0s;

    -moz-transition: all 0.15s ease-out 0s;

    transition: all 0.15sease-out 0s;

    background: transparent;

    border: 1px solid #6069ac;

    cursor: pointer;

    display: inline-block;

    margin: 0;

    outline: none;

    position: relative;

    z-index: 1;

    border-radius: 20%;

    margin-right: 10px;

  }

  #sl #breadcrumb .breadcrumb_last{

    display: none;

  }

  input[type=radio]{

    border-radius: 20% !important;

  }

  #testPost-frm{

             padding: 15px 20px 49px 20px;

    background: #6069ac;

    color: #fff;

    background-image: linear-gradient(to right, #23b0a3, #4196bb);

    border-radius: 15px;

       margin: 8px 35px 30px 35px;

    position: relative;  }

  #testPost-send{

    background: url(a/i/tsend.png) center no-repeat;

    width: 172px;

    height: 67px;

     animation-delay: 1s;

  -webkit-animation-delay: 1s;

  animation-duration: 1s;

  -webkit-animation-duration: 1s;

  animation-iteration-count: infinite;

  -webkit-animation-iteration-count: infinite;

  animation-name: pulse;

  -webkit-animation-name: pulse;

  }

  .testPost-frm{

     margin: 15px 0;

    display: flex;

    flex-wrap: wrap;

        position: absolute;

    width: 100%;

    left: 69%;

    transform: translateX(-50%);

    top: 52%;

  }

.popuplive{

      width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    display: none;

    background: rgba(0, 0, 0, 0.3);

    justify-content: center;

    align-items: center;

    z-index: 81;



}

.popuplive .d_contact .clickchathcm{

  animation: unset;

    position: absolute;

    left: 38%;

    transform: t;

    bottom: 15%;

}

.popuplive .nd1{

  max-width: 400px;

    position: relative;

}

.popuplive .nd1 > a:nth-child(3){

      bottom: 19%;

    width: 10.5%;

    height: 21%;

    border-radius: 50%;

    cursor: pointer;

    position: absolute;

    top: 63.9%;

     animation: blink 1.3s infinite;

    left: 24.4%;

        transition: background-color 0.3s ease;

}

.popuplive .close1{

 width: 10.5%;

    height: 21%;

    border-radius: 50%;

    cursor: pointer;

    position: absolute;

    top: -0.1%;

    right: 0.4%;

}

  .testPost-frm input{

      width: 43%;

    height: 49px;

    color: #333;

    background: #fff;

    border: 2px solid #61dbd0;

    /* box-shadow: inset 0px 0px 7px rgb(0 0 0 / 50%); */

    border-radius: 24px;

    outline: none;

    padding: 0 10px;

  }

  .testPost-gbt a{

     width: calc(50% - 3px);

    height: 40px;

    border-radius: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

    line-height: 18px;

  }

  .testPost-text1, .testPost-text2{

    font-size: 16px;

    text-align: center;

  }

  #testPost-frm b{

    color: #ffeb3b;

    line-height: 1.4 !important;

  }

  

  .testPost-gbt{

      position: absolute;

    right: 38%;

  }

#sl .slc .shot_bs .lk .dh{

      background: #c00000;

    color: #fff;

    text-transform: uppercase;

    font-family: Roboto-b;

    cursor: pointer;

}



#sl .slc .shot_bs .n{

      padding-left: 15px;

    font-size: 16px;

    line-height: 23px;

    position: relative;

}

#sl .slc .shot_bs .lk{

  margin: 24px 0 3px;

}

#sl .slc .t_shot_code_nenxanh {

  background: #eef6ff;

  border: 1px #84bce8 dashed;

  padding: 5px 10px;

  margin-bottom: 20px;

    line-height: 1.6;

   }



#sl .slc .t_shot_code_nenhong {

  background: #FFA8AC;

  border: 1px #ba1e71 dashed;

  padding: 5px 10px;

  background: rgba(255, 168, 172, 0.5);

  margin-bottom: 20px;

    line-height: 1.3;

   }



#sl .slc .t_shot_code_1 {

  width: 20px;

  height: 16px;

  display: block;

  background-image: url(assets/i/i-like.png);

  float: left;

  margin-top: 1px;

  margin-right: 10px; }



#sl .slc .t_shot_code_xemthem {

  overflow: hidden;

  background: #f3e3e3;

  min-height: 175px;

  padding: 0 15px 15px; }



#sl .slc .t_shot_code_xemthem a {

  width: 100%;

  float: right;

  display: block;

  margin-top: 15px; }

.textzoom,.clickchathcm{

 color: #3363d9 !important;

  text-align: center;

    animation: pulse 1600ms infinite linear;

    -webkit-animation: pulse 1600ms infinite linear;

    -moz-animation: pulse 1600ms infinite linear;

    display: block;



}

#sl .slc p {

    text-align: justify;

    font-family: ro;

    font-weight: 400;

    margin: 10px 0;

    color: #000;



   }

#sl .slc p > strong,#sl .slc ul li strong{

      font-family: ro-b;

    color: #0997e5;

    font-weight: 700;

}

#sl .slc .t_shot_code_xemthem a:before {

  background-image: url(https://dakhoaquocte.net.vn/wp-content/themes/createviet_acto/img/ic.box.png);

  background-repeat: no-repeat;

  display: block;

  overflow: hidden;

  position: relative;

  width: 20px;

  height: 20px;

  content: "";

  margin-right: 15px;

  float: left; }

#sl .slc .doan_trich{

  background: #e5f6f5;

    position: relative;

      border-left: 5px solid #23b0a3;

    text-align: center;

    padding: 20px 15px 20px 40px;

    margin: 25px 0;

    color: #0000ff;

}

#sl .slc .doan_trich:before{

      width: 35px;

    height: 35px;

    position: absolute;

    content: "";

    display: inline-block;

    top: -17px;

    left: 10px;

    background: url(assets/i/ic_b_lq.png) no-repeat center;

}

  #sl .slc .t_shot_code_nenhong {

  text-align: justify; }





#ftmCopyright{

  display: none;



}



  #popup{

        display: none;

    position: fixed;

    z-index: 9999;

    padding-top: 100px;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgba(0, 0, 0, 0.4);

    transition: all 3s;

  }





.t_shot_code_1 {

  background: url(assets/i/ic_tick.png) no-repeat; }



.t_shot_code_2 {

  background: url(assets/i/ic_next.png) no-repeat; }



.t_shot_code_3 {

  background: url(assets/i/ic_plus.png) no-repeat; }



.t_shot_code_4 {

  background: url(assets/i/ic_hoathi.png) no-repeat; }



.t_shot_code_5 {

  background: url(assets/i/ic_pen.png) no-repeat; }



.t_shot_code_nk {

  width: 100%;

  height: 100%;

  background: url(assets/i/nk.gif) no-repeat;

  display: block;

  float: left;

  margin-top: 5px;

  margin-right: 10px;

  background-size: contain;

  background-position: top center; }



.t_shot_code_1 {

  width: 20px;

  height: 20px;

  display: block;

  background-image: url(assets/i/1-2.jpg);

  float: left;

  margin-top: 5px;

  margin-right: 10px; }



.t_shot_code_2 {

  background-image: url(assets/i/2-1.png);

  width: 20px;

  height: 18px;

  display: block;

  float: left;

  margin-top: 1px;

  margin-right: 10px; }



.t_shot_code_3 {

  background-image: url(assets/i/i-loa.png);

  width: 20px;

  height: 18px;

  display: inline-block;

  margin-top: 4px;

  margin-right: 10px; }



.t_shot_code_xemthem {

  overflow: hidden;

  background: #f3e3e3;

  min-height: 175px; }



.t_shot_code_xemthem a:before {

  background-image: url(assets/i/ic.box.png);

  background-repeat: no-repeat;

  display: block;

  overflow: hidden;

  position: relative;

  width: 20px;

  height: 20px;

  content: "";

  margin-right: 15px;

  float: left; }



.shorst_code {

  position: relative;

  overflow: visible !important;

  height: 133px !important;

  display: block; }

  .t_shot_code_pk {

  width: 100%;

  height: 100%;

  display: block;

  background: url(https://dakhoaquocte.net.vn/wp-content/themes/createviet_acto/img/h-box.gif) no-repeat;

  margin: 0 auto;

  display: block;

  margin-top: 5px;

  margin-right: 10px;

  background-size: contain !important;

  background-position: top center; }

#ftwp-trigger > span:before{

  zoom: 1.8;

}



.frmc{

  visibility: visible;

    opacity: 1;

    left: 50%;

    top: 50%;

}



.ovlfrmc{

  display: inline-block;

}

.dropdown-menu {

  position: absolute;

  top: 40px;

  left: 0;

  z-index: 1000;

  display: none;

  float: left;

  min-width: 160px;

  list-style: none;

  font-size: 14px;

  text-align: left;

  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

  -webkit-background-clip: padding-box;

  background-clip: padding-box;

  padding: 20px 0;

  background: #fff; }



.dropdown-menu > li > a {

  display: block;

  clear: both;

  font-weight: bold;

  line-height: 1.42857143;

  white-space: nowrap;

  color: #282828;

  text-transform: capitalize;

  position: relative;

  padding: 15px;

  transition: all .5s; }

  .dropdown-menu > li > a:hover {

    background: #8be7b1; }

  .dropdown-menu > li > a:after {

    display: none !important; }



.dropdown-menu > li > a:hover,

.dropdown-menu > li > a:focus {

  text-decoration: none; }



.dropdown-menu > .active > a,

.dropdown-menu > .active > a:hover,

.dropdown-menu > .active > a:focus {

  color: #4fd8ff;

  text-decoration: none;

  outline: 0; }



.open > .dropdown-menu {

  display: block; }



.open > a {

  outline: 0; }



.nav {

  margin-bottom: 0;

  padding-left: 0;

  list-style: none; }



.nav > li {

  position: relative;

  display: block; }



.nav > li > a {

  position: relative;

  display: block;

    padding: 20px; }



.nav > li > a:hover,

.nav > li > a:focus {

  text-decoration: none;

  background-color: #eeeeee; }



.nav .open > a,

.nav .open > a:hover,

.nav .open > a:focus {

  background-color: #eeeeee;

  border-color: #337ab7; }



.nav > li > a > img {

  max-width: none; } !important



.navbar {

  position: relative;

  min-height: 50px; }

.img6{

         position: absolute;

    right: 4px;

    top: 2px;

        transition: all 0.25s;

    -moz-transition: all 0.25s;

    -webkit-transition: all 0.25s;

}



#menu-nav-mb2 .ic-menu1, #menu-nav-mb2 .d-send {

      flex: 0 0 38px;

    background-image: linear-gradient(to right, #098ce5, #2170e5);

      border-radius: 8px;

      position: relative;

            

}

#menu-nav-mb2 .ic-menu1:before, #menu-nav-mb2 .d-send:before {

 content: "";

 position: absolute;

 display: inline-block;

 width: 38px;

 height: 38px;

}

#menu-nav-mb2 .ic-menu1:before{

  background: url(a/i/ic-menu1.png) center no-repeat;

}

#menu-nav-mb2 .d-send:before{

  background: url(a/i/ic-menu2.png) center no-repeat;

      top: 0;

    left: 0;

}

#menu-nav-mb2 .ic-menu2{

  width: 100%;

      padding: 0 5px;

}

#menu-nav-mb2 .d_contact{

      display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

}

#menu-nav-mb2 .d_contact input{

  width: 100%;

    background: #e6e6e6;

    border-radius: 5px 0 0 5px;

    margin-right: -5px;

    padding: 10px;

    font-size: 15px;

}

.ic-menu2 button{

 

 border: none;

}

#pstNote{

  display: flex

;

    align-items: center;

    background: #e6e6e6;

    margin-bottom: 20px;

    padding: 20px;

    border-radius: 10px;

    text-align: justify;

}

#pstNote img{



      width: 40px;

}



.ic-menu3 a{

      background: #d62027;

    border-radius: 5px;

    width: 50%;

    display: inline-block;

    width: 38px;

    height: 38px;

    padding: 6px;

}

#pstNote span{

  flex: 1;

    padding-left: 20px;

    font-size: 14px;

    line-height: 23px;



}

#pstNote span b{

  font-weight: 700;

}

.ic-menu3 img{

      -webkit-animation: fp-circle-img-anim 1s infinite ease-in-out;

    -moz-animation: fp-circle-img-anim 1s infinite ease-in-out;

    -ms-animation: fp-circle-img-anim 1s infinite ease-in-out;

    -o-animation: fp-circle-img-anim 1s infinite ease-in-out;

    animation: fp-circle-img-anim 1s infinite ease-in-out;

}

.fn3{

  display: none;

}

#menu-nav-mb2,#ud1{

  position: fixed;

    top: 0;

    left: 0;

    background: #fff;

    width: 100%;

    justify-content: center;

    z-index: 99999;

    display: none;

    height: 46px;

    padding: 4px 8px;



}





  @keyframes fp-circle-fill-anim {

      0% {

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

        opacity: .2

      }



      50% {

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

        opacity: .2

      }



      100% {

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

        opacity: .2

      }

    }



    @-moz-keyframes fp-circle-img-anim {

      0% {

        transform: rotate(0) 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(0) scale(1) skew(1deg)

      }



      100% {

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

      }

    }



    @-webkit-keyframes fp-circle-img-anim {

      0% {

        transform: rotate(0) 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(0) scale(1) skew(1deg)

      }



      100% {

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

      }

    }



    @-o-keyframes fp-circle-img-anim {

      0% {

        transform: rotate(0) 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(0) scale(1) skew(1deg)

      }



      100% {

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

      }

    }



    @keyframes fp-circle-img-anim {

      0% {

        transform: rotate(0) 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(0) scale(1) skew(1deg)

      }



      100% {

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

      }

    }

.ac{

  display: block;

}

  #ftwp-contents{

top: 10%;

}



#ftwp-container-outer{

  width: 100%;

}

.pth_pk img, .pth_nk img{

          zoom: .5;

    }

    .gk_nk img, .gk_pk img{

    zoom: .68;

    }

    #sbb .title{

          margin-bottom: 18px;

    }

    .s22 .cmd12 > .cmd6:nth-child(1) p{

      display: none;  

    }

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

    .hd1:before,.s22 .cmd12 > .cmd6:nth-child(2),.hd1 .cmd9 > div:nth-child(1),#s3 .title1,.hd1:after,.hd1 .cmd9,#s3 .hinh,#s3 .title br,.dkm_nut,#s1 .s11  br,#kh .item > div:last-child,#s8:after,.xep {

      display: none !important;

 

    }



    #f1 .f11,#f1 .f12,#f1 .f13,#s9,.form-sidebar{

      display: none;

    }

    #mt{

      display: block;

    }



/*foootermobi*/



    #s10{

      display: block;

              margin-top: 50px;

    }

  #s10 .c1 {

    display: flex;

  }





    #s10 .c1 span{

                    display: flex

;

        float: left;

        /* width: 44%; */

        margin-right: 1%;

        margin-bottom: 15px;

        /* border: 1px solid #CCCCCC; */

        color: #0f7762;

        height: 36px;

        align-items: center;

        justify-content: center;

        cursor: pointer;

        cursor: pointer;

        font-weight: 700;

        color: #003c5d;

             font-size: 12.5px;

        background: #bdf6ff;

        text-align: center;

        width: 25%;

        border-radius: 6px;

        width: 25%;

    }



    #s10 .d_contact{

                 padding: 8px 15px 0 15px;

        margin: -30px 0 0 0;

        position: relative;

        background-image: linear-gradient(to right, #23b0a3, #4196bb);

        border-radius: 10px;

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

        -moz-box-shadow: -2px 0px 15px -5px rgba(0, 0, 0, 0.75);

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

                height: 367px;

    margin-bottom: 2em;

            z-index: 2;

    }

    #s10{

      position: relative;

    }

    #s10:before{

             content: "";

        position: absolute;

        width: 100%;

        height: 100%;

        background-image: linear-gradient(to right, #23b0a3, #4494bd);

        top: 20;

        left: 0;

        top: 27%;

    }

    #ft {

 

           z-index: 1;

    }

         #s10 .d_contact p{

              background: #00507c;

    color: #;

    color: #fff;

    text-align: center;

    font-size: 18px;

    position: relative;

            padding: 10px 0;

            border-radius: 10px;

         }

              #s10 .d_contact p:before{

                       content: "";

        position: absolute;

        background: url(a/i/dk3.png) center no-repeat;

        width: 31px;

        height: 31px;

        zoom: .8;

        left: 7%;



              }

       #s10 .d_contact input{

           width: 100%;

    background: #fff;

    color: #282828;

    border-radius: 8px;

    font-size: 18px;

    border: 1px solid #eaeaea;

    box-shadow: inset 0px 1px 8px #00000014;

    outline: none;

    padding: 15px 10px;

    -webkit-transition: .18s ease-out;

    -moz-transition: .18s ease-out;

    -o-transition: .18s ease-out;

    transition: .18s ease-out;

    margin-bottom: 10px;

    height: 50px;

    border: solid 2px #78fdff;

     box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);

       }

    #s10 .cmd12{

      padding: unset !important;

    }

   #s10 .d_contact .title{

    color: #fff;

   }

   #s10 .c1 span.spanc{

        background: #00507c;

        color: #fff;

   }

     #s10 .d_contact #bncd{

      display: flex;

              margin-top: 20px;

     }

       #s10 .d_contact #bncd > a:nth-child(1),   #s10 .d_contact #bncd > a:nth-child(2){

          position: relative;

        text-transform: uppercase;

        /* font-family: 'op'; */

        font-weight: 700;

        /* font-size: 20px; */

        color: #fff;

        padding: 14px 22px;

        /* padding: 20px; */

        /* display: flex

; */

        border-radius: 50px;

              margin-right: 3%;

        font-size: 12px;





       }

       #s10 .d_contact #bncd > a:nth-child(1){

         background-image: linear-gradient(to right, #ffa200, #ff8200);

                 padding: 14px 22px 14px 49px;

       }

       #s10 .d_contact #bncd > a:nth-child(2){

        background: red;

        text-align: unset;

                color: #fff !important;

        animation: unset;

        text-align: unset;

            padding: 14px 22px 14px 39px;

       }

        #s10 .d_contact #bncd > a:nth-child(1):before, #s10 .d_contact #bncd > a:nth-child(2):before{

          content: "";

          position: absolute;

          display: inline-block;

        }

      #s10 .d_contact #bncd > a:nth-child(1):before{

               background: url(a/i/vf1.png) center no-repeat;

        width: 52px;

        height: 52px;

        zoom: .68;

        left: 7px;

        top: 4px;

      }

            #s10 .d_contact #bncd > a:nth-child(2):before{

             background: url(a/i/vf2.png) center no-repeat;

        width: 52px;

        height: 52px;

        zoom: .58;

        left: 7px;

        top: 11px;

            }

            #f1 .f11,#f1 .f12,#f1 .f13{

              display: none;

            }

            #mt img{

              display: block;

              margin: auto;

            }

            #mt ul > li{

                  margin: 10px 0;

    position: relative;

    padding-left: 31px;

    position: relative;

         font-family: 'op';

            }

                   #mt ul > li:nth-child(1):before{

                  content: "";

        position: absolute;

        background: url(a/i/icon1.png) center no-repeat;

        left: 10px;

        width: 20px;

        height: 28px;

        zoom: .8;

                   }

                   #mt ul > li:nth-child(1){

                          border-top: solid 1px #6ffbed;

    padding: 10px 0 10px 29px;

    border-bottom: solid 1px #6ffbed;

                   }



            #mt{

              display: block;

            }

            #mt  ul > img:nth-child(3){

                  zoom: .62;

            }

               #mt ul > li:nth-child(2){

                     font-size: 46px;

                   padding-left: 76px;

               }

                #mt ul > li:nth-child(2):before{

                              content: "";

        position: absolute;

        background: url(a/i/phonem.png) center no-repeat;

        width: 60px;

        height: 60px;

        left: 34px;

        zoom: .69;

        top: 14px;

                }

                      #mt ul > li:last-child{

                            font-size: 46px;

    text-align: center;

                      }

                     #mt #th p{

                        position: relative;

                               padding-left: 36px;

                     }     

                     #mt #th p:before{

         content: "";

        position: absolute;

        background: url(a/i/icc.png) center no-repeat;

        width: 6px;

        height: 11px;

        left: 19px;

        top: 7px;

                     }



/*end footermobi */







    .mft .search-form{

          padding: 6px;

    background-image: linear-gradient(to right, #4196bb, #23b0a3);

    position: relative;

    }

         .mft .search-form input{

              width: 100%;

    font-size: 14px;

    border: 1px solid #D9D9D9;

    outline: none;

    border-radius: 10px;

    background: #fff;

    position: relative;

    padding: 6px;

         }

                  .mft .search-form button{

                  position: absolute;

        top: 10px;

        right: 16px;

        bottom: 0;

        width: 22px;

        border: none;

        background: url(a/i//m1/sr.png) center no-repeat;

        display: inline-block;

        height: 22px;

                  }

  #ftmCopyright{

               display: block !important;

        border-top: 1px solid #fff;

        text-align: center;

        /* margin-top: 20px; */

        padding: 20px 0;

        display: flex

;

        flex-direction: column;

        background-image: linear-gradient(to right, #098ce5, #2170e5);

        color: #fff;

        padding-bottom: 82px;

        /* font-family: 'Roboto', sans-serif; */

        line-height: 1.6;

        font-size: 14px; 

        background: #07527b;

         }

.popupt6{

      width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    display: none;

    background: rgba(0, 0, 0, 0.3);

    justify-content: center;

    align-items: center;

    z-index: 81;



}

.popupt6 .nd2 .d-send{

      width: 25%;

    height: 11.3%;

    background: transparent;

    border-radius: 30px;

    position: absolute;

    border: none;

    top: 86.5%;

    left: 70%;

    cursor: pointer;

}

.popupt6 .nd2 input{

     position: absolute;

    top: 87.6%;

    background: transparent;

    width: 65%;

    left: 7%;

    height: 10.3%;

    border-radius: 30px;

    font-family: 'opr';

    font-size: 14px;

    padding: 0 10% 0 3%;

    outline: none;

}

.popupt6 .nd2 .close1{

  width: 12.5%;

    height: 6%;

    border-radius: 50%;

    cursor: pointer;

    position: absolute;

    top: -0.1%;

    right: -0.6%;

}

.popupt6 .nd2{

  max-width: 80%;

    position: relative;

}



    /* Hiệu ứng Light Sweep */

@keyframes lightSweep {

    0% {

        background-position: -100% 0;

    }

    100% {

        background-position: 100% 0;

    }

}

    .popuplive .nd1 > a:nth-child(3){

      zoom: .8;

    }

    .popuplive .nd1 img:nth-child(2){

      zoom: .7;

    }

    .popuplive .clickchathcm > img{

      zoom: .76 !important;

    }

    .popupt5 .gom .clickchathcm,.popupt5 .gom > a:nth-child(2){

      width: 38% !important;

    }

    #bn{

      z-index: unset !important;

    }

    #topcate{

          padding: 15px 0 2px !important;

    }

#sl article{

  padding-left: 10px;

  padding-right: 10px;

}

#sl .slc h1{

      text-transform: uppercase;

    text-align: center;

}

#cat .title{

  margin-top: 2px !important;

}

    .is_pc{

          margin: 10px 0 0;

    }

    #breadcrumb > .cmd12{

      padding-left: unset !important;

    }

    #pstNote{

      padding: 10px 15px;

    gap: 10px;

    margin-bottom: 15px;

    }

    #pstNote span{

          padding-left: 0;

    }

 #ftwp-container.ftwp-wrap #ftwp-trigger{

      width: 50px;

    height: 50px;

 }

#hd .logo{

  margin: 10px auto !important;

}

#hd .logo a img{

      margin: 6px auto 0 !important;

}

     #testPost-head > p:nth-child(3){

  display: none;

}

   

    .testPost-ct span{

          width: 100%;

    }

    #testPost-head > img{

      zoom: .8;

          top: -2%;

    }

    #testPost-frm{

          margin: 10px;

              padding: 15px 20px 0 20px;

    }

    .testPost-frm{

      position: unset !important;

      display: unset !important;

    }

    .testPost-gbt{

      position: unset !important;

      right: unset !important;

    }

    .testPost-frm input{

      width: 100%;

              margin: 10px 0 0 0;

    }

    .testPost-gbt{

      display: block;

  

    margin: auto;

    }

    #testPost-send{

          display: block;

    margin: 10px auto;

    }

    #testPost-ct{

             padding: 20px 15px 0 15px;

    }

    .testPost-tit{

      font-size: 15.5px;

    }

    #testPost-head{

                 font-size: 20px;

          line-height: unset !important;

              padding: 43px 20px 7px 20px;

    }

    #csm .slick-slide{

      display: flex !important;

          justify-content: center;

    }

    #csm .item  p{

border-radius: 37px;

    font-family: 'op';

    font-style: italic;

    background-image: linear-gradient(to right, #098ce5, #2170e5);

    padding: 8px 20px;

    color: #fff;

    bottom: 13%;

    position: absolute;

    }

.popupt5 .nd .img1{

  zoom: .5;

}

.gk_nk img, .gk_pk img{

  zoom: .44;

}

#popup .d_contact{

  padding: 21px 20px 0 20px !important;

}

#popup .model{

      width: 100%;

}

#popup .model .close{

      right: 8px;

      z-index: 9;

}

.popupt5{

          padding-bottom: 30%;

          z-index: 8;

}

.popupt5 .nd{

          max-width: 80%;

}

.popupt5 .nd input{

  font-size: 15px;

}

    #s6 .ctn > .cmd6:nth-child(1) > div > p:nth-child(1),.slide > img:nth-child(1){

      display: none;



    }

    #s6 .ctn > .cmd6:nth-child(1) > div > p:nth-child(4){

          text-align: justify !important;

    }

    #s6 .ctn > .cmd6:nth-child(1) > div > p:nth-child(2),.slide > img:nth-child(2){

      display: block !important;

    }

    #s5 .ctn > .item:nth-child(4) p:before{

      content: "03" !important;

    }

    #s5 .ctn > .item:nth-child(5) p:before{

       content: "04" !important;

    }

    #s5{

          padding: 0 0 0 0 !important;

    }

    #s5 .ctn > div:nth-child(4){

      clear: both;

    }

    #s5 .item p{

      box-shadow:  unset !important;

          margin-top: 3rem;

                  line-height: 1.5;

    }

    #s5 .ctn > .item:nth-child(3) p:before{

          content: "02" !important;

    }

    #s5 .ctn > div:nth-child(2){

      display: none;

    }

    .s22 .title{

      margin-bottom: 2px;

    }

    .s22 .tb1{

      color: #b28305;

    font-size: 16px;

    text-align: center;

    font-family: msm;

    margin-bottom: 12px;

    }

    .s22 .cmd12 {

      padding: 0;

    }

    .s22 .cmd12 > .cmd6:nth-child(1) p{

              font-family: opr;

        text-align: justify;

        font-size: 14px;

                margin: 5px 0;

    }

    .right-mb1{

              flex: 5;

        display: flex;

        padding: 5px 5px 5px 10px;

        justify-content: center;

        align-items: center;

        gap: 10px;

    }

    .right-mb1 > a{

              display: inline-block;

        padding-left: 20px;

        font-size: 24px;

        color: #feed91;

        position: relative;

        text-align: left;

        line-height: 1;

        margin-right: 6px;

                font-family: op;

    }

    .right-mb1 > a:before{

      width: 16px;

        height: 33px;

        content: "";

        display: inline-block;

        position: absolute;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

        background: url(a/i/icp.png) center no-repeat;

        background-size: 100%;

    }

    .right-mb1 > a span{

              font-size: 10.75px;

        font-family: Inter;

        color: #fff;

        display: block;

        text-align: left;

        /* line-height: .2; */

        text-transform: uppercase;

                font-family: opr;

    }



    .right-mb1 > a.rmtime{

      color: #fff;

        padding-left: 34px;

        font-family: Inter;

        font-size: 1em;

        line-height: 1.2em;

    }

    .right-mb1 > a.rmtime:before{

              background: url(a/i/ictgian.png) center no-repeat;

        width: 30px;



    }

    #s3 .title,.s22 .cmd12 > .cmd6:nth-child(1) p,.s22 .title, .s22 .tb1{

      display: block !important;

    }

    #csm1{

      display: none;

    }

.fn3 a:nth-child(5){

      display: inline-block;

    position: absolute;

    right: 1px;

    top: 0;

    bottom: 0;

    width: 30.66%;

    cursor: pointer;

}

     .fn3 a > img{

              -webkit-animation: fp-circle-img-anim 1s infinite ease-in-out;

        -moz-animation: fp-circle-img-anim 1s infinite ease-in-out;

        -ms-animation: fp-circle-img-anim 1s infinite ease-in-out;

        -o-animation: fp-circle-img-anim 1s infinite ease-in-out;

        animation: fp-circle-img-anim 1s infinite ease-in-out;

                position: absolute;

            left: 38.38%;

        transform: translateX(-50%);

        zoom: .6;

        top: 7%;

     }

    .fn3{

      position: fixed;

        bottom: 0;

        right: 0;

        left: 0;

        z-index: 10;

        display: block;

        max-width: 640px;

        margin: 0 auto;

        height: 70px;

    }

    .fn3 > img:nth-child(1){

          position: absolute;

    bottom: 0;

    left: 0;

    }



    .fn3 a:nth-child(2){

    display: inline-block;

        position: absolute;

        left: 0;

        top: 0;

        bottom: 0;

        width: 19.68%;

    }

        .fn3 a:nth-child(2) img{

                       position: absolute;

        left: 25.3%;

        transform: translateX(-50%);

        zoom: .6;

        top: 39px;

        }

                .fn3 a:nth-child(3) img{

                           position: absolute;
        left: 25.3%;
        transform: translateX(-50%);
        zoom: .6;
        top: 39px;

                }

                  .fn3 a:nth-child(4) img{

                      position: absolute;

        left: 44.6%;

        transform: translateX(-50%);

        zoom: .6;

        top: 5px;

                  }

    .fn3 a:nth-child(3){

                           display: inline-block;

        position: absolute;

        left: 21.68%;

        top: 0;

        bottom: 0;

        width: 33.66%;

    }



    

      

      .fn3 a:nth-child(4){

                      display: inline-block;

        position: absolute;

        right: 0;

        top: 10px;

        bottom: 0;

        width: 43.66%;

        cursor: pointer;

              background: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.3) 90%, rgba(255, 255, 255, 0) 100%);

        background-size: 200% 20%;

        animation: lightSweep 2s infinite linear;

        border-radius: 20px 0 0 20px;

      }

    #s1 .s11 > .cmd3:nth-child(2) > a:nth-child(1),    #s1 .s11 > .cmd3:nth-child(8) > a:nth-child(1),   #s1 .s11 > .cmd3:nth-child(4) > a:nth-child(1),    #s1 .s11 > .cmd3:nth-child(6) > a:nth-child(1){

          background: #f2f7fd;

    }

    #s1 .s11 > .cmd3:nth-child(7){

          margin-left: 4rem;

    }

    #sl .slc .shot_bs .n{

      text-align: left;

    }

    #topcate{

      margin-bottom: 6px !important ;



    }

    #sl .slc .shot_bs .lk span{

      display: block;

          margin-bottom: 10px;

    }

    #sl .slc .shot_bs .lk{

              position: absolute;

        top: 0;

        right: 0;

    }

    #sl .slc .shot_bs img{

      top: 20% !important;

       left: 9%; !important;

    margin-top: -69px !important;

    

    }

    #sl .slc .shot_bs .lk{

      position: absolute;

    top: 0;

    right: 0;

    }

    #sl .slc .shot_bs .k{

          font-family: 'op';

              text-align: center;

                  font-size: 18px;

    }

    #sl .slc .shot_bs{

          padding: 135px 10px 25px !important; 

    }

    #sl .slc .shot_bs .nd{

      padding-left: unset !important;

    }

    .slick-current:hover .hai {

      background: unset !important;

    }

    

    .mb{

      display: block !important;

      margin-bottom: 5px !important;

      color: #3363d9;

        text-transform: uppercase !important;

                font-size: 19px;

    }

    .tab-content .slick-track{

          padding: 0px 0 20px !important;

    }

    .tab-content .itemkh > b:last-child{

      display: none !important;

    }

    #s4 .tab-content .slick-current img{

          zoom: .72 !important;





    }

    .tab-content .itemkh:nth-child(6) > div:nth-child(1){

              padding-top: 6rem !important;

       

    }

    #s5 .title{

        display: block !important;

        margin-bottom: 25px;

        background: url(a/i/nut.png) top center no-repeat;

        font-size: 24px;

        color: #fff;

        height: 69px;

                padding-top: 11px;

    }

#s1 .s11 h3{

      padding: 10px 0 5px !important;

                   font-size: 13px !important;

        line-height: 1.3;}

#s1 .s11 > .cmd3:last-child,#s1 .s11 > .cmd3:nth-child(7){

display: none;

}



  #s4 .tab-content  .slick-current:hover .hai > .hinh1{

      display: block !important;

    }

    #s4{

      height: 64rem !important;

    }

    .tab-content .itemkh .na h2,.tab-content .itemkh .na p{

      color: #000 !important;

    }

    .tab-content .itemkh .na p{

          font-size: 16px !important;

    }

    .tab-content .itemkh .na{

              opacity: 1   !important;

      

        visibility: inherit  !important;

      

    }

    .tab-content .itemkh > div:nth-child(1){

  

      padding-top: 6.8rem !important;

             

        border-radius: 6px;

                min-height: 723px;

                padding-left: 10px;

        padding-right: 10px;

    }

    #s4 .tab-content .slick-dots{

                 bottom: -117%;

    }



    .tab-content .itemkh .na p br{

      display: none;

    }

    .tab-content .itemkh > div:nth-child(1) .hinh2, .tab-content .itemkh > div:nth-child(1) .hinh3 ,.tab-content .itemkh > div:nth-child(1) .hinh4,.tab-content .itemkh > div:nth-child(1) .hinh5, .tab-content .itemkh > div:nth-child(1) .hinh6{

      display: none;

    }

    .qt .tin4{

      width: 100% !important;

    }

    #listarc.itarc > div > div{

          margin-bottom: 20px !important;



    }

    .form-sidebar .d_contact{

          padding: 15px 25px 0px 25px !important;

    }

    #sbb,  .sb1,.form-sidebar .d_contact .hinh1, .form-sidebar .d_contact .hinh2, .form-sidebar .d_contact .hinh3{

      display: none;

    }

    .archive{

      padding: 0;

    }

    #bs-sb .slick-track{

              padding: 0 0 60px 0 !important;

    }

    #bs-sb{

          padding: 20px 0;

    }

    #listarc .cxs12.csm6.cmd6{

      padding: 0;

    }

    #s3:before,#s3:after{

      display: none !important;

    }

   

      #csm .item img{

        margin: auto;

      }

    #s3 .hinh2{

          top: -6% !important;

              zoom: .8;

    }

    #s3 .hinh3{

                 top: 88% !important;

        zoom: .4 !important;

    }

    #s3 .hinh4{

   top: 92% !important;

        zoom: .4 !important;

    }

#s3{

  margin-top: 1rem !important;

        margin-bottom: 3rem !important;

} 

#csm{

  display: block;

}



#bn .search-form{

  display: none !important;

  width: 100%;

        margin-top: 0;

        margin: 5px 0;

}

#s9 .d_contact{

  padding: 48px 20px 0 20px !important; 

}



.hd1{

      padding: 0 10px;

}

#bn #f12 input{

  width: 100%;

    font-size: 14px;

    border: 1px solid #D9D9D9;

    padding: 11px 70px 15px 16px;

            outline: none;

            border-radius: 6px;

                    background: #fff;

}

#bn #f12 #b11{

      background-color: #00AD7C;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 43px;

           border: none;

        background: url(a/i/sr1.png) center #3363d9  no-repeat;

        display: inline-block;

        height: 43px;

             border-radius: 6px;

}

    .mft .sub-menu{

    display: none;

        height: 100%;

        right: 0;

        top: 0;

        text-align: left;

        box-sizing: border-box;

        background: #fff;

        overflow-x: scroll;

        padding-left: 4rem;

    }

    .mft > nav > ul li span{

                     width: 22px;

        height: 16px;

        background: url(a/i/m1/i.png) no-repeat;

        position: absolute;

        right: 14px;

        top: 19px;

    }

   .mft > nav > .menu > li{

           position: relative;

        list-style: none;

        display: block;

        border-bottom: 1px #e0e0e0 solid;

    }

    

       .mft > nav > .menu > .show1 .sub-menu{

        display: block ;

       }

    .mft > nav .sub-menu li a:before{

      content: "";

        position: absolute;

        width: 8px;

        height: 8px;

        background: #28aca7;

        left: 0;

        border-radius: 50%;

        /* left: 0; */

        top: 14px;

    }

    .mft > nav > .menu > li:last-child{

      border: none;

    }

    .mft > nav >.menu > .mc:before{

              top: 13% !important;

        transition: unset;

    }

    .mft #sdt{

              position: relative;

    }

    .mft .i3{

              zoom: .88;

        display: block;

        margin: 2rem auto 0;

    }

    .mft #sdt > a:nth-child(2){

      position: absolute;

        top: 42.1%;

        background: transparent;

        width: 55%;

        left: 33%;

        height: 10.3%;

        border-radius: 30px;

        font-family: 'opr';

        font-size: 16px;

        /* padding: 0px 13% 0 3%; */

        outline: none;

        height: 18%;

        padding: 0px 3% 0 3%;

    }

    .mft #sdt > a:nth-child(3){

      position: absolute;

        top: 62.1%;

        background: transparent;

        width: 55%;

        left: 33%;

        height: 10.3%;

        border-radius: 30px;

        font-family: 'opr';

        font-size: 16px;

        /* padding: 0px 13% 0 3%; */

        outline: none;

        height: 18%;

        padding: 0px 3% 0 3%;

    }

    .mft > nav >.menu > .mc:nth-child(3):before{

      top: 7% !important;

    }

    .mft > nav >.menu > li > a:before{

              content: "";

        position: absolute;

        transition: all 1s;

        -moz-transition: all 1s;

        -webkit-transition: all 1s;

                zoom: .68;

    }

  .mft > nav > .menu > li > a{

         display: block;

        font-size: 15px;

        padding: 14px 0 14px 60px;

        color: #000000;

        font-weight: 600;

            font-family: ro, Arial, Tahoma;

            position: relative;

    }



    .mftc{

              left: 0 !important;

    }

   



    .mft > nav > ul{

      width: 100%;

        margin-left: 0;

    }

    .ovlc{

              display: inline-block !important;

    }

    .ovl,.ovl1{

              position: fixed;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        display: none;

        background: #111;

        opacity: 0.7;

        z-index: 11;

    }

    .mft > a{

           display: block;

        text-align: center;

        background: #fff;

        padding: 22px 0 22px 12px;

        background-image: linear-gradient(to right, #23b0a3, #4196bb);

    }

    .mft > a > img:nth-child(2){

      width: 10.5%;

        height: 7%;

        cursor: pointer;

    }



    .mft{

      display: none;

    }

.mft > a > img:nth-child(1){

  width: auto;

        max-width: 80%;

        zoom: .68;

        left: 0;

        float: left;

    }

    .mft #menu-menu-disease-primary-1 li{

              padding: 0 20px;

        position: relative;

        list-style: none;

        display: block;

    }

    .mft > nav > ul li a, .mft #menu-menu-disease-primary-1 li a{

                   font-size: 14px;

        line-height: 16px;

        display: block;

        /* border-bottom: 1px #ccc dotted; */

        color: #535353;

        padding: 6px 0 8px 16px;

        position: relative;

    }

    .mft #menu-menu-disease-primary-1 li a{

      display: block;

        font-size: 18px;

        color: #fff;

        padding: 15px 0;

        text-transform: capitalize;

        border-bottom: 1px dashed #fff;

    }

    .mft #menu-menu-disease-primary-1 li span{

              width: 30px;

        height: 30px;

        background: url(a/i/i.png) no-repeat -598px 8px;

        position: absolute;

        right: 15px;

        top: 15px;

        filter: brightness(1000);

    }

    .mft{

     position: fixed;

        top: 0;

        bottom: 0;

        left: -40%;

        width: 40%;

        background: #fff;

        display: inline-block;

        overflow-y: auto;

        transition: all 0.3s;

        -moz-transition: all 0.3s;

        -webkit-transition: all 0.3s;

        padding-bottom: 20px;

        width: 80%;

        left: -80%;

                z-index: 999999;

    }

   .mft > nav > .menu > li:nth-child(1) > a:before{

              background: url(a/i/m1/home.png);

        width: 24px;

        height: 24px;

        left: 5%;

        top: 50%;

        transform: translateY(-50%);

        z-index: 2;

    }

    .mft > nav >.menu > li:after{

      content: "";

        position: absolute;

        background: #e4f2fd;

        width: 15%;

        height: 100%;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

        z-index: 1;

        border-bottom: 1px solid #fff;

    }

  .mft > nav > .menu > li:nth-child(2) > a:before{

              background: url(a/i/m1/gt.png);

        width: 24px;

        height: 24px;

        left: 5%;

        top: 50%;

        transform: translateY(-50%);

        z-index: 2;

    }

  .mft > nav > .menu > li:nth-child(3) > a:before{

              background: url(a/i/m1/nk.png);

        width: 24px;

        height: 24px;

        left: 5%;

        top: 50%;

        transform: translateY(-50%);

        z-index: 2;

    }

.mft > nav > .menu > li:nth-child(4) > a:before{

              background: url(a/i/m1/note.png);

        width: 24px;

        height: 24px;

        left: 5%;

        top: 50%;

        transform: translateY(-50%);

        z-index: 2;

    }

    .mft > nav > .menu > li:nth-child(5) > a:before{

              background: url(a/i/m1/tc.png);

        width: 25px;

        height: 24px;

        left: 5%;

        top: 50%;

        transform: translateY(-50%);

        z-index: 2;

    }

  

    #mnm {

                background-image: linear-gradient(to right, #098ce5, #2170e5);

        height: 54px;

        display: flex;

        align-items: center;              

    }

    #mnm #tgn{

              width: 40px;

        height: 40px;

        display: inline-block;

        float: left;

        background: url(a/i/i.png) no-repeat -127px 11px;

    }

    .dropdown-menu{

              position: static;

        width: 100%;

        background: #fff;

        box-shadow: none;

        border: none;

        border-bottom: 1px solid #f2d570;

        border-top: 1px solid #f2d570;

        float: none;

    }

    .navbar-nav{

      padding-right: unset !important;

    }

.navbar-nav .mt{

  display: inline-block;

        width: 30px;

        height: 30px;

        background: red;

        position: absolute;

        right: 10px;

        top: 10px;

        background: url(a/i/i-r2.png) no-repeat center;

        transform: rotate(90deg);

}

    .hd1{

      display: block !important;

      height: unset !important;

    }

    #s2 .t1{

      font-size: 17px !important;

              margin: 10px 0 !important;



    }

    #s2 .ctn > img:nth-child(4){

          margin-top: -3rem !important;

    }

    .pro-tab li, .active-pro{

      width: 100% !important;

    }

    #s4 .title{

      margin-top: 2px;

    }

    .pro-tab li:last-child{

      margin-top: -27px;

    }

   

    .pro-tab{

      display: block !important;

    }

     #s2{

        padding: 40px 0 42px !important;

     }

   .s22 .cmd12 > .cmd6:nth-child(1){

    margin-bottom: 52px;

    padding: 0;

   }

.s22 .cmd12 > .cmd6:nth-child(1) > div{



        padding: 0 10px 10px 10px;



}

   .s22 .hinh6{

        left: 6% !important;

    z-index: -1 !important;

    top: -11% !important;

   }

   .s22 .cmd12 > .cmd6:nth-child(2) > p{

    font-size: 14px;



   }

   #s1 .xt2{

        font-size: 14px !important;

   }

   #s2{

        margin: -3rem 0 0 0 !important;

   }

   .s22 .cmd12 > .cmd6:nth-child(2) > p{

    animation: unset !important;

   }

   .s22 .cmd12 > .cmd6:nth-child(2) > p{

    margin-left: unset !important;

   }

   .s22 .cmd12 > .cmd6:nth-child(2) > p:nth-child(3){

       right: 19% !important;

    top: 108% !important;

   }

   .s22 .hinh8{

    top: 51% !important;

        right: 70% !important;

   }

   .s22 .hinh7{

        right: 1% !important;

    top: 92% !important;

   }

   .s22 .cmd12 > .cmd6:nth-child(2) > p{

        padding-bottom: 119px;

   }

    .s22 .hinh5{

                bottom: 53% !important;

        left: 39% !important;

        zoom: .0.60;

    }

    .s22 .hinh1{

      z-index: unset !important;

              display: block;

        width: 100%;

        margin-bottom: 15px;

    }

    #s1 .s11 .cmd2{

             width: 33.33333333% !important;

              padding: 0;

    }

    #s1 .s11 > .cmd2:nth-child(4){

      clear: both;

    }

    #s1 .s11 .cmd2 > a:nth-child(1){

            padding: 5px;

        border: 2px solid #FFFf;

        /* margin-bottom: 0px; */

        display: block;

        /* border-radius: 10px; */

        min-height: 90px;

        line-height: 1.3;

        font-size: 13px;

        min-height: 7rem;

        background: #e4f2fd;

                border-bottom: unset;

    }

   

    .s22 .hinh3{

      bottom: 52% !important;

        left: 73% !important;

      /*  zoom: .7;*/

    }

    #s1 .s11 img{

          zoom: .32 !important;

            margin: 15px auto 0 !important;

    }

    .s11{

         padding: 20px 25px 0 25px !important;

    }

    .s22 .hinh4{

                top: 1% !important;

        zoom: .5;

    }

    .s22 .hinh2{

             bottom: 48% !important;

        right: 16% !important;

        zoom: 0.5;

    }

    .s22 .hinh3{

         bottom: 59% !important;

    left: 75% !important;

    }

    #s1 a{

        top: 89% !important;

    }

    #s1{

                  margin-bottom: 30px !important;

        margin-top: unset !important;

        padding-top: 0 !important;

    }

    .s22 {

          padding-top: 0;

    }

    #s1:before{

      background-size: cover !important;

    }

    #hd .he2{

      display: block !important;

    }

    .navbar-default .navbar-nav > li > a{

          color: #fff;

    text-transform: capitalize;

    font-size: 18px;

    font-weight: 600;

    line-height: 24px;

    position: relative;

    text-transform: uppercase;

       font-family: ro-b;



    }

    .hd1 .cmd9{

          background-image: linear-gradient(to right, #25b47e, #2267a7);

    }

  

    .sr{

      display: none;

    }

    .navbar-toggle{

      position: relative;

    float: right;

    margin-right: 15px;

    padding: 9px 10px;

    margin-top: 8px;

    margin-bottom: 8px;

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

    }

    .navbar-default .navbar-toggle{

          border-color: #ddd;

    }

}

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

.btncd{

             bottom: -39px !important;

}



.fn3 a:nth-child(3) img{

                  top: 8px;

}

.fn3 a:nth-child(4) img{

        top: 7px;

}



  }

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

.btncd a{

      zoom: .94;

  }

  .right-mb1{

    gap: unset !important;

  }

 .fn3 a:nth-child(2) img,.fn3 a:nth-child(4) img{

      top: 41px;

 }

 .fn3 a:nth-child(3) img{

                  top: 9px;

 }

  #bn .d_contact .d-send{

    width: 74% !important;

  }

  .tab-content .slick-current b{

    font-size: 15px;

  }

  

  #sl .slc h2:after{

    display: none !important;

  }



}

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

#bn .d_contact .d-send{

          width: 77% !important;

}

#s10 .d_contact #bncd > a:nth-child(1), #s10 .d_contact #bncd > a:nth-child(2){

          margin-right: 1%;

}

.pth_pk img, .pth_nk img{

      zoom: .46;

}

.right-mb1 > a{

          font-size: 19px;

}

.title{

  font-size: 21px !important;

}

  }

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

      .fn3 a:nth-child(4) img{

                top: 22px;

        left: 67px;

      }

      #s10 .d_contact #bncd > a:nth-child(1), #s10 .d_contact #bncd > a:nth-child(2){

        font-size: 11px;

      }

      .title{

                font-size: 20px !important;

      }

      .fn3 a:nth-child(2) img{

             left: 29px;

        top: 44px;

      }

      .fn3 a:nth-child(3) img{

               top: 16px;

      }

#s1 .s11 h3{

          font-size: 13px !important;

}



.pro-tab li, .active-pro{

          zoom: .89;

}

.tab-content .itemkh .na{

          top: 46% !important;

}

#s4 .tab-content .slick-dots{

  bottom: -102%;

}



#s4{

          height: 61rem !important;

}

#s1 .xt2{

      padding: 15px 66px 15px 22px !important;

}

    }

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

.slb .itbs .btncd a{

  zoom: .7 !important;

  }

  .right-mb1 > a.rmtime{

            font-size: 0.6em;

                    padding-left: 31px;

  }

  .pth_pk img, .pth_nk img{

    zoom: .4;

  }

  .fn3 a:nth-child(2) img{

left: 27px;

        zoom: .5;

  }

  .fn3 a:nth-child(2) img, .fn3 a:nth-child(4) img{

                  top: 62px;

  }

  .fn3 a:nth-child(4) img{

            top: 34px;

            left: 70px;

        zoom: .52;



  }

  .fn3 a:nth-child(3) img{

                    top: 27px;

  }

  #sl .slc .shot_bs .lk span{

            zoom: .72;

  }

  #sl .slc .shot_bs img{

        margin-top: -72px;

  }

  #sl .slc .shot_bs .k{

    font-size: 18px;

  }

  #s1 .s11 h3{

            font-size: 11px !important;

  }

  #s1 .xt2{

            padding: 15px 54px 15px 22px !important;

  }

  #s1 .s11  > .cmd3:nth-child(4){

    clear: both;

  }



  #s4 .tab-content .slick-current img{

            zoom: .5 !important;

  }

  .pro-tab li, .active-pro{

    zoom: .8 !important;

  }

 .tab-content .itemkh .na{

  top: 37% !important;

 }

  .s22 .cmd12 > .cmd6:nth-child(2){

    display: none;

  }

  #s2{

        margin: 0rem 0 0 0 !important;

  }

  .bot-a2> p:nth-child(1){

    font-size: 18px !important;

  }

}

@media (min-width: 1000px) {

  .navbar-header {

    float: left; }



     }

@media (max-width: 999px) {

  .navbar-header {

    display: block !important;

    height: 50px; } }

.navbar-collapse {

  overflow-x: visible;

  padding-right: 15px;

  padding-left: 15px;

  border-top: 1px solid transparent;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);

  -webkit-overflow-scrolling: touch; }



.navbar-collapse.in {

  overflow-y: auto; }



@media (min-width: 1000px) {

  .navbar-collapse {

    width: auto;

    border-top: 0;

    -webkit-box-shadow: none;

    box-shadow: none; }



  .navbar-collapse.collapse {

    display: block !important;

    height: auto !important;

    padding-bottom: 0;

    overflow: visible !important; }



  .navbar-collapse.in {

    overflow-y: visible; }



  .navbar-fixed-top .navbar-collapse,

  .navbar-static-top .navbar-collapse,

  .navbar-fixed-bottom .navbar-collapse {

    padding-left: 0;

    padding-right: 0; } }

@media (min-width: 768px) {

  .navbar-right {

    float: right !important;

    margin-right: -15px; } }

.ctn > .navbar-header,

.ctn > .navbar-collapse {

  transition: all 0.1s; }



@media (min-width: 1000px) {

  .ctn > .navbar-header,

  .ctn > .navbar-collapse {

    margin-right: 0; } }

.navbar-brand {

  float: left;

  padding: 15px 15px;

  font-size: 18px;

  line-height: 20px;

  height: 50px; }



.navbar-brand:hover,

.navbar-brand:focus {

  text-decoration: none; }



.navbar-brand > img {

  display: block; }



@media (min-width: 1000px) {

  .navbar > .ctn .navbar-brand {

    margin-left: -15px; } }

.navbar-toggle {

  position: relative;

  float: right;

  margin-right: 15px;

  padding: 9px 10px;

  margin-top: 8px;

  margin-bottom: 8px;

  background-color: transparent;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px; }



.navbar-toggle:focus {

  outline: 0; }



.navbar-toggle .icon-bar {

  display: block;

  width: 22px;

  height: 2px;

  border-radius: 1px; }



.navbar-toggle .icon-bar + .icon-bar {

  margin-top: 4px; }



@media (min-width: 1000px) {

  .navbar-toggle {

    display: none; } }

.navbar-nav {

  margin: 0px -15px;



        padding-right: 11rem;

   }



.navbar-nav > li > a {

  padding-top: 10px;

  padding-bottom: 10px;

  line-height: 20px; }



@media (max-width: 999px) {

  .navbar-nav .open .dropdown-menu {

    position: static;

    float: none;

    width: auto;

    margin-top: 0;

    border: 0;

    -webkit-box-shadow: none;

    box-shadow: none; }



  .navbar-nav .open .dropdown-menu > li > a {

    line-height: 20px; }



  .navbar-nav .open .dropdown-menu > li > a:hover,

  .navbar-nav .open .dropdown-menu > li > a:focus {

    background-image: none; }



  .dropdown-menu li ul {

    display: block; }



   }

@media (min-width: 1000px) {

  .navbar-nav {

    text-align: center;

    display: block;

    width: max-content;

    margin: 0 auto; }



  .navbar-nav > li {

    float: left; 

        padding: 20px 0;

  }



/*  .navbar-nav > li > a {

    padding: 23px 7px; }*/ }

.navbar-nav > li > .dropdown-menu {

  margin-top: 0;

  border-top-right-radius: 0;

  border-top-left-radius: 0; }



.navbar-default {

  position: relative; 

  clear: both;

  display: flex;



}

.navbar-default:before{

  content: "";

  position: absolute;

  display: inline-block;

  left: 0;

  border-left: solid 1px ;

}



.hd1 .cmd9 > div:nth-child(1){

      float: left !important;

    display: flex;

     padding-top: 15px;

        padding-right: 40px;

        padding-left: 8rem;

}



.hd1 .cmd9 > div:nth-child(1) p{

  font-size: 14px;

  color: #fff;

position: relative;

    padding-bottom: 0.9rem;

      

}

.hd1 .cmd9 > div:nth-child(1) p:before{

  content: "";

  position: absolute;

  display: inline-block;

  background: url(a/i/ar.png) center no-repeat;

  width: 25px;

  height: 22px;

    left: -8%;

top: 0;

}

.hd1 .cmd9 > div:nth-child(1) p:nth-child(2):before{

    background: url(a/i/hotline.png) center no-repeat;

  width: 26px;

  height: 22px;

      left: -21%;

}

.hd1{

 position: relative;

    display: flex;

    align-items: center;

    height: 120px;

        -webkit-box-shadow:  0px 0 15px 0 rgba(0, 0, 0, 0.3);

    -moz-box-shadow:  0px 0 15px 0 rgba(0, 0, 0, 0.3);

    box-shadow: 0px 0 15px 0 rgba(0, 0, 0, 0.3);

    z-index: 15;

}

.hd1 .cmd9:before{

         content: "";

    position: absolute;

    display: inline-block;

    background: url(a/i/br.png) bottom center no-repeat;

    width: 47px;

    height: 122px;

    left: 5.6%;

    top: 7px;

   

}



.hd1 .cmd9:after{

      content: "";

    position: absolute;

    display: inline-block;

    width: 6px;

    height: 6px;

    background: #23b0a3,;

}

.itemkh.cmd6{

      padding: 0;

}

.slick-slide img{

  display: block;

}

.active-pro{

      background: url(a/i/nuth.png) center no-repeat !important;

 color: #775400 !important;



}

.pro-tab li,.active-pro{

     background: url(a/i/nut.png) center no-repeat;

    width: 32%;

    height: 112px;

    font-size: 16px;

    padding: 39px 0 0 0;

    color: #fff;

    font-weight: 700;

    text-align: center;



}

.pro-tab{ 

      display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 8px;

}

.tab-content .itemkh  > div:nth-child(1) .hinh2{

  position: absolute;

    top: 8%;

    left: 50%;

    transform: translateX(-50%);

    

}

.tab-content .itemkh  > div:nth-child(1) .hinh3{

    position: absolute;

    top: 23%;

 

    right: 9%;

    

}

.tab-content .itemkh  > div:nth-child(1) .hinh6{

    position: absolute;

    top: 22%;

    left: 9%;

     

}

.tab-content .itemkh  > div:nth-child(1) .hinh4{

    position: absolute;

    top: 49%;

    right: 9%;

      

}

.tab-content .itemkh  > div:nth-child(1) .hinh5{

    position: absolute;

    top: 51%;

    left: 9%;

    

}

.tab-content .slick-track{

  padding: 20px 0 0;

}

.tab-content .slick-current > div:nth-child(1) .hinh2{

     position: absolute;

    top: -13px;

    left: 43%;

    transform: translateX(-50%);

    animation: move 3s infinite;

    animation-delay: 0s;

  

}

.tab-content .slick-current > div:nth-child(1) .hinh3{

      position: absolute;

    right: 8%;

    top: 27%;

        animation: move 3s infinite;

    animation-delay: 0s;

}

.tab-content .slick-current > div:nth-child(1) .hinh4{

    position: absolute;

    right: 8%;

    top: 72%;

        animation: move 3s infinite;

    animation-delay: 0s;

}

.tab-content .slick-current > div:nth-child(1) .hinh5{

    position: absolute;

    left: 8%;

    top: 73%;

        animation: move 3s infinite;

    animation-delay: 0s;

}

.tab-content .slick-current > div:nth-child(1) .hinh6{

    position: absolute;

    left: 8%;

    top: 34%;

        animation: move 5s infinite;

    animation-delay: 0s;

}

#s4{

    background: url(a/i/bgfloor.png) bottom center no-repeat;

    background-size: contain;

    height: 53rem;

}

#ft{

      margin-top: -2rem;

      position: relative;

}

#topcate{



    color: #a79e7c;

   padding: 15px 0;

    display: flex;

      

}

#breadcrumb > .cmd12{

      padding-left: 30px;

}

#breadcrumb .cmd12 > span:first-child{

      padding-left: 26px;

}



#breadcrumb span{

  font-weight: 100;

    color: #000;

    display: initial;

    position: relative;

    font-size: 14px;

    word-break: keep-all;

    text-align: left;

    display: initial;



    font-family: 'opr';

}

#breadcrumb > .cmd12 > span:before{

  content: "";

    display: inline-flex;

    background: url(a/i/ichome1.png) center no-repeat;

    width: 22px;

    height: 20px;

    position: absolute;

    left: 0;

    top: -4px;

}

#s4 .xt1{

        clear: both;

    display: block;

    margin: 14rem auto 0;

    width: 100%;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    background: url(a/i/nut1.png) center no-repeat;

    height: 112px;

    background-size: contain;

    padding: 22px 0 0 0;

    text-align: center;

    text-transform: uppercase;

    color: #fff;

    font-family: sfuf;

    font-size: 40px;

    font-family: msb;

    font-family: mbx;

}

#s5 .item{

  width: calc(100%/5);

  position: relative;

  padding: 0 15px;

  float: left;



}

#s5 .item img{

  display: block;

  margin: auto;



}

#s5 .item .hinh7{

         position: absolute;

    top: 50px;

    

}

#s5 .item p{

     clear: both;

    font-size: 18px;

    text-align: center;

    /* padding-top: 5.5rem; */

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

    -moz-box-shadow: -2px 0px 15px -5px rgba(0, 0, 0, 0.75);

    box-shadow: 1px 6px 12px -10px rgba(0, 0, 0, 0.75);

    border-radius: 30%;

    font-weight: 700;

  font-family: opi;

     padding: 3.6rem 0.76rem 1rem;

    position: relative;

    margin-top: 4rem;



}

#s5 .item p:before{

 content: "01";

    position: absolute;

    display: inline-block;

    width: 60px;

    height: 60px;

    left: 50%;

    background: #0997e5;

    border-radius: 40px;

    color: #fff;

    font-family: sfuf;

    font-size: 25px;

    padding-top: 16px;

    font-style: initial;

  top: -16%;

    transform: translateX(-50%);



}

#s5{

      padding: 55px 0 0 0;

}

#s5 .tt2{

      margin-top: 1rem;

}

#s5 .ctn > .item:nth-child(2) p:before{

   content: "02";

}

#s5 .ctn > .item:nth-child(3) p:before{

   content: "03";

}

#s5 .ctn > .item:nth-child(4) p:before{

   content: "04";

}

#s5 .ctn > .item:nth-child(5) p:before{

   content: "05";

}

#s5 .tt1{

    margin-top: 3rem;

}

#kh .item img{

   position: absolute;

   left: -4px;

    top: -14px;

}



#kh .item > div{

     background: #fff;

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

    -moz-box-shadow: -2px 0px 15px -5px rgba(0, 0, 0, 0.75);

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

    border-radius: 134px;

    padding: 0px 40px 0 234px;

 position: relative;

}

#kh .item > div:before{

content: "";

    position: absolute;

    background: url(a/i/kh/dau.png) center no-repeat;

    left: 44%;

    top: -4%;

    width: 50px;

    height: 37px;

}

#kh{

  margin-top: -58px;

}

#kh .item > div{

  display: table;

  margin: 25px auto 57px;

         padding: 0px 40px 15px 234px;



}

#kh .slick-track{

      padding: 30px 0;

}

#kh .slick-dots{

      top: -11%;

    left: 8%;

    transform: rotate(271deg);

}

#kh .slick-dots li{

  background: #fff;

    border-radius: 2px;

}

#kh .slick-dots li.slick-active button:before{

  background: #2d6bdc !important ;

}

#s6{

    background: url(a/i/bg6.png) center no-repeat;

    background-size: cover;

    padding: 116px 0 40px 0;

    margin-top: 20px;

}

#kh .item p{

  font-size: 13.5px;

    padding-top: 2rem;

    font-family: 'opr';



}



.tat{

     visibility: hidden;

}

#kh .item h3{

   font-family: 'op';

      font-size: 15px;

    margin-top: 0.2rem;

}

#s6 .ctn > .cmd6:nth-child(1) > div > p:nth-child(1),#s6 .ctn > .cmd6:nth-child(1) > div > p:nth-child(2){

color: #fff;

      text-align: right;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 20px;

    font-family: 'mb';

}

#s6 .ctn > .cmd6:nth-child(1) > div {

      padding: 80px 60px 0 0;

}

#s6 .ctn > .cmd6:nth-child(1) > div > p:nth-child(4){

    text-align: right;

    font-size: 15.5px;

    color: #fff;

    font-family: 'opi';

}

#s6 .ctn > .cmd6:nth-child(1) > div > h3{

  text-align: right;

  color: #fff;

  line-height: 1.3;

}

.tab-content{

  width: 100%;

    height: 100%;

    visibility: hidden;

    transition: all 0.3s;

    opacity: 0;

    position: absolute;

    left: 0;

    top: 0;

}

.tab-content .itemkh .na h2{

     font-size: 20px;

    text-align: center;

    color: #fff;

    margin: 10px 0 0 10px;



}

#ftwp-container.ftwp-wrap #ftwp-header-title{

      margin-top: 2px;

}

#ftwp-container.ftwp-wrap #ftwp-header{

     padding: 11px 10px 0;

}

.ftwp-in-post#ftwp-container-outer.ftwp-float-none #ftwp-contents{

      border: none;

    border-radius: 5px;

}

.tab-content .itemkh{

  filter: blur(3px);

}

.tab-content .itemkh .na p{

  font-size: 14px;

   text-align: center;

  color: #fff;

  font-family: 'opr';

}

.tab-content .itemkh .na{

   position: absolute;

    bottom: 10%;

    width: 80%;

    height: 100%;

    visibility: hidden;

    transition: all 0.3s;

    opacity: 0;

    left: 0;

    top: 32%;

    left: 50%;

    transform: translateX(-50%);

    padding: 0px 45px;

}

.tab-content .slick-current{

    filter: inherit;

}

.tab-content .slick-current > div:nth-child(1):hover .na{

    opacity: 1 !important;

    visibility: visible;

     

      

}

.box_click_showbl{

  display: none;

}

.pro-content .slick-slide img{

    zoom: .6;

    margin: auto;

}

.slick-current:hover .hai{

        background: url(a/i/g2.png) top center no-repeat !important;



    background-size: contain !important;

}

.tab-content .itemkh > div:nth-child(1){

     background: url(a/i/g1.png) top center no-repeat;

    background-size: contain;

    /* width: 452px; */

    height: 461px;

       padding-top: 6rem;

}

.tab-content .itemkh b{

  text-align: center;

    display: none;

    margin: 20px 0;

    font-weight: 700;

    font-family: sfuf;

        text-transform: capitalize;

}

.tab-content .slick-current b{

  display: block;

      font-family: opx;

}

.tab-content .slick-current .na > b:nth-child(1){

  display: none;

}



.slick-current:hover .hai > .hinh1{

  display: none;



}

@media(min-width: 1400px) and (max-width: 1920px){

#s4 .tab-content .slick-active{

width: 320px !important;

padding-top: 4rem;



}

/*#s8 .tin1 .tit1{

  height: 4rem !important;

}*/

#s4 .tab-content .slick-current{

width: 500px !important;

padding-top: unset !important;

}

/*.hd1:after{

      width: 64% !important;

}*/



}

.tab-content .slick-current > div:nth-child(1) .hinh4{

      top: 58%;

}

.tab-content .slick-current > div:nth-child(1) .hinh5{

      top: 56%;

}



 #s2 .ctn > img:nth-child(4){

  margin-top: -7rem;

 }

 .tab-content .itemkh .na{

      top: 26%;

 }



@media(min-width: 1300px) and (max-width: 1400px){

  #s4 .tab-content .slick-active{

        width: 300px !important;

        padding-top: 4rem;

}

.s11{

  padding: 20px 178px 0 178px !important;

}

#s3{

      margin-bottom: 7rem !important;

}

.btnd img{

        left: 27% !important;

}



#s1{

                    margin-bottom: 70px !important;

}

  #s4{

    height: 52rem !important;

  }



  #s4 .xt1{

    margin: 13rem auto 0 !important;

  }

.tab-content .slick-current > div:nth-child(1) .hinh6{

      left: 5% !important; 

    top: 24% !important;

}

.tab-content .slick-current > div:nth-child(1) .hinh3{

      right: 6% !important;

    top: 21% !important;

}

.tab-content .itemkh .na{

      top: 22% !important;

}

#sl .slc h2{

      font-size: 20px !important;

}

#s4 .tab-content .slick-current{

      width: 527px !important;

       padding-top: unset !important;

}



#s1 .s11 h3{

  font-size: 13.5px !important;

}

.hd1:before{

  left: 42.2%;

}

#hd:before{

  left: 38.5% !important;

  

    top: 13% !important;

}

.hd1 .cmd9:before{

     left: 6.6% !important;

     top: 6px ;

}

#s1 a{

  top: 74% !important;

}

.hd1:after{

  width: 65% !important;

}

}

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

.s11{

      padding: 20px 168px 0 168px !important;

 }

  }

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

 #csm1 > .cmd3:nth-child(1) > .item{

  padding-top: 8rem!important;

    margin-left: 1rem!important;

 }

 

#s3 .title1{

      left: 48.5% !important;

  

    top: 35% !important;

}



  #csm1 > .cmd6:nth-child(2) > .item{

        margin-left: -0.8rem !important;

  }

#s1 a{

          top: 69% !important;

}

#csm1 > .cmd3:nth-child(3) .item{

  padding-top: 6rem !important;



    margin-left: -1rem !important;

  

}

#csm1 > div:nth-child(4) > .cmd4:nth-child(1) .item{

         margin-left: 2rem !important;

        margin-top: -2rem;

}

#csm1 > div:nth-child(4) > .cmd4:nth-child(3) .item,#csm1 > div:nth-child(7) .item{

  margin-left: -2rem !important; 

}

#csm1 > div:nth-child(6) .item{

    margin-top: -9rem;

 margin-left: -5.4rem;

}

.navbar-default{

      display: block !important;

}

.hd1:after{

          width: 58% !important;

}

.hd1:after{

      width: 56% !important;

}

.hd1 .cmd9 > div:nth-child(1){

      float: right !important;

}



.hd1 .cmd9 .sr{

  right: -1% !important;

}





  #s4 .tab-content .slick-active{

               width: 254px !important;

}

/*#s8 .tin1 .tit1{

      height: 4rem !important;

}

*/



#s4 .tab-content .slick-current{

      width: 434px !important;

}

.pro-content .slick-slide .hinh1{

      zoom: .4 !important;

}

.pro-content .slick-current .hinh1{

  zoom: unset !important;

}

.btncd{

      bottom: -56px !important;

}

#s1 .s11 img{

          zoom: .52 !important;

}

.hd1 .cmd9:before{

      left: 18.6% !important;

}

.hd1 .cmd9 > div:nth-child(1) p{

  font-size: 11px !important;

}

.s22 .cmd12 > .cmd6:nth-child(2) > p{

      margin-left: -12rem !important;

}

.s22 .hinh8{

      right: 3% !important;

      top: -26% !important;

}

.pro-tab li, .active-pro{

      width: 38% !important;

}

}



#s4 .tab-content .slick-current img{

  zoom: unset;

      animation: move 3s infinite;

    animation-delay: 0s;

        

}

#s4 .title{

      margin-bottom: 10px;

}

.tab-show{

      opacity: 1 !important;

    visibility: visible;

    -webkit-animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInUp;

    animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInUp;

}

.pro-content{

      width: 100%;

    position: relative;

    height: 21rem;

}

.hd1 .cmd9 .sr{

          position: absolute;

    right: 16%;

    top: 51%;

    background: #2d6bdb;

    border: none;

    padding: 13px 19px;

    border-radius: 23px;

        -webkit-box-shadow: -8px 0px 0px -1px rgba(0, 34, 72, 0.1);

    -moz-box-shadow: -8px 0px 0px -1px rgba(0, 34, 72, 0.1);

        box-shadow: -8px 0px 0px -1px rgba(0, 34, 72, 0.1);

}



.hd1:after{

     content: "";

    position: absolute;

    display: inline-block;

    top: 0;

    bottom: 0;

    right: 0;

    width: 62%;

    height: 33%;

    z-index: -1;

    background-image: linear-gradient(to right, #0997e5, #3561d9);

}

ul, li, ol, dl, dt, dd{

      list-style: none;

}

.hd1 .cmd9 > div:nth-child(1) > p:nth-child(1){

      margin-right: 60px;

}

.hd1 .cmd9 > div:nth-child(1) p:nth-child(2):after{

content: "";

    position: absolute;

    border-left: solid 1px;

    height: 66%;

    right: 130%;

}

.navbar-default .navbar-brand {

  color: #222; }



.navbar-default .navbar-brand:hover,

.navbar-default .navbar-brand:focus {

  color: #222;

  background-color: transparent; }



.navbar-default .navbar-text {

  color: #777777; }



.navbar-default .navbar-nav > li > a {

  text-transform: capitalize;

  font-size: 14px;

  font-weight: 600;

  line-height: 24px;

  position: relative;

  text-transform: uppercase;

     font-family: ro-b;}

 



.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus {

  color: #d8d8d8;

  background: transparent; }

  .navbar-default .navbar-nav > li > a:hover:after,

  .navbar-default .navbar-nav > li > a:focus:after {

    width: calc(100% - 40px);

    transition: all 1s; }



/*.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:hover,

.navbar-default .navbar-nav > .active > a:focus {

  color: #d8d8d8; }*/



.navbar-default .navbar-nav > .disabled > a,

.navbar-default .navbar-nav > .disabled > a:hover,

.navbar-default .navbar-nav > .disabled > a:focus {

  color: #cccccc;

  background-color: transparent; }



.navbar-default .navbar-toggle {

  border-color: #dddddd; }



.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

  background-color: #dddddd; }



.navbar-default .navbar-toggle .icon-bar {

  background-color: #888888; }



.navbar-default .navbar-collapse,

.navbar-default .navbar-form {

  border-color: #e7e7e7; }



.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:hover,

.navbar-default .navbar-nav > .open > a:focus {

  background-color: #e7e7e7;

  color: #555555; }



.caret {

  display: inline-block;

  width: 0;

  height: 0;

  margin-left: 2px;

  vertical-align: middle;

  border-top: 4px dashed;

  border-top: 4px solid \9;

  border-right: 4px solid transparent;

  border-left: 4px solid transparent; }



.collapse {

  display: none; }



.navbar-default .navbar-toggle {

  border-color: #ddd; }



.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

  background-color: #ddd; }



.sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0; }



.navbar-toggle .icon-bar {

  display: block;

  width: 22px;

  height: 2px;

  border-radius: 1px; }



.collapse.in {

  display: block; }



.dropdown li ul {

  left: 100%;

  top: 0; }

.hd1 .cmd9  > div:nth-child(1){

  float: right;

}

.navbar-nav > li.menu-item-has-children:hover > .navbar-nav > li.menu-item-has-children:before{

  display: none;

}





#hd .logo {

  margin: 22px auto;

  display: block;

  width: max-content; }

#hd .he2 {

  background-image: linear-gradient(to right, #25b47e, #2267a7); }



.navbar-nav > li.menu-item-has-children {

  position: relative;







}

.navbar-nav > li.menu-item-has-children:before{

   content: "";

    position: absolute;

    right: -5px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 15px;

    width: 12px;

    height: 7px;

    background: url(a/i/ar4.png) 0 0 no-repeat;

}

.navbar-nav > li.menu-item:hover > a {

     background-image: linear-gradient(to right, #0997e5, #3561d9);

    border-radius: 25px;

    color: #fff;

        box-shadow: 0 9px 9px 1px rgba(0, 111, 215, 0.4);

            -webkit-box-shadow: 0 9px 9px 1px rgba(0, 111, 215, 0.4)

    -moz-box-shadow: 0 9px 9px 1px rgba(0, 111, 215, 0.4);

}

.dkm_nut{

            width: max-content;

    position: fixed;

    right: 10px;

    top: 40%;

    z-index: 999;

    background: url(a/i/bgg.png) top center no-repeat;

    background-size: cover;

    padding: 10px 26px 10px 19px;

    height: 21rem;

}

 .dkm_nut  p{

font-size: 14px;

    font-family: 'op';

    color: #a37f2b;

    text-transform: uppercase;

    text-align: center;

    position: absolute;

    top: 30%;

    width: 116px;

    right: 114%;

    transition: all 0.3s;

    background: url(a/i/bgb.png) center no-repeat;

    background-size: contain;

    height: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

        opacity: 0;

    visibility: hidden;

 }

.dkm_nut > a:nth-child(1):hover > p{

opacity: 1;

visibility: inherit;

 transition: all 0.3s;

}

.dkm_nut > a:nth-child(2):hover > p{

opacity: 1;

visibility: inherit;

 transition: all 0.3s;

}

.dkm_nut > a:nth-child(3):hover > p{

opacity: 1;

visibility: inherit;

 transition: all 0.3s;

}

.dkm_nut > a:nth-child(4):hover > p{

opacity: 1;

visibility: inherit;

 transition: all 0.3s;

}

.dkm_nut a{

    width: 68px;

    display: block;

    background: url(a/i/bgg1.png) center no-repeat;

    height: 68px;

    position: relative;

    background-size: cover;



}





.dkm_nut a:hover > img{

       -webkit-animation: fp-circle-img-anim 1s infinite ease-in-out;

    -moz-animation: fp-circle-img-anim 1s infinite ease-in-out;

    -ms-animation: fp-circle-img-anim 1s infinite ease-in-out;

    -o-animation: fp-circle-img-anim 1s infinite ease-in-out;

    animation: fp-circle-img-anim 1s infinite ease-in-out;

    left: 31%;

}

.dkm_nut > a:first-child:hover > img{

      left: 29%;

}

 .dkm_nut a img{

        position: absolute;

    left: 56%;

    transform: translateX(-50%);

    top: 23%;

 }

  .navbar-nav > li.menu-item-has-children:hover > ul {

    position: absolute;

    display: inline-block;

    top: 89%;

    left: 0;

    min-width: 200px;

    padding: 10px 0;

border-radius: 0 0 15px 15px;



    box-shadow: 0 9px 9px 1px rgba(0, 111, 215, 0.4);

            -webkit-box-shadow: 0 9px 9px 1px rgba(0, 111, 215, 0.4)

    -moz-box-shadow: 0 9px 9px 1px rgba(0, 111, 215, 0.4);

     }







  .navbar-nav > li.menu-item-has-children > ul {

    background-image: linear-gradient(to right, #0997e5, #3561d9);

    padding: unset !important;

  }

    .navbar-nav > li.menu-item-has-children > ul a {

      color: #fff;

      padding: 10px 10px 10px 25px;

      position: relative;

      font-size: 16px;

      font-weight: 500; }

      .navbar-nav > li.menu-item-has-children > ul a:before {

          content: "";

    display: inline-block;

    top: 50%;

    position: absolute;

    left: 10px;

    background: url(a/i/mui-ten.png) center no-repeat;

    width: 9px;

    height: 10px;

    top: 15px;



      }

      .navbar-nav > li.menu-item-has-children > ul a:hover {

        background: transparent;

        color: #00ccff; }

    .navbar-nav > li.menu-item-has-children > ul li {

      transition: all 1s;

border-bottom: solid 1px #35d2ff;

       }

      .navbar-nav > li.menu-item-has-children > ul li:hover {

     

        transition: all 1s; }

        .navbar-nav > li.menu-item-has-children > ul li:hover > a {

          background: transparent;

          color: #fff; 



        }

        .navbar-nav > li.menu-item-has-children > ul li:hover > ul {

          position: absolute;

          top: 0;

          right: 0;

          display: inline-block; }

    .navbar-nav > li.menu-item-has-children > ul ul {

     background: #2149b7;

      padding: 0; 

min-width: 250px;

border-radius: 0 0 15px 15px;

   box-shadow: 0 9px 9px 1px rgba(0, 111, 215, 0.4);

            -webkit-box-shadow: 0 9px 9px 1px rgba(0, 111, 215, 0.4)

    -moz-box-shadow: 0 9px 9px 1px rgba(0, 111, 215, 0.4);



    }

        .navbar-nav > li.menu-item-has-children > ul ul a:before{

          content: "";

    display: inline-block;

    top: 50%;

    margin-top: -5px;

    border-left: 4px solid #fff;

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

    position: absolute;

    left: 15px;

    background: unset;

        }

        .navbar-nav > li.menu-item-has-children > ul li:hover{

             background: #2149b7;

        }

        .navbar-nav > li.menu-item-has-children > ul li:last-child{

          border: unset;

        }

      .navbar-nav > li.menu-item-has-children > ul ul a {

        color: #fff; }



#bn .search-form {

  margin: 24px 0;

  position: relative; 

    padding-bottom: 10px;

}



  #hd .search-form button {

    width: 50px;

    height: 50px;

    border: none;

    display: inline-block;

    position: absolute;

    top: 1px;

    right: 1px;

    background: transparent;

    border-radius: 50%;

    cursor: pointer; }





#bn .d_contact {

  position: relative;

  display: flex;

  flex-wrap: wrap;

  top: -54px;

  padding: 30px;

 border-radius: 62px;

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

  background: #fff;





   }

  #bn .d_contact input {

    height: 52px;

     border: 1px solid #0997e5;

    border-radius: 30px;

    background: #fff;

    padding: 0 20px;

    line-height: 50px;

    width: 35.7%;

    margin-right: 1.8%; 



  }

  #bn .d_contact .d-send {

display: inline-block;

    width: 23%;

    padding: 0;

    margin: 0;

    border: none;

    height: 52px;

    border-radius: 30px;

     background-image: linear-gradient(to right, #098ce5, #2170e5);

     box-shadow: 0 9px 9px 1px rgba(0, 111, 215, 0.4);

            -webkit-box-shadow: 0 9px 9px 1px rgba(0, 111, 215, 0.4)

    -moz-box-shadow: 0 9px 9px 1px rgba(0, 111, 215, 0.4);



    font-family: 'op';

    color: #fff;

    font-size: 16px;

    text-transform: uppercase;

    position: relative;

    padding-right: 29px;



    }

#bn .d_contact .d-send img{

  position: absolute;

      right: 6px;

    top: 6px;

    zoom: .88;

        transition: all 0.25s;

    -moz-transition: all 0.25s;

    -webkit-transition: all 0.25s;

}

#bn .d_contact .d-send:hover .imgh, #s1 a:hover .img6{

    transform: rotate(90deg);

        transition: all 0.25s;

    -moz-transition: all 0.25s;

    -webkit-transition: all 0.25s;

}

@media (max-width: 640px) {

  .tab-content .slick-current > div:nth-child(1) .hinh6{

        top: 22%;

  }

  #slbs-bot .slick-track{

        padding: 0 0 30px 0;

  }

  #s6{

                margin-top: -53px;

           padding: 98px 0 35px 0;

   

  }

  #kh .item > div:before{

    left: 3%;

    top: 48%;

  }

  #s6 p{

    margin-bottom: 16px;

  }

  #kh .item img{

    float: unset !important;

    display: block;

        margin: auto;

  }

  #kh .slick-dots{

        bottom: 25px;

        top: unset;

        left:unset;

        transform: unset;

  }

  #s9 p br{

    display: none;

  }

 

  #s9 .d_contact .hinh1{

        zoom: .6 !important;

  }

  .xep{

   position: unset !important;

   margin-top: 100px;

  }

  .btnd img{

        left: 29% !important;

  }

  #s9 .d_contact{

    width: 100% !important;

  }

  #s9{

       padding: 25px 0 80px !important;

  }

  #s8{

        margin-top: -46px;

                padding: 0 0 20px 0;

  }

  #kh .item > div{

        padding: 20px;

            border-radius: 10px;

            margin: 25px auto 33px;

  }

  #kh .item p{

        padding-top: 0.5rem;

    padding-bottom: 0.2rem;

            margin-bottom: 0;

  }

  #s6 p, #s6 h3{

     text-align: center !important;

  }

 }



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

  #menu-nav-mb2.active,#ud1.active{

            display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: flex;

        -webkit-box-shadow: 0px 2px 3px -1px #8f8f8f;

        box-shadow: 0px 2px 3px -1px #8f8f8f;

  }

  #ud1.active{

    top: 5.66%;

    align-items: center;

    font-size: 14px;

    animation: unset;

  }

    #ud1.active p{

      animation: pulse 1600ms infinite linear;

    -webkit-animation: pulse 1600ms infinite linear;

    -moz-animation: pulse 1600ms infinite linear;

    font-size: 14px;

    color: red;

    }



 }

.thum {

  position: relative;

  overflow: hidden;

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  align-items: flex-start;

  width: 100%; }

  .thum img {

    -o-object-fit: cover;

    object-fit: cover;

    object-position: 50% 50%;

    -o-object-position: 50% 50%;

    width: 100%;

    height: 100%; 

    border-radius: 10px;

  }



.title {

     position: relative;

    z-index: 1;

       margin: 6px 0 35px;

    font-size: 40px;

    font-family: mbx;

    font-weight: normal;

    color: #272e4a;

    text-transform: uppercase;

    line-height: 50px;

    text-align: center;





   }

   .itbs p{

    position: relative;

        padding-left: 10px;

            margin: 8px 0;

                font-size: 14px;

                    font-family: 'opr';

   }

   .itbs p:before{

  content: "";

    position: absolute;

    display: inline-block;

    background: url(a/i/star.png) center no-repeat;

    width: 12px;

    height: 12px;

    left: -12px;

    top: 21%;

   }

 #slbs-bot .slick-prev,.tab-content .slick-prev,#s8 .s12 .slick-prev, #slbs-bot1 .slick-prev {

    background: url(a/i/ar3.png) center no-repeat;

    width: 64px;

    height: 66px;

    transition: all 0.3s;

        left: -61px;

   }

   #slbs-bot .slick-next,.tab-content .slick-next,#s8 .s12 .slick-next,#slbs-bot1 .slick-next{

        background: url(a/i/ar5.png) center no-repeat;

      width: 64px;

    height: 66px;

    transition: all 0.3s;

        right: -74px;

   }

   .slick-prev:before,.slick-next:before{

    display: none;

   }

   #s2 .t1{

        font-size: 25px;

    color: #000000;

    text-align: center;

    margin: 20px 0 30px;

    display: block;

      font-family: msm;



   }

   #slbs-bot .slick-track,   #slbs-bot1 .slick-track{

    padding: 0 0 50px 0;

   }

   #s2 .ctn > p:nth-child(1),.bot-a2> p:nth-child(1),#s8 .ctn > p:nth-child(1){

        color: #b28305;

    text-align: center;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 20px;

    font-family: 'mb';

   }

   #s2 img,#slbs-bot .itbs img,#slbs-bot1 .itbs img{

    display: block;

    margin: auto;

   }

   #slbs-bot .itbs,  #slbs-bot1 .itbs{

    background: url(a/i/bgbs.png) #fff top center no-repeat;

        height: 39rem;

        position: relative;

   }



   #s2{

        background: url(a/i/bg.png) top center no-repeat;

    padding: 60px 0 126px 0;

        margin: 30px 0 0 0;

   }

 #csm1 > div > div > img{

  display: block;

  margin: auto;

 }

  #csm1 .item a{

      position: relative;

    display: inline-block;

        vertical-align: middle;

            transition: all 0.4s;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    border-radius: 31px;

    display: flex

;

    justify-content: center;

   

  }

    #csm1 .item a p{

         border-radius: 37px;

    font-family: 'op';

    font-style: italic;

   background-image: linear-gradient(to right, #098ce5, #2170e5);

    padding: 8px 20px;

    color: #fff;

    bottom: 13%;

    position: absolute;

    }

  #csm1  img:hover{

    transform: scale(1.2);

  transition: 3s;

  

  }

  #csm1  img:hover a{

     border: solid;

  }

    #csm1  img{

          transition: all 0.4s;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    }

     #csm1 > .cmd6:nth-child(2) > .item{

          margin-left: -0.8rem;

     }

     

 #csm1 > .cmd3:nth-child(1) > .item  {

         padding-top: 9rem;

    margin-left: 2rem;

    zoom: .9;

 }

  #csm1 > .cmd3:nth-child(3) .item   {

       padding-top: 6rem;

    /* margin-right: 4rem; */

    margin-left: -1rem;

    zoom: .9;

  }

   #csm1 > div:nth-child(4) > .cmd4:nth-child(1)  .item   {

        margin-left: 2rem;

   }

     #csm1 > div:nth-child(4) > .cmd4:nth-child(3)  .item  {

          margin-left: -6rem;

     }

       #csm1 > div:nth-child(5)   .item   {

     margin-top: -8rem;

    margin-left: 7rem;

       }

          #csm1 > div:nth-child(6)  .item  {

                margin-top: -9rem;

                margin-left: -0.8rem;

          }

          #csm1 > div:nth-child(7)  .item  {

               margin-left: -6rem;

          }

   #s3 .ctn{

    position: relative;

   }

  

   .btncd a{

       background: url(a/i/nut-bs.png) center no-repeat;

    width: 154px;

    display: block;

    height: 69px;

    font-size: 16px;

    color: #fff !important;

    position: relative;

    transition: all 0.4s;

    margin: 0px 6px;

 padding: 19px 7px 8px 63px;

    font-family: 'op';



}

#s8 .tin1{

    padding: 10px 10px 20px 10px;

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

    -moz-box-shadow: -2px 0px 15px -5px rgba(0, 0, 0, 0.75);

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

    border-radius: 15px;

    background: #fff;

        height: 495px;

}

#s8 .tin1 .thum img{

  height: 233px;

}

#s8 .tin1  p{

    margin: 6px 0 8px;

    padding: 0 0 0 20px;

}

#s8 .tin1  p{

    font-family: 'opr';

}

#s8 .tin1 .tit1{

  font-family: 'op';

    padding: 0 0 0 20px;

    margin: 6px 0 0;

    color: #000;

}

#s8 .s12 .slick-track{

padding: 10px 0px 30px;

}

#s8{

  background: #e1e9fa;

  position: relative;

}

#s8:after{

 content: "";

    position: absolute;

    background: url(a/i/bf1.png);

    width: 100%;

    height: 74px;

 

    left: 0;

   

}

.popupt6{

  display: none;

}

.xem{

color: #0997e5;

    position: relative;



      padding-left: 27px;

}

.xem:before{

  content: "";

    position: absolute;

    display: inline-block;

    background: url(a/i/ic9.png) center no-repeat;

    width: 17px;

    height: 22px;

    left: 0;

    top: -7%;



}

#s8 .nd > a:nth-child(3){

  color: #0997e5;

    position: relative;

    padding-left: 40px;



}

#s8 .nd > a:nth-child(3):before{

  content: "";

    position: absolute;

    display: inline-block;

    background: url(a/i/ic9.png) center no-repeat;

    width: 17px;

    height: 22px;

    left: 13%;

    top: -7%;

}

#s9{

  padding: 109px 0 0;

}

.xep{

  position: absolute;

       left: 8%;

    top: -101px;

}

#s9 .title,#popup .title{

      margin-bottom: 10px;

          font-size: 30px;

}

#s9  p,#popup p{

      text-align: center;

    margin: 0 0 45px 0;

    font-family: 'opr';

}

#s9 .d_contact,#popup .d_contact{

              padding: 48px 50px 0 50px;

        height: 489px;

    margin: -30px 0 0 0;

    position: relative;

   background-image: linear-gradient(to right, #098ce5, #2170e5);

    border-radius: 10px;

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

    -moz-box-shadow: -2px 0px 15px -5px rgba(0, 0, 0, 0.75);

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



}

.form-sidebar .d_contact input, .form-sidebar .d_contact select{

      width: 100%;

    background: #fff;

    color: #282828;

    border-radius: 8px;

    font-size: 18px;

    border: 1px solid #eaeaea;

    box-shadow: inset 0px 1px 8px #00000014;

    outline: none;

    padding: 12px 10px;

    -webkit-transition: .18s ease-out;

    -moz-transition: .18s ease-out;

    -o-transition: .18s ease-out;

    transition: .18s ease-out;

    margin-bottom: 25px;

    height: 50px;



}

#sg{

  display: none;

}

.form-sidebar{

      margin-top: 4rem;

}

.form-sidebar .title{

  margin: 10px 0;

}

.form-sidebar p,.form-sidebar .title{

  text-align: center;

  color: #fff;



margin: 0 0 15px 0;

}

.form-sidebar .d_contact{

    padding: 15px 25px 65px 25px;

        

    margin: -30px 0 0 0;

    position: relative;

background-image: linear-gradient(to right, #0997e5, #3561d9);

    border-radius: 10px;

     box-shadow: 0 9px 9px 1px rgba(20, 92, 4, 0.38);

    -webkit-box-shadow: 0 9px 9px 1px rgba(20, 92, 4, 0.38);

    -moz-box-shadow: 0 9px 9px 1px rgba(20, 92, 4, 0.38);





}

#s9 .d_contact .hinh1,.form-sidebar .d_contact .hinh1{

     position: absolute;

    left: 25%;

    animation: move 3s infinite;

    animation-delay: 0s;

    zoom: .8;

    top: 82%;



}

#s9 .d_contact .hinh2,.form-sidebar .d_contact .hinh2{

      position: absolute;

    bottom: -5%;

        left: 6%;

            animation: move 4s infinite;

    animation-delay: 0s;

}

#s9 .d_contact .hinh3,.form-sidebar .d_contact .hinh3{



    position: absolute;

    bottom: -12%;

    left: 26%;

    animation: move 5s infinite;

    animation-delay: 0s;

}

#timed{

  display: flex;

}

#timed > div:first-child{

      margin-right: 5px;

}

.btnd{

    background: url(a/i/dk1.png) center no-repeat;

    color: #fff;

    font-size: 20px;

    margin-bottom: 25px;

    cursor: pointer;

    padding: 12px 13px 0 43px;

    border-radius: 4px;

    height: 60px;

    text-transform: uppercase;

    position: relative;

    align-items: center;

    transition: all 0.3s;

    animation: gradient 2s infinite;

    animation-fill-mode: forwards;

    animation-timing-function: linear;

    text-align: center;

    position: relative;

    display: block;

    margin-top: 1rem;

        font-size: 14px;

    font-family: "op";

}

.btnd img{

      right: 0;

    position: absolute;

         left: 32%;

}



#timed > div:last-child{

  margin-left: 5px;

}

#s9 .d_contact input,#popup .d_contact input{

      width: 100%;

    background: #fff;

    color: #282828;

    border-radius: 8px;

    font-size: 18px;

    border: 1px solid #eaeaea;

    box-shadow: inset 0px 1px 8px #00000014;

    outline: none;

       padding: 12px 10px;

    -webkit-transition: .18s ease-out;

    -moz-transition: .18s ease-out;

    -o-transition: .18s ease-out;

    transition: .18s ease-out;

    margin-bottom: 10px;

      height: 50px;

}

#popup .d_contact{

  padding: 21px 50px 0 50px;

}

.model{

  position: relative;

      margin: auto;

    padding: 16px;

        width: 39%;

    position: relative;

    border-radius: 13px;

}

.close{

  color: #aaa;

    position: absolute;

    font-weight: 700;

    cursor: pointer;

    width: 28px;

    height: 28px;

    right: -23px;

    top: -23px;

      background: url(a/i/close.png) #fff center no-repeat;

    cursor: pointer;

    border-radius: 23px;

}



#popup p{

  color: #fff;

    margin-bottom: 12px;

}

#popup .title{

  color: #fff;

}

#s9 .d_contact select,#popup .d_contact select {

    width: 100%;

    background: #fff;

    color: #282828;

    border-radius: 8px;

    font-size: 18px;

    border: 1px solid #eaeaea;

    box-shadow: inset 0px 1px 8px #00000014;

    outline: none;

       padding: 12px 10px;

    -webkit-transition: .18s ease-out;

    -moz-transition: .18s ease-out;

    -o-transition: .18s ease-out;

    transition: .18s ease-out;

    margin-bottom: 10px;

      height: 50px;

}

#s3 .title{

  display: none;

}

#s3 .title1{

         position: absolute;

    left: 46.5%;

    transform: translateX(-50%);

    top: 38%;

    z-index: 1;

    margin: 6px 0 35px;

    font-size: 40px;

    font-family: mbx;

    font-weight: normal;

    color: #272e4a;

    text-transform: uppercase;

    line-height: 50px;

    text-align: center;



}

#s3{

   

     position: relative;

         margin-bottom: 10rem;

}

#s3 .hinh2{

      position: absolute;

    top: 32%;

    left: -9%;

    animation: move 3s infinite;

    animation-delay: 0s;

}

#s3 .hinh4{

          position: absolute;

    top: 19%;

    right: -11%;

    zoom: .6;

    animation: move 4s infinite;

    animation-delay: 0s;

}

#s3 .hinh3{

 position: absolute;

    top: 11%;

    left: -17%;

    zoom: .6;

    animation: move 5s infinite;

    animation-delay: 0s;

}



#s3:before{

       content: "";

    position: absolute;

    display: inline-block;

    background: url(a/i/shadow-cong.png) center no-repeat;

    width: 100%;

    height: 64px;

    /* top: -273%; */

    top: -9%;

}



#s3:after{

    content: "";

    position: absolute;

    display: inline-block;

    background: url(a/i/shadow-cong-2.png) center no-repeat;

    width: 100%;

    height: 64px;

     

}



.btncd a:before{

  content: "";

  position: absolute;

  display: inline-block;

}

   .btncd a:nth-child(1):before{

         background: url(a/i/tv.png) center no-repeat;

    width: 24px;

    height: 19px;

    left: 19px;



        -webkit-animation: fp-circle-img-anim 1s infinite ease-in-out;

    -moz-animation: fp-circle-img-anim 1s infinite ease-in-out;

    -ms-animation: fp-circle-img-anim 1s infinite ease-in-out;

    -o-animation: fp-circle-img-anim 1s infinite ease-in-out;

    animation: fp-circle-img-anim 1s infinite ease-in-out;

}





  .btncd a:nth-child(2):before{

           background: url(a/i/dh.png) center no-repeat;

       width: 20px;

    height: 21px;

    left: 20px;

    top: 17px;

    -webkit-animation: fp-circle-img-anim 1s infinite ease-in-out;

    -moz-animation: fp-circle-img-anim 1s infinite ease-in-out;

    -ms-animation: fp-circle-img-anim 1s infinite ease-in-out;

    -o-animation: fp-circle-img-anim 1s infinite ease-in-out;

    animation: fp-circle-img-anim 1s infinite ease-in-out;

}  

   .itbs > div:nth-child(3){

        padding: 0 16px;

   }

   .slick-dots li{

        position: relative;

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 0 5px;

    padding: 0;

    cursor: pointer;

   }

   .slick-dots li.slick-active button:before{

        zoom: 1.2;

    opacity: 1;

    background: #098ce5 !important;

   }

   .slick-dots li button:before{

        content: "";

    width: 10px;

    height: 10px;

    background: #b1b9cb;

    opacity: .5;

    top: 50%;

    left: 50%;

     border-radius: 20%;

    margin: -5px 0 0 -5px;

   }

   .btncd{

    display: flex;

        margin-top: 2rem;

        position: absolute;

    bottom: -38px;

    left: 50%;

    transform: translateX(-50%);

   }

   .itbs span{



    display: block;

    text-align: center;

    font-size: 14px;

    color: #fff;

    text-transform: initial;

    font-weight: 700;

    font-family: mb;

    margin-bottom: 2.2px;



   }

   .itbs{

    background: #fff;

border-radius: 22px;

    padding: 30px 22px 20px 22px;

    -webkit-box-shadow: -2px 0px 15px -5px rgba(0, 0, 0, 0.20);

    -moz-box-shadow: -2px 0px 15px -5px rgba(0, 0, 0, 0.20);

    box-shadow: -2px 0px 15px -5px rgba(0, 0, 0, 0.20);

   }

   .itbs h3{

    color: #fff;

    text-transform: uppercase;

    text-align: center;

    margin-bottom: 10px;

    font-weight: 100;

    font-size: 18px;

       font-family: 'mbx';



   }

  .title .nho {

    font-size: 20px;

    font-family: ro-b;

    text-align: center;

    color: #25ab83;

    display: block; }



.tit_p {

  text-align: center; }



@keyframes move {

  0%, 100% {

    transform: translateY(0); }

  50% {

    transform: translateY(30px); } }

@keyframes move1 {

  0%, 100% {

    transform: translateY(0); }

  50% {

    transform: translateY(-20px); } }



@-webkit-keyframes pulse {

  from,to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); }

  50% {

    -webkit-transform: scale3d(1.12, 1.12, 1.12);

    transform: scale3d(1.12, 1.12, 1.12); } }

@keyframes pulse {

  from,to {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1); }

  50% {

    -webkit-transform: scale3d(1.12, 1.12, 1.12);

    transform: scale3d(1.12, 1.12, 1.12); } }



.s22 .hinh2{

        position: absolute;

    bottom: -1%;

    right: 5%;

    animation: move 4s infinite;

    animation-delay: 0s;



}



.s22 .cmd12 > .cmd6:nth-child(2) > p{

 padding-top: 13px;

    color: #fff;

    text-align: center;

    margin-left: -20rem;

    font-family: opr;

    margin-top: -1rem;



}

.s22 .cmd12 > .cmd6:nth-child(2) > p:nth-child(4){

    margin-left: 8rem;

    position: absolute;

    top: 135%;

    left: 16%;

}

.s22 .cmd12 > .cmd6:nth-child(2) > p b{

      display: block;

    font-size: 20px;

        margin-bottom: 11px;

            font-family: 'mb';

}

.s22 .hinh3{

     position: absolute;

    bottom: 12%;

    left: 75%;

    animation: move 6s infinite;

    animation-delay: 0s;

}

.s22 .hinh5{

       position: absolute;

    bottom: 7%;

    left: 39%;

    animation: move 5s infinite;

    animation-delay: 1s;

}

.s22 .hinh4{

position: absolute;

    top: -4%;

    left: 53%;

    animation: move 3s infinite;

    animation-delay: 0.5s;

}

.s22 .hinh7{

   

        position: absolute;

    right: 13%;

    /* padding-top: 9rem; */

    top: 106%;

    z-index: -1;

}

.s22 .hinh8{

        position: absolute;

    right: 19%;



    padding-top: 6rem;

  

    top: -12%;

}

.s22 .hinh6{

        position: absolute;

        left: -13%;

    z-index: -1;

    top: -33%;

  

}

.s22 .cmd12 > .cmd6:nth-child(2) > p:nth-child(3){

     position: absolute;

    right: 19%;

    top: 130%;

}

.s22 .hinh1{

position: relative;



}

#bn{

      position: relative;

    z-index: 2;

}

#s1 {

    margin-top: -112px;

    position: relative;

    z-index: -1;

        padding-top: 99px;

    padding-bottom: 81px;

    margin-bottom: 120px;

z-index: 1;

   }

      #s1 .xt2{

          display: block;

    margin: auto;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 92%;

    font-family: 'op';

    color: #fff;

    font-size: 16px;

 background-image: linear-gradient(to right, #098ce5, #2170e5);

    /* width: 17%; */

    padding: 15px 66px 15px 32px;

    border-radius: 34px;

   box-shadow: 0 9px 9px 1px rgba(0, 111, 215, 0.4);

            -webkit-box-shadow: 0 9px 9px 1px rgba(0, 111, 215, 0.4)

    -moz-box-shadow: 0 9px 9px 1px rgba(0, 111, 215, 0.4);





      }

   #s1:before{

         content: "";

    position: absolute;

    background: url(a/i/bf.png) top center no-repeat;

    width: 100%;

    left: 0;

    top: 0;

    height: 100%;

    background-size: cover;

   }

  #s1 .s11 .cmd3{

            width: calc(100% / 8);

  }

  #s1 .tit_p {

    padding: 0px 195px 30px; }

  #s1 .title {

    text-align: center; }

  #s1 .s11 img {

    display: block;

    margin: 0 auto;

    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));

 

     }

  #s1 .s11 h3 {

 text-align: center;

    font-size: 16px;

      font-family: op;



    font-weight: 700;

    padding: 10px 0 30px;

    /* text-transform: uppercase; */

    color: #0c437e;





     }

     .s11{

          padding: 20px 231px 0 231px;

     }

  #s1 .s12 {

    margin: 25px -15px 5px; }

    #s1 .s12 .t {

      padding: 15px; }

    #s1 .s12 .slick-dots {

      width: 40%;

      text-align: left;

      bottom: 50px;

      left: 61.5%; }

    #s1 .s12 .slick-dots li {

      width: 9px;

      height: 9px;

      margin: 0 5px;

      border: 1px solid #23769f;

      background: #23769f;

      border-radius: 50%; }

      #s1 .s12 .slick-dots li button {

        display: none; }

    #s1 .s12 .slick-dots li.slick-active {

      background: #fff; }



.dau {

  line-height: 35px; }

  .dau .title {

    width: max-content;

    max-width: 100%;

    display: inline-block;

    line-height: 35px; }

  .dau .xem {

    width: 100px;

    height: 24px;

    color: #fff;

    background-image: linear-gradient(to left, #25b47e, #2267a7);

    border-radius: 30px;

    display: inline-block;

    cursor: pointer;

    line-height: 24px;

    font-size: 12px;

    text-align: center;

    padding-left: 11px;

    position: relative;

    vertical-align: middle;

    margin: -17px 0 0 20px; }

    .dau .xem:before {

      content: "";

      display: inline-block;

      position: absolute;

      top: 50%;

      margin-top: -5px;

      border-left: 5px solid #fff;

      border-top: 5px solid transparent;

      border-bottom: 5px solid transparent;

      left: 15px; }







.tin2 .thum {

  height: 157px; }

.tin2 .tit1 {

  font-size: 18px;

  line-height: 1.3em;

  font-family: ro-m;

  color: #222;

  font-weight: normal;

  margin: 15px 0 10px;

  max-height: 2.6em;

  overflow: hidden; }

.tin2 p {

  line-height: 1.4em;

  max-height: 4.3em;

  overflow: hidden; }

.tin2 .cat {

  display: inline-block;

  line-height: 20px;

  padding: 0 15px;

  font-size: 12px;

  color: #fff;

  background: #25aa83;

  border-radius: 4px;

  margin-top: 15px; }



.tin3 {

  margin-bottom: 45px; }

  .tin3 .thum {

    height: 240px; }

  .tin3 .tit1 {

    font-size: 22px;

    line-height: 1.3em;

    font-family: ro-m;

    color: #222;

    font-weight: normal;

    margin: 15px 0 10px;

    max-height: 2.6em;

    overflow: hidden; }

  .tin3 p {

    line-height: 1.4em;

    max-height: 7em;

    overflow: hidden; }

  .tin3 .cat {

    display: inline-block;

    line-height: 20px;

    padding: 0 15px;

    font-size: 12px;

    color: #fff;

    background: #25aa83;

    border-radius: 4px;

    margin-top: 15px; }

#sbb{

      margin-top: 56px;

}

.tin4 {

  display: flex;

  flex-wrap: wrap;

  margin-bottom: 20px;



 -webkit-box-shadow: -2px 0px 15px -5px rgba(0, 0, 0, 0.20);

    -moz-box-shadow: -2px 0px 15px -5px rgba(0, 0, 0, 0.20);

    box-shadow: -2px 0px 15px -5px rgba(0, 0, 0, 0.20);

    border-radius: 10px;

    padding: 8px; }

    #listarc.itarc > div > div{

    -webkit-box-shadow: -2px 0px 15px -5px rgba(0, 0, 0, 0.20);

    -moz-box-shadow: -2px 0px 15px -5px rgba(0, 0, 0, 0.20);

    box-shadow: -2px 0px 15px -5px rgba(0, 0, 0, 0.20);

    padding: 0;

    margin-bottom: 40px;

    border-radius: 10px;

  }

  .itarc h3{

      

    text-align: left;

    margin: 13px 0;

    height: 2.5em;

    overflow: hidden;

        color: #000;

  }

  .itarc p{

    margin-bottom: 10px;

        color: #333333;

    height: 4.8em;

    overflow: hidden;

  }

   #listarc.itarc > div:nth-child(5){

    clear: both;

   }

  .itarc > div > div{

    border: 1px solid #e1e1e1;

    border-top: 0;

    border-radius: 0 0 10px 10px;

    margin-bottom: 30px;

    padding: 20px 30px;

    background: #ffff;

  }

  #listarc.itarc > div > div > div{



        padding: 20px 28px 24px 28px;

  }

  .itarc img{

        height: 240px;

    width: 100%;

    border-radius: 10px 10px 0 0;

    border-top: 1px solid #e1e1e1;

    border-right: 1px solid #e1e1e1;

    border-left: 1px solid #e1e1e1;

  }

  .tin4 .thum {

    width: 42%;

    height: 99px; }

  .tin4 .tit1 {

    width: 58%;

    display: flex;

    padding-left: 20px;

    font-size: 16px;

/*    line-height: 1.3em;*/

    font-family: ro-m;

    color: #222;

    font-weight: normal;

    align-items: center; }



.tin6 {

  display: flex;

  flex-wrap: wrap;

  margin-bottom: 20px; }

  .tin6 .thum {

    width: 42%;

    height: 130px; }

  .tin6 .nd {

    width: 58%;

    display: flex;

    flex-wrap: wrap;

    padding-left: 20px;

    align-items: center; }

  .tin6 .tit1 {

    font-size: 18px;

    line-height: 1.3em;

    font-family: ro-m;

    color: #222;

    font-weight: normal;

    max-height: 5.2em;

    overflow: hidden; }

  .tin6 .cat {

    display: inline-block;

    line-height: 20px;

    padding: 0 15px;

    font-size: 12px;

    color: #fff;

    background: #25aa83;

    border-radius: 4px; }



.tin5 {

  position: relative; }

  .tin5 .thum {

    height: 434px; }

  .tin5 .nd {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(0, 0, 0, 0.5); }

    .tin5 .nd p {

      text-align: center; }

    .tin5 .nd .cat {

      display: inline-block;

      line-height: 20px;

      padding: 0 15px;

      font-size: 12px;

      color: #fff;

      background: #25aa83;

      border-radius: 4px; }

    .tin5 .nd .tit1 {

      font-size: 26px;

      line-height: 1.3em;

      font-family: ro-m;

      color: #fff;

      font-weight: normal;

      padding: 0 50px;

      margin: 20px 0px 0;

      overflow: hidden;

      text-align: center; }



#s3 .s33 p {

  margin-bottom: 10px; }



#s4 .s42 .tin6:last-child {

  margin-bottom: 0; }

#s4 .s43 {

  margin: 30px 0; }

  #s4 .s43 .tin2 .thum {

    height: 240px; }

  #s4 .s43 .tin2 .tit1 {

    font-size: 22px; }

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

   

    #s1:before{

          background-size: contain;

    }

    #s1 .s11 img{

          zoom: .7;

    }

    #s1 .s11 h3{

          font-size: 15px;

    }

    #s1{

          padding-top: 71px;

    }

    #s1 a{

      top: 79%;

    }

    .hd1:after{

          width: 65% !important;

    }

}

@media (max-width: 640px) {

  #bn .d_contact {

   display: none;

  }

    #bn .d_contact input {

      width: 100%;

      margin: 0 0 10px; }

    #bn .d_contact .d-send {

           width: 69%;

      display: block;

      margin: 0 auto; 



    }

.tab-content .slick-prev{

  left: 129px;

   

    top: 142%;

}

.tab-content .slick-next{

right: 108px;

   

    top: 142%;

}



.tab-content .slick-current > div:nth-child(1) .hinh5{

      top: 52%;

}

.tab-content .slick-current > div:nth-child(1) .hinh4{

  top: 44%;

}

.tab-content .itemkh .na{

        top: 51%;

        width: 100%;

        padding: unset;

}

#s4 .xt1{

   

          display: none;

}

#s5 .item{

               width: 50%;

        zoom: .7;



        idth: 50%;

        float: left;

}



#s5 .item{

  margin-top: unset;

  margin-bottom: 23px;

}



#s5 .item .hinh7{

  left: 50%;

  transform: translateX(-50%);

}

#s5 .item p:before{

              top: -10%;

              font-size: 20px;

}

#s5 .ctn > .item:last-child p br{

display: none;

}



#s6 .ctn > .cmd6:nth-child(1) > div 

{

 padding: 0 0 0 0 !important;

}



  .title {

    font-size: 22px;

    margin: 10px 0 15px;

    line-height: 1.3em; }

    .title .nho {

      font-size: 16px; }



.btncd a{

  margin: 0px 2px;

}



  #s1 .tit_p {

    padding: 0 0 20px; }



  #s1 .s12 {

    margin: 0 -15px 5px; }





  .dau .xem {

    display: none; }



  .tin2 {

    margin-bottom: 20px; }

    .tin2 .cat {

      display: none; }

    .tin2 .thum {

      height: 220px; }

    .tin2 .tit1 {

      margin: 10px 0 5px;

      max-height: 2.6em;

      overflow: hidden; }



  .tin3 {

    margin-bottom: 20px; }

    .tin3 .cat {

      display: none; }

    .tin3 p {

      display: none; }

    .tin3 .tit1 {

      margin: 10px 0 0px; }



  .tin5 {

    margin-bottom: 20px; }



  #s4 .s43 {

    margin: 20px -15px 0; } }





#f1 {

  background: url(a/i/fb.png) no-repeat center top;

  padding-top: 300px;

  color: #fff;

  margin-top: 40px; 





}

  #f1 .f11 {

    padding-right: 0; }

    #f1 .f11 ul li{

     margin: 10px 0;

    position: relative;

    padding-left: 31px;

    }

     #f1 .f11 ul li:before{

         content: "";

    position: absolute;

    display: inline-block;

    background: url(a/i/icon.png) center no-repeat;

    width: 22px;

    height: 22px;

    left: 0;

    background-position: 0 0px;

     }

      #f1 .f11 ul > li:nth-child(2):before{

  background-position: 0 -30px;

   

     }

         #f1 .f11 ul > li:nth-child(3):before{

  background-position: 0 -60px;   

     }

    #f1 .f11 .logo {

      display: block;

      width: max-content;

      margin: 0 0 40px; }

  #f1 .gi_chu {

    font-size: 15px; }

  #f1 .tit_f {

    font-size: 22px;

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 26px;

    color: #fff;

    font-weight: normal;

    font-family: ro-b; }

#f1 .f12 p{

  position: relative;

  padding-left: 20px;

}

#f1 .f12 p:before{

content: "";

    position: absolute;

    background: url(a/i/icc.png) center no-repeat;

    width: 6px;

    height: 11px;

    left: 0;

    top: 7px;

}



    #f1 .tit_f:before {

      width: 45px;

      height: 2px;

      content: "";

      display: inline-block;

      position: absolute;

      bottom: 0;

      left: 0;

      background: url(a/i/i-t-f.png) no-repeat center; }

  #f1 .f12 {

    padding-left: 90px; }

  #f1 .d_contact input {

    height: 52px;

    border: 1px solid #bcbcbc;

    border-radius: 30px;

    background: #fff;

    padding: 0 20px;

    line-height: 50px;

    width: 100%;

    margin-bottom: 10px; }

  #f1 .d_contact button {

    padding: 0;

    margin: 0;

    border: none;

    height: 52px;

    width: max-content;

    background: transparent;

    border-radius: 26px;

    cursor: pointer; }

  #f1 .tg_lv {

    font-size: 22px;

    font-family: ro-b;

    padding: 15px 0 43px; }

    #f1 .tg_lv span {

      display: block;

      font-size: 16px;

      font-family: ro; }

#f2 p:first-child{

      margin-right: 32px;

}

#call{

  display: none;

}

#f2 {

    background: #074ab7;

  height: 59px;

  display: flex;

  justify-content: center;

  align-items: center;

   }

  #f2 p {

    color: #fff; }



#call {

  width: 207px;

  height: 45px;

  position: fixed;

  right: 0;

  bottom: 90px;

  background: #003c7a;

  color: #fff;

  z-index: 99; }

  #call p {

    line-height: 45px; }

  #call a {

    display: block;

    text-align: center;

    position: relative;

    font-family: 'Open Sans';

    text-transform: uppercase;

    font-weight: 600;

    font-size: 14px;

    padding-left: 40px;

    animation: tada linear 1.5s infinite;

    transform-origin: 50% 50%;

    -webkit-animation: tada linear 1.5s infinite;

    -webkit-transform-origin: 50% 50%;

    -moz-animation: tada linear 1.5s infinite;

    -moz-transform-origin: 50% 50%;

    -o-animation: tada linear 1.5s infinite;

    -o-transform-origin: 50% 50%; }

    #call a:before {

      width: 30px;

      height: 30px;

      content: "";

      display: inline-block;

      position: absolute;

      top: 50%;

      margin-top: -15px;

      left: 50%;

      margin-left: -60px;

      background: url(a/i/chat.png) no-repeat center;

      background-size: 100%; }



@keyframes tada {

  0% {

    transform: rotate(0deg) scaleX(1) scaleY(1); }

  10% {

    transform: rotate(0deg) scaleX(0.8) scaleY(0.8); }

  20% {

    transform: rotate(0deg) scaleX(0.8) scaleY(0.8); }

  30% {

    transform: rotate(0deg) scaleX(1.2) scaleY(1.2); }

  40% {

    transform: rotate(0deg) scaleX(1.2) scaleY(1.2); }

  50% {

    transform: rotate(0deg) scaleX(1.2) scaleY(1.2); }

  60% {

    transform: rotate(0deg) scaleX(1.2) scaleY(1.2); }

  70% {

    transform: rotate(0deg) scaleX(1.2) scaleY(1.2); }

  80% {

    transform: rotate(0deg) scaleX(1.2) scaleY(1.2); }

  90% {

    transform: rotate(0deg) scaleX(1.2) scaleY(1.2); }

  100% {

    transform: rotate(0deg) scaleX(1.2) scaleY(1.2); } }

@media (max-width: 640px) {

  #f1 {

    padding-top: 30px;

               background-image: linear-gradient(to right, #23b0a3, #4494bd);

               padding-bottom: 25px;

               margin-top: 0;



      }

      #th{

        padding-top: 15px;

      }

  #f1 .tg_lv {

    padding-bottom: 20px; }



  #f1 .f12 {

    padding: 0 15px 20px; }



  #f1 .tit_f {

          padding-bottom: 11px;

        margin-bottom: 1px;

        text-transform: uppercase;

        padding-left: 15px;

        margin-top: 15px;



  }

    #f1 .tit_f:before{

      display: none;

    }

  #f1 .d_contact button {

    margin: 0 auto 30px;

    display: block; }



  #f2 {

            padding: 10px 10px 163px 0;

    display: none;





  }

    #f2 p {

      text-align: center; 

        font-size: 14px;

    }

#f2 p:first-child{

  margin-right: unset !important;

}

  #f1 .f11 .logo {

    margin: 0 auto 20px; }



  #call {

    bottom: 0; }



  #sl {

    padding: 0; } }



#sbb ul{

  display: none;

}

/*.nk-sb.sidebar-benh > ul{

  display: block !important;

}*/

.activemenu > ul {

    display:block!important

}

.archive #bn .d_contact,.single-post #bn .d_contact{

  display: none;

}

#breadcrumbs {

  color: #898989;

  font-size: 12px;

  text-transform: uppercase;

  padding-bottom: 10px; }

  #breadcrumbs .breadcrumb_last {

    display: none; }

.sidebar-benh h3{

    padding: 10px 0 10px 22px;

    text-transform: uppercase;

    font-size: 16px;

    cursor: pointer;

    border-bottom: 1px solid #fff;

    color: #ffff;

    font-weight: 100;

    position: relative;

background-image: linear-gradient(to right, #0997e5, #3561d9);

          font-family: 'op';

}



#bs-sb{

  padding-top: 2rem;

}

.sidebar-benh ul > li > p{

      padding: 11px 5px 11px 44px;

    color: #000;

    transition: all 0.2s;

    border-bottom: 1px solid #fff;

    cursor: pointer;

    position: relative;

        font-family: 'op';

    font-size: 14px;

}

.sidebar-benh ul > li > p > a:hover{

  color: #2ea7ab;

}

.sidebar-benh ul > li > p:before{

  content: "";

    width: 11px;

    height: 11px;

    background: url(a/i/ic23.png) center center no-repeat;

    position: absolute;

    -webkit-background-size: contain;

    background-size: contain;

    top: 50%;

    left: 20px;

    transform: translateY(-50%);

}

.sidebar-benh{

      margin-bottom: 15px;

    background: #f8fbfb;



}

.sidebar-benh h3:after{



  content: "";

    width: 11px;

    height: 7px;

    background: url(a/i/ar2.png) center center no-repeat;

    position: absolute;

    -webkit-background-size: contain;

    background-size: contain;

    filter: brightness(1111);

    top: 50%;

    right: 20px;

    transform: translateY(-50%);

}

.sideb .title {

  margin-top: 0;

  font-size: 26px; }

.sideb .sb1 {

  margin-bottom: 40px;

margin-top: 111px;

   }

.sideb .sb2 p {

  margin-bottom: 20px; }

  .sideb .sb2 p img {

    width: 100%; }

.an_anh{

      position: relative;

    margin: 15px 0;

}

.an_anh p{

  color: #fff !important;

      text-align: center !important;

}

.an_anh .xem1{

  display: block;

    text-align: center;

    font-style: normal;

    background: #fff;

    width: max-content;

    margin: 10px auto 0;

    padding: 5px 15px;

    cursor: pointer;

    border-radius: 5px;

    color: #222 !important;

}

.an_anh .che{

      position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    background: #666;

    opacity: 1;

    transition: all 0.5s;

}

#sl {

  padding: 0 0 55px; }

  #sl .title span {

    font-size: 28px; }

  #sl .slc .wp-caption {

    max-width: 100% !important; }

  #sl .slc .alignleft {

    display: inline;

    float: left;

    margin-right: 1.5em; }

  #sl .slc .alignright {

    display: inline;

    float: right;

    margin-left: 1.5em; }

  #sl .slc .aligncenter {

    clear: both;

    display: block;

   margin: 20px auto;



     }

  #sl .slc .wp-caption-text {

    font-size: 14px;

    font-style: italic;

    padding-top: 5px;

    text-align: center;

        margin: 15px 0 10px;

     }

  #sl .slc ul, #sl .slc ol {

    padding-left: 35px; }

    .qt .title{

      text-align: left;

    margin: 0 0 15px 0;

    }

    .qt .tin4{

      width: 46%;

         margin: 11px 15px 11px 0;

    }

    .qt > .tin4:nth-child(6){

      clear: both;

    }

    #sg textarea{

      width: 100%;

    background: #fff;

    border: 1px solid #d6e7f7;

    margin-bottom: 15px;

    font-size: 15px;

    padding: 15px;

    }

    #sg > div:nth-child(2){

      display: flex;

          margin-bottom: 20px;

    }

     #sg > div:nth-child(2) button{

        background-image: linear-gradient(to right, #0997e5, #3561d9);

    font-size: 14px;

    font-weight: 700;

    color: #fff;

    border: none;

    margin-left: 1rem;

    height: 3rem;

      }

    #sg input{

width: 50%;

    background: #fff;

    border: 1px solid #d6e7f7;

    margin-bottom: 15px;

    font-size: 15px;

    padding: 15px;

    }

    #sl .slc ul li, #sl .slc ol li {

      line-height: 1.5em;

      margin: 10px 0;

      font-weight: 400;

      position: relative;

          text-align: justify;

              color: #000;

       }

      #sl .slc ul li:before{

           content: "";

    position: absolute;

    width: 5px;

    height: 5px;

    left: -17px;

 border-radius: 13px;

    top: 9px;

    background: #ffba00;

    border-radius: 13px;



      }

 #sl .slc h2, #sl .slc h3, #sl .slc h4, #sl .slc h5 {

    margin: 0.7em 0;

    text-align: left; }

  #sl .slc .cung {

    font-size: 18px;

    color: blue; }

    #sl .slc .cung b {

      font-size: 20px; }

  #sl .slc h1 {

    color: #222;

    font-size: 28px;

    font-weight: 600;

    line-height: 1.3em; 

    margin: 20px 0;

    color: red;



  }



  #sl .slc h2 {

        font-family: ro-b;

        font-size: 24px;

    font-weight: 700;

    margin: 15px 0 15px;

      text-transform: uppercase;

    line-height: 1.3em;

    position: relative;

    background-image: linear-gradient(to right,#3561d9, #0997e5 );

    color: #fff;

    padding: 22px 59px 22px 72px;

    height: 4.8rem;

    display: flex;

    align-items: center;

        font-weight: 100;



     }

    #sl .slc h2:before {

         width: 55px;

    height: 46px;

    position: absolute;

    content: "";

    background: url(a/i/ih2.png) center no-repeat;

    display: inline-block;

    top: 0;

    left: 1%;

    opacity: 1 !important;

    top: 20%;



       }

       #sl .slc h2:after{

           position: absolute;

    content: "";

    width: 0;

    height: 0;

    border-top: 38px solid transparent;

    border-bottom: 38px solid transparent;

    border-right: 38px solid #fff;

    top: 0;

    right: 0;



       }

  #sl .slc h3 {

    font-weight: 600;

    font-size: 20px;

    margin: 13px 0;

      font-family: ro-b;

    line-height: 1.3em;

  position: relative;

    padding-left: 42px;

         font-family: ro;

    color: red;





     }

       #sl .slc h3:before{

        content: "";

        position: absolute;

        display: inline-block;

        background: url(a/i/ih3.png);

        width: 32px;

        height: 32px;

        transform: translateY(-50%);

    top: 50%;

        left: 0;

        opacity: 1 !important;

       }

  #sl .slc h4 {

    font-weight: 40;

    font-size: 16px; }

  #sl .slc .blq {

    color: #222;

    font-family: play;

    font-size: 20px;

    font-weight: 500;

    border-bottom: 2px solid #e9e9e9;

    padding-bottom: 10px;

    position: relative;

    margin-top: 40px; }

    #sl .slc .blq:after {

      width: 40px;

      bottom: -2px;

      left: 0;

      content: "";

      display: inline-block;

      border-top: 2px solid #0090ff;

      position: absolute; }

  #sl .slc a {

     color: #558dca;





  }

  #sl .not h3 {

    font-size: 16px;

    padding: 0 10px;

    text-align: left; }

  #sl .author {

    padding-bottom: 20px; }

    #sl .author a {

      font-weight: 500;

      text-transform: uppercase;

      font-size: 18px; }



.pth_tk .pth {

  padding-left: 15px;

  position: relative;

  color: #00448a;

  font-family: m-b; }

  .pth_tk .pth:before {

    width: 5px;

    height: 5px;

    border-radius: 50%;

    position: absolute;

    content: "";

    display: inline-block;

    top: 9px;

    left: 0;

    background: #00448a; }



.slb .itbs .btncd a{

  zoom: .9;

}

.slb  .itbs > div:nth-child(3){

  padding: 0;

}

  #cat .title {

    margin-top: 20px; }

  #cat .tit {

    font-size: 18px;

    margin: 10px 0; }

  #cat .item {

    padding-top: 30px; }

    #cat .item .cmd7 {

      padding-left: 0; }

    #cat .item .xem {

      font-size: 16px;

      color: #8bc545;

      background: #fff;

      padding-left: 25px;

      margin: 20px 0 0;

      display: inline-block;

      position: relative; }

      #cat .item .xem:before {

        display: inline-block;

        position: absolute;

        top: 50%;

        left: 12px;

        margin-top: -5px;

        content: "";

        border-left: 6px solid #8bc545;

        border-top: 5px solid transparent;

        border-bottom: 5px solid transparent; }

  #cat .pagination {

    font-size: 16px;

    color: #133300;

    text-align: center;

    margin-top: 30px; 

    clear: both;

  }

    #cat .pagination .page-numbers {

        border: 1px solid #e0e0e0;



       }

    #cat .pagination a, #cat .pagination span {

      height: 28px;

      width: 28px;

      display: inline-block;

      line-height: 28px;

      text-align: center;

      font-family: m-b;

      margin: 0 3px; 

border-radius: 20px;

    }

    #cat .pagination .next, #cat .pagination .prev {

      transform: unset;

      background: transparent;

      width: unset;

      height: unset;

      font-size: 28px;

      border: none; }

    #cat .pagination span {

background: #2d6bdc;



      color: #fff; }

  #cat .author {

    padding: 10px;

    background: #f6f6f6;

    border: 1px solid #d6d6d6;

    border-radius: 4px; }

    #cat .author .img {

      width: 100px;

      float: left;

      height: 100px;

      border-radius: 50%;

      overflow: hidden; }

      #cat .author .img img {

        width: 100%; }

    #cat .author .nd {

      width: calc(100% - 115px);

      float: right; }

      #cat .author .nd h2 {

        font-family: m-b;

        color: #222;

        font-size: 18px;

        font-weight: 500; }



@media (max-width: 640px) {

  #sl {

    padding: 0; }



#kh .item img{

  position: unset !important;

}

  #sl .slc h1 {

    font-size: 24px; }

  #sl .slc h2 {

                font-size: 17px;

        padding: 16px 0 10px 66px;

        height: unset;

  }

  #sl .slc h3 {

    font-size: 19px;

  }

  #sl .slc h4 {

    font-size: 16px; }

#sl .slc h2:after{

 display: none;

}

     }



/*Tắt gói khám*/



#gk,.gkm,.gk_nk{

  display: none;

}





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