*{
padding: 0px;
margin: 0px;
}
#martop20{margin-top:20px}
@font-face {
    font-family: Gotham-Medium ;
    src: url("Gotham-Medium.ttf")/* TTF file for CSS3 browsers */
}
body{
  font-family: "Gilroy-Medium";
  font-weight: 300;
  padding: 0;
  margin: 0;
  color: #555555;
}
@font-face {
  font-family: "Gilroy-Medium";
  src: url("./fonts/GILROY-MEDIUM1.eot"); /* IE9 Compat Modes */
  src: url("./fonts/GILROY-MEDIUM1.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/GILROY-MEDIUM1.otf") format("opentype"), /* Open Type Font */
    url("./fonts/GILROY-MEDIUM1.svg") format("svg"), /* Legacy iOS */
    url("./fonts/GILROY-MEDIUM1.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/GILROY-MEDIUM1.woff") format("woff"), /* Modern Browsers */
    url("./fonts/GILROY-MEDIUM1.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "VNF-AbrilFatface";
  src: url("./fonts/UVFAbrilFatfaceRegular.eot"); /* IE9 Compat Modes */
  src: url("./fonts/UVFAbrilFatfaceRegular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/UVFAbrilFatfaceRegular.otf") format("opentype"), /* Open Type Font */
    url("./fonts/UVFAbrilFatfaceRegular.svg") format("svg"), /* Legacy iOS */
    url("./fonts/UVFAbrilFatfaceRegular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/UVFAbrilFatfaceRegular.woff") format("woff"), /* Modern Browsers */
    url("./fonts/UVFAbrilFatfaceRegular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
/*Start quy chuẩn header,footer và like fb*/
.fixheader{width:100%;z-index:15;background:#3b3b3b;position:fixed;height:44px}
.logo-img{max-width:180px;margin:0 auto}
.logo-mobile{display:none}

.backhome{max-width:166px;float:left;position:absolute;top:0}
.backhome-mobile{display:none}
.footer{width:100%;background:#3b3b3b;bottom:0px;z-index:290;color:#FFFFFF;font-size:25px;margin-top:-10px;display:block;float:left;z-index:9999}
.footext{width:96%;margin:0 auto;color:#FFFFFF;padding-left:2%;padding-right:2%;height:50px;margin-top:6px;z-index:10000;font-family: 'SFUBodoniBoldCondensed';text-align:center}
.logofoot{max-width:120px;float:left;margin-top:5px;padding-left:5px}
.seotag a{color:#FFFFFF;text-decoration:none;font-family:'Roboto-Thin';font-size:20px;margin-right:10px;float:left;padding-top:9px;margin-left:10px}
.author{float:right;font-family:'SFUBodoniBoldCondensed';font-size:27px;font-weight:300}

.like-block{float:right;margin-top: 11px;margin-right: 8px;}
.like-fb-mobile{display:none}
.footer-mobile{display:none}
/*End quy chuẩn header và like fb*/
.header {
  width: 100%;
  height: 50px;
  background-color: #3b3b3b;
  position: fixed;
  z-index: 1000;
}
.fb-02{
  float: right;
    position: fixed;
    top: 15px;
    right: 3%;
}
.left {
  float: left;
  margin-top: 0px;
  top: 0px;
}
.right {
  float: right;
  margin-top: 0px;
  top: 0px;
}
.left img {
  margin-left: 0px;
}
.owl-carousel {
    height: 100%;
    position: absolute;
}
.owl-item{
  width: 100%;
  height: 100%;
}
.owl-carousel.owl-loaded {
    margin-top: 0%;
}
.owl-stage-outer{
  height: 100%;
}
.owl-stage{
  height: 100%;
}
.item{
  height: 100%;
}
#banner{}
.item-01 {
    background: url(img/bak-1.jpg) no-repeat;
    background-size: 110%;
    background-position-y: -127px;
}
.item-02{
  background: url(img/7-guong-mat-truyen-hinh-2018-2.jpg) no-repeat;
  background-size: 100%;          
}
.item-03{
  background: url(img/thu-quynh-my-soi.jpg) no-repeat;
  background-size: 100%;  
}
.item-04{
  background: url(img/doan-quoc-dam.jpg) no-repeat;
  background-size: 100%;  
}
.item-05{
  background: url(img/thuy-ngan-gao-nep.jpg) no-repeat;
  background-size: 100%;  
}
.item-06{
  background: url(img/thanh-huong-lan-cave-back-2.jpg) no-repeat;
  background-size: 100%;  
}
.item-07{
  background: url(img/trung-dung-back2.png) no-repeat;
  background-size: 100%;  
}
.item-08{
  background: url(img/quynh-bupbe-back.png) no-repeat;
  background-size: 100%;  
}

.quote-xuan-nghi {
    max-width: 588px;
    position: absolute;
    bottom: 5%;
    right: 5%;
}
.parenttestDiv {
    position: absolute;
    margin-left: 13%;
    width: 32.6%;
    text-align: justify;
}
.box {
    /* margin-top: -1%; */
    margin-left: 9%;
    position: absolute;
    width: 38%;
    padding-top: 1.2%;
}
.owl-prev{
  background: url(img/2-2.png) no-repeat;
  background-size: 100%;
  width: 90px;
  height: 133.2px;
  position: absolute;
  top: 40%;
}
.owl-next{
  background: url(img/2.png) no-repeat;
  background-size: 100%;
  width: 90px;
  height: 133.2px;
  position: absolute;
  top: 40%;
  right: 0px;
}
.item_box_text p {
    font-family: "Gilroy-Medium";
    width: 100%;
    color: #555555;
    font-size: 20px;
    padding-bottom: 5%;
}
.slimScrollDiv{height:445px !important}
.item_box_text {
    padding-right: 10%;
	height:438px !important
}

.owl-dot {
    float: left;
    background: url(img/button.png) no-repeat;
    background-size: 100%;
    width: 12px;
    height: 12px;
    margin: 4px;
    border-radius: 50%;
}
.active {
    box-shadow: 2px 2px 3px #888888;
}
.owl-dots {
    position: absolute;
    top: 7%;
    left: 23%;
}
#style1{
  font-size: 16px;
  font-weight: 600;
}
#style2{
  font-size: 14px;
}
.ask-1, .ask-2,.ask-3,.ask-4,.ask-5{
  position: absolute;
  top: 48%;
  left: 59%;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  z-index: 500;
  cursor: pointer;
}
.quote-1, .quote-2,.quote-3,.quote-4,.quote-5{
  width: 26%;
  position: absolute;
  z-index: 500;
  top: 56%;
  left: 61%;
  display: none;
}
  .mobile{
    display: none;
  }
  .magT{margin-top:15%}
  .magT-2{margin-top:13%}
  .magT-3{margin-top:16.3%}
 @media(max-width: 1600px){
	 .item_box_text p {


    font-size: 18px;

}
.item_box_text {
    height: 375px !important;
}
.magT{margin-top:14%}
.magT-2{margin-top:12.5%}
.quote-xuan-nghi {
    max-width: 488px;
    position: absolute;
    bottom: 3%;
    right: 8%;
}
	  } 
  

@media all and (max-width:1366px){ 
.slimScrollDiv {
    height: 350px !important;
}
.item_box_text {
    height: 306px !important;
}
.magT-2{margin-top:14%}
.magT-3 {
    margin-top: 17.5%;
}
.owl-dots {
    top: 8%;
	left: 22%;
}
.box {
    padding-top: 2.2%;
}
.magT {
    margin-top: 17%;
}
.quote-xuan-nghi {
    max-width: 488px;
    position: absolute;
    bottom: 3%;
    right: 3%;
}
.item-01 {
    background-size: 110%;
    background-position-y: -53px;
}
  }
@media all and (max-width: 1280px){
  .box{
    width: 40%;
    margin-top: 0px;
  }  
  .parenttestDiv {
    width: 35%;
  }
    .parent-new{
    margin-top: 20% !important;
  }
  .item-04{
    margin-top: 0px !important;
  }
  .box-new{
    padding-top: 6% !important;
  }

}



@media all and (max-width: 1024px){
    .owl-dot {
    width: 9px;
    height: 9px;
    
  }
  .owl-dots{
    top: 9%;
    left: 24%;
  }
  .box {
     margin-top: 0%;
    width: 36%;
    padding-top: 6%;
  }
  .owl-carousel.owl-loaded {
     margin-top: 0%; 
  }
  .owl-carousel {
      height: 100%;
      position: absolute;
  }
  .owl-prev , .owl-next{
   
      top: 28%;
  }
  .slimScrollDiv{
    height: 260px !important;
  }
  .box{
    width: 39%;
  }
  #style1{
    font-size: 14px;
  }
  #style2{
    font-size: 12px;
  }
  .item_box_text{
    height: 245px !important;
  }
  .parenttestDiv{
    margin-top: 20%;
    width: 30%;
  }
  .parent-new{
    margin-top: 27% !important;
  }
  .ask-1, .ask-2,.ask-3,.ask-4,.ask-5{
    top: 38%;
   
  }
  .quote-1, .quote-2,.quote-3,.quote-4,.quote-5{
    top: 46%;

  }
}
 
@media all and (max-width: 992px){
  .desktop{
    display: none;
  }
  .mobile{
	 background:#fdfdfd;
    display: block;
  }
  .img-mobile{margin-top:-10px}
  .fb-02{
    top:8px;
    right: -39px;
  }
  .header{
    height: 31px;
  }
  .text-new{
    margin-top: -10%;
  }
  .img-text{
    width: 85%;
    margin-top: 7%;
    margin-bottom: 20px;
    margin-left: 8%;

  }
  .cc-5{
  float: right;
    width: 96%;
    margin-bottom: 4%;
  }
  .left img{
  height: 31px !important;
    width: 120px !important;
  }
  .center{
    height: 15px !important;
      width: 117px !important;
      margin: 10px 0px 0px -126px !important;

  }
  .full{
    width: 100%;
  }
  .full img{
    width: 100%;
  }
  .text{
    box-sizing: border-box;
    padding-right: 8%;
    padding-left: 8%;
    text-align: justify;
  }
  .text>p{margin-bottom:5%;line-height:22px}
  #style-1{
    font-size: 18px;
    font-weight:600;
  }
  #style-2{
    font-size: 16px
  }
  .footer {
  height: 99px;
  width: 100%;
  line-height: 26px;
  background-color: #3b3b3b;
  color: white;
  text-align: center;
  margin-top: 0px;
}
.footer ul {
    list-style: none;
    padding-top: 9px;
}
.footer ul li {
      text-align: end;
      padding-right: 3%;
      font-size: 13px;
}
.footer ul li:last-child {
    border-right: none;
}
.footer img {
  height: 100%;
  margin-top: 20px;


}
/* Chỗ này dành cho mobile của heaader-footer,fb*/
	 .logo-img{max-width:90px;padding-top:5px}
	 .backhome{max-width:120px}
	 .fixheader{height:36px}
	 .footext{font-size:18px;text-align:right;margin-top:2px}
	 .mobile-play{display:block}
	 .pc-play{display:none}
	 .logofoot{max-width:80px;padding-top:6px;padding-left:6px}
	 .backhome-mobile{display:block;max-width:60px;padding-top:6px;float:left;position:absolute;top:0px;padding-left:6px}
	 .backhome{display:none}
	 .like-block{display:block}
	 .like-fb{display:none}
	 .like-fb-mobile{display:block;float:right;margin-top: 11px;margin-right:0px;max-width:60px;position:fixed;right:0px;top:-10px}
	 .seotag a{float:left;font-size:11px;margin-right:0px;margin-bottom:5px}
	 .author{float:right;font-size:22px;}
	 .footer-mobile{display:block;width:100%;background:#3b3b3b;bottom:0px;color:#FFFFFF;margin-top:20px;float:left}
	 .footer{display:none}
	 .author-mobile{width:100%}
	 .bak-logo{width:30%;float:left;padding-top:12px}
	 .author-mobile-1{width:68%;float:left;text-align:right;font-family: "VNF-AbrilFatface";font-size:16px;padding-right:2%}
	 .tag-mobile{width:100%;text-align:center;float:left}
	 /*End Chỗ này dành cho mobile của heaader-footer,fb*/
}
@media(max-width: 480px){ }