.checkRichMedia img{width:100%;}
.owl-carousel.owl-banner{display: block;}

/* General */
.bdp-none{display: none;}
.bannerADSG .bannerClose{padding:5px; position: absolute; top:-13px; right:0;z-index:4; width: 12px; height: 12px; background-color: #DDD; border-radius:100%;}
.bannerADSG .bannerClose button{border:0px; font-size: 10px; padding:0px; position: relative; right:-2px; z-index:2; padding-left: 1px; top: -8px; left:1px;}
.bannerADSG .info .vmore,
.bannerADSG .bannerContainer .item .hotline{display: inline-block; padding:2px 6px 2px 6px; color:#FFF; background-color:#00539d; border-radius:5px;font-weight:600;}
.bannerADSG .bannerContainer .item .address{font-weight:400 !important; color:#333 !important; font-size: 11px !important; width: 100% !important; display: block !important;}
.bannerADSG .bannerContainer .item .priceM2{font-weight:400 !important; color:#8f8f8f !important;}
.bannerADSG .bannerContainer .item .icoLocation{float: left; width: initial; margin-right: 5px; width:10px !important; height: 15px !important;}
.bannerADSG .bannerSponsorship{position: absolute; bottom:0; left:0;background-color: #FFF; border-top-right-radius: 10px; color:#00539d; padding:0px 5px 4px 5px; font-size: 16px !important; z-index: 3; display: block; width:13px !important; transition: 0.3s all ease; font-weight: 400 !important; text-align:left !important; height: 15px; overflow: hidden; line-height: 18px;}
.bannerADSG .bannerSponsorship a{color:#00539d !important; font-size: 13px !important; font-weight: 400 !important;}
.bannerADSG .bannerSponsorship a span{bottom:0; left:0; font-style: italic; background-color: #FFF; border-top-right-radius: 10px; color:#00539d; display: inline-block; margin-left:5px; font-size: 12px !important; margin-left: 10px;  position: relative; top: -2px; line-height: initial !important;}
.bannerADSG .bannerSponsorship a span.icoInfo{font-style:normal; display: inline-block; position: relative; line-height: 10px !important; margin-left:5px;}
.bannerADSG .bannerSponsorship a span.icoInfo::after{content:' '; width:11px; height: 11px; border: 1px solid; left:-4.8px; top:-1.8px; display: block; position: absolute; border-radius: 50%;}
.bannerADSG .bannerSponsorship:hover{width:100px !important;}

/* Ballon */
.bannerballoon{position: fixed; bottom:0; right:0; width:300px; height:120px; border: 1px solid #DDD; background-color: #FFF; z-index: 90000002; opacity: 1;  -webkit-animation: fadeoutin 4s linear; animation: fadeoutin 4s linear;}
.bannerballoon .bannerClose{padding:5px; position: absolute; top:-13px; right:0;z-index:4; width: 12px; height: 12px; background-color: #DDD; border-radius:100%;}
.bannerballoon .bannerClose button{border:0px; font-size: 10px; padding:0px; position: relative; right:-2px; z-index:2; padding-left: 1px; top: -9px; left:1px;}
.bannerballoon .bannerContainer{padding:/*5*/ 0px; overflow: hidden; height:250px;}
.bannerballoon .bannerContainer .item .img{text-align: center; background-color: #EEE; display:block; width: calc(100% - 60%); height: 110px; border-radius:0px; float: left; position: relative;}
.bannerballoon .bannerContainer .item .img img{width:100%; height: 100%; object-fit: cover;}
.bannerballoon .bannerContainer .item .img .icon-video{width: 50px; height: 50px; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: url(https://nhadat.cafeland.vn/light_theme/css/images/icon-video-larg.svg) no-repeat; background-size: cover; display: inline-block;}
.bannerballoon .bannerContainer .item .info{display: block; width: calc(100% - 42%); float: left; margin-left: 5px; height: 110px; overflow: hidden; }
.bannerballoon .bannerContainer .item .title{color: #222; font-size: 14px; font-weight:400; line-height:20px;}
.bannerballoon .bannerContainer .item .price{color: #E03C31; font-size: 14px; font-weight:600; margin-left:20px;}
.bannerballoon .info .vmore,
.bannerballoon .bannerContainer .item .hotline{display: inline-block; padding:2px 6px 2px 6px; color:#FFF; background-color:#00539d; border-radius:5px;font-weight:600;}
.bannerballoon .info .vmore{display:block; width:70px; margin: 0 auto; text-align: center;}

.bannerballoon.fullFrame{height:250px;}    
.bannerballoon.fullFrame .item{display: none;}
.bannerballoon.fullFrame .item:first-child{display:block;}
.bannerballoon.fullFrame .item:first-child .img{height:calc(250px - 95px); display: block; width:100%;}
.bannerballoon.fullFrame .item .img{width:100%;}
.bannerballoon.fullFrame .item .img img{width:auto; height: 100%;}
.bannerballoon.fullFrame .item .img .icon-video{width: 80px; height: 80px;}
.bannerballoon.fullFrame .item .info{display: inline-block; width:100%; height: 95px;}
.bannerballoon.fullFrame .item:first-child .title{margin-top: 10px; font-size: 14px;line-height:22px; display: inline-block; margin-top:4px; padding:0px 2px 0px 0px; font-weight:800; height: 45px; overflow: hidden;}

.bannerVideoContentADS{height:auto; width: 100%; display: table; background-color: #f4f5f6; padding:5px;margin-bottom: 20px;border-radius:4px; position: relative; }
.bannerVideoContentADS .bannerClose{width: 18px; height: 18px;}
.bannerVideoContentADS .bannerClose button{width:80%; font-size: 14px; top: -5px;}
.bannerVideoContentADS .bannerSponsorship{top:0; /*background-color:#DDD;*/ background-color: transparent; border-radius: 0px; width: 100% !important; position: initial; padding: 1px 0px; overflow: initial; text-transform: uppercase;}
.bannerVideoContentADS .bannerSponsorship:hover{width:100% !important;}
#bannerVideoContentADS .bannerSponsorship a{text-align: center; display: block; font-weight: 600;}
#bannerVideoContentADS .bannerSponsorship a:hover{text-align: center; display: block; width: 100% !important;}
#bannerVideoContentADS .bannerSponsorship a span{display: inline-block; background-color: transparent; font-size: 12px !important; font-style: normal !important;}
#bannerVideoContentADS .bannerSponsorship a svg{width:23px !important; height: 18px !important;}
.bannerVideoContentADS .bannerContainer{padding:20px; text-align: center; padding-left: 50px; padding-right: 50px; padding-bottom: 30px;  min-height:408px;}
.bannerVideoContentADS .bannerContainer video,
    .bannerVideoContentADSCust video{width:100%; max-height:466px;}
.bannerVideoContentADS .bannerContainer video.full-screen,
    .bannerVideoContentADSCust video.full-screen{max-height:inherit;}    
#bannerVideoContentADS .vidBannerCtn-dimensions.vjs-fluid:not(.vjs-audio-only-mode),
    .bannerVideoContentADSCust .vidBannerCtn-dimensions.vjs-fluid:not(.vjs-audio-only-mode){padding-top: 56.67% !important;}

#bannerVideoContentADS .vjs-ad-playing.vjs-ad-playing .vjs-progress-control,
    .bannerVideoContentADSCust .vjs-ad-playing.vjs-ad-playing .vjs-progress-control{pointer-events:none}
#bannerVideoContentADS .vjs-ad-playing.vjs-ad-playing .vjs-play-progress,
    .bannerVideoContentADSCust .vjs-ad-playing.vjs-ad-playing .vjs-play-progress{background-color:#ffe400}
#bannerVideoContentADS .vjs-ad-loading .vjs-loading-spinner,
    .bannerVideoContentADSCust .vjs-ad-loading .vjs-loading-spinner{display:block;visibility:visible}
#bannerVideoContentADS .vjs-ad-playing .vjs-captions-button,
    .bannerVideoContentADSCust .vjs-ad-playing .vjs-captions-button{display:none}
#bannerVideoContentADS .vjs-ad-playing .vjs-audio-button,
    .bannerVideoContentADSCust .vjs-ad-playing .vjs-audio-button{display:none}
#bannerVideoContentADS .vjs-ad-loading .vjs-loading-spinner:before,
  #bannerVideoContentADS .vjs-ad-loading .vjs-loading-spinner:after,
    .bannerVideoContentADSCust .vjs-ad-loading .vjs-loading-spinner:before,
    .bannerVideoContentADSCust .vjs-ad-loading .vjs-loading-spinner:after{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,vjs-spinner-fade 1.1s linear infinite}
#bannerVideoContentADS .vjs-ad-loading .vjs-loading-spinner:before,
    .bannerVideoContentADSCust .vjs-ad-loading .vjs-loading-spinner:before{border-top-color:#fff}
#bannerVideoContentADS .vjs-ad-loading .vjs-loading-spinner:after,
    .bannerVideoContentADSCust .vjs-ad-loading .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:0.44s;animation-delay:0.44s}
#bannerVideoContentADS .vjs-ad-loading .vjs-big-play-button,
  #bannerVideoContentADS .vjs-ad-loading .vjs-poster,
  #bannerVideoContentADS .vjs-ad-content-resuming .vjs-big-play-button,
  #bannerVideoContentADS .vjs-ad-content-resuming .vjs-poster,
    .bannerVideoContentADSCust .vjs-ad-loading .vjs-big-play-button,
    .bannerVideoContentADSCust .vjs-ad-loading .vjs-poster,
    .bannerVideoContentADSCust .vjs-ad-content-resuming .vjs-big-play-button,
    .bannerVideoContentADSCust .vjs-ad-content-resuming .vjs-poster{display:none}
#bannerVideoContentADS .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
    .bannerVideoContentADSCust .video-js .vjs-big-play-button .vjs-icon-placeholder:before{font-size: 42px !important; margin: auto !important; top: 0; bottom: 0;left: 0; right: 0; position: absolute; width: 40px; height: 30px;}
    .bannerVideoContentADSCust .video-js .vjs-big-play-button .vjs-icon-placeholder:before{top:-10px;}
#bannerVideoContentADS .vast-skip-button,
    .bannerVideoContentADSCust .vast-skip-button{bottom: 15px !important; font-size:20px !important; font-style: normal !important; top: auto !important; border: 1px solid; background-color: transparent !important; border-top-left-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; padding:10px !important;}
#bannerVideoContentADS .vast-skip-button:hover,
    .bannerVideoContentADSCust .vast-skip-button:hover{border-color:#DDD;}
#bannerVideoContentADS .vast-skip-button:after,
    .bannerVideoContentADSCust .vast-skip-button:after{content:' '; background-color:#000; width: 100%; height: 100% ; opacity: 0.6; left:0; right: 0; top:0; position: absolute; z-index: -1;}
#bannerVideoContentADS .vast-skip-button .nextIconAd,
    .bannerVideoContentADSCust .vast-skip-button .nextIconAd{font-size:22px !important; margin-top: 0px !important; line-height: inherit !important; color:#FFF !important; display: inline; position: relative; top:3px;}
#bannerVideoContentADS .vast-skip-button .nextIconAd .svg-icon:not(.native) *,
    .bannerVideoContentADSCust .vast-skip-button .nextIconAd .svg-icon:not(.native) * {fill:#FFF;}

#bannerVideoContentADS .vjs-ad-loading .vjs-poster.posterShow,
    .bannerVideoContentADSCust .vjs-ad-loading .vjs-poster.posterShow{display: inline-block !important;}
#bannerVideoContentADS .video-js :not(.vjs-visible-text)>.vjs-control-text.posterShow,
    .bannerVideoContentADSCust .video-js :not(.vjs-visible-text)>.vjs-control-text.posterShow{ clip: inherit; height: inherit; width: 140px; color: #FFF; z-index: 1; display: block; margin: 0 auto; top: -30px; right: 0; bottom: 0; left: -45px; font-size: 12px; text-align: center; line-height: 18px;}

.bannerVideoContentADSCust .vjs-poster img{object-fit:cover !important;}

.banner-floating-container{
    aspect-ratio: auto; background: none; border: none; border-radius: 0; box-shadow: none; box-sizing: border-box; color: inherit;
    cursor: inherit; flex: 0 1 auto; flex-direction: row; font: inherit; height: auto;
    letter-spacing: inherit; line-height: 1; margin: 0; max-width: none; min-height: 0; min-width: 0;
    outline: none; overflow: visible; padding: 0; pointer-events: inherit; position: static; text-align: inherit;
    -webkit-text-decoration: none; text-decoration: none; -webkit-transform: none;
    transform: none; transition: none; vertical-align: initial; white-space: inherit;
    width: auto; will-change: auto; word-break: inherit;
    right: -100%; transition: right 0.5s ease-out; /* Smooth transition for sliding */
    position: fixed; z-index: 2147483647; bottom: 95px; width:373px; height: 232px; background-color: #DDD;
}
.banner-floating-container.avp-move-left-enter-done{ right: 10px; }
.banner-floating-container.hasBallon{bottom:285px;}
.banner-floating-container .caption-header{ text-align: center; font-size: 11px; background-color: #FFF; padding:6px;}
.banner-floating-container .caption-header .bannerClose{float: right;}
.banner-floating-container .caption-header .bannerClose button{border: 0px; font-size: 16px; position: relative; top:-3px;}
.banner-floating-container .caption-body{height:210px; background-color: #000; text-align: center;}
.banner-floating-container .caption-body video{max-height:210px;}
.bannerContainerInfo .video-js, .banner-floating-container .video-js{background-color:#87CEEB !important;}
.bannerContainerInfo .vast-remaining-time-icon, .banner-floating-container .vast-remaining-time-icon{color:#FFF !important;}
.bannerContainerInfo .vast-remaining-time, .banner-floating-container .vast-remaining-time{color:#FFF !important;}
.avp-shadow{ box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, .4); }

#bannerFloatingAvp .vidBannerCtn-dimensions.vjs-fluid:not(.vjs-audio-only-mode){padding-top: 56.67% !important;}
#bannerFloatingAvp .vast-skip-button{bottom: 15px !important; font-size:20px !important; font-style: normal !important; top: auto !important; border: 1px solid; background-color: transparent !important; border-top-left-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; padding:10px !important;}
#bannerFloatingAvp .vast-skip-button:hover{border-color:#DDD;}
#bannerFloatingAvp .vast-skip-button:after{content:' '; background-color:#000; width: 100%; height: 100% ; opacity: 0.6; left:0; right: 0; top:0; position: absolute; z-index: -1;}
#bannerFloatingAvp .vast-skip-button .nextIconAd{font-size:22px !important; margin-top: 0px !important; line-height: inherit !important; color:#FFF !important; display: inline; position: relative; top:3px;}
#bannerFloatingAvp .vast-skip-button .nextIconAd .svg-icon:not(.native) *{fill:#FFF;}


/* hasInfo khi co price va hotline */
.bannerballoon.fullFrame.hasInfo .item:first-child .img{height:calc(250px - 100px); overflow: hidden;}
.bannerballoon.fullFrame.hasInfo .item:first-child .img img{width: 100%;}
.bannerballoon.fullFrame.hasInfo .item .info{display: inline-block; width:97%; height: 95px; float: none; margin-left: 0px; padding: 0px 5px 0px 5px;}
.bannerballoon.fullFrame.hasInfo .item .hotline{margin-right: 10px; float: right;}

/* Footer Img */
.bannerImageFooter{height:135px; width:100%; position: absolute; bottom: 0; z-index: 1000; opacity: 1;  -webkit-animation: fadeoutin 2s linear; animation: fadeoutin 2s linear; font-style:normal !important;}
.bannerImageFooter::after{content:' '; background-color: #FFF; opacity:0.5; width: 100%; height: 100%; display: table; position: absolute; z-index:1; top:0; left:0;}
.bannerImageFooter.frameFull::after{display: none;}
.bannerImageFooter .bannerClose{padding:5px; position: absolute; top:-13px; right:0;z-index:4; width: 12px; height: 12px; background-color: #DDD; border-radius:100%;}
.bannerImageFooter .bannerClose button{border:0px; font-size: 10px; padding:0px; position: relative; right:-2px; z-index:2; padding-left: 1px; top: -9px; left: 0px;}
.bannerImageFooter .bannerContainer{position: relative; z-index:3; overflow: hidden; height:135px;}

.bannerImageFooter .bannerSponsorship{top: 0; border-top-right-radius: 0px; border-bottom-right-radius: 10px; padding-left: 2px; padding-right: 2px;}
.bannerImageFooter .bannerSponsorship svg{margin-top:1px !important; width:12px; height:12px; }
#sevenBoxNewContenDAtInfo .bannerImageFooter .bannerSponsorship{min-width:19px !important; height: 20px !important;}
#sevenBoxNewContenDAtInfo .bannerImageFooter .bannerSponsorship  svg {position: relative; top:-2px;}
#sevenBoxNewContenDAtInfo .bannerImageFooter .bannerClose{width:22px; height: 22px;}
#sevenBoxNewContenDAtInfo .bannerImageFooter .bannerClose button{top: -10.8px; left: -0.5px;}

#slideBannerImgFtr{padding:10px;}
#slideBannerImgFtr .item{background-color: #FFF; border-radius: 5px; padding:/*6*/ 0px; display: table; height: 100px;}
#slideBannerImgFtr .img{width: 105px; max-width:105px; height: 105px; border: 1px solid #CCC; border-radius: /*8*/ 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;  background-color: #EEE; float: left; position: relative; text-align: center; overflow: hidden;}
#slideBannerImgFtr .img img{width: 100% !important; height: 100% !important; margin:0 auto; object-fit: cover;}
#slideBannerImgFtr .img .icon-video{width: 50px; height: 50px; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: url(https://nhadat.cafeland.vn/light_theme/css/images/icon-video-larg.svg) no-repeat; background-size: cover; display: inline-block;}
#slideBannerImgFtr .info{float: left; text-align: left; margin-left: 10px; font-size: 14px !important; width: calc(100% - 118px); line-height:20px; padding-top: 4px; height: 100px; overflow: hidden;}
#slideBannerImgFtr .info .title{color: #222; line-height: 20px; font-weight: 600; height:auto; max-height: 42px; overflow: hidden;}
#slideBannerImgFtr .info .price{color: #E03C31; font-size: 14px; clear: both; font-weight: 600;}
#slideBannerImgFtr .info .vmore,#slideBannerImgFtr .info .hotline{display: block; width: fit-content;  padding:0px 8px 0px 8px; color:#FFF; background-color:#00539d; border-radius:5px;font-weight: 600; margin-top: 4px;}
#slideBannerImgFtr .info .vmore{margin-top: 5px;}
#slideBannerImgFtr .owl-dots{margin-top:0px; top:-4px; position: relative; }

.bannerImageFooter.frameFull #slideBannerImgFtr{padding:0px !important;}
.bannerImageFooter.frameFull #slideBannerImgFtr .item{height: 135px; width:100%;}
.bannerImageFooter.frameFull #slideBannerImgFtr .item img{width: 100%; height: 100%; object-fit: cover;}

.owl-banner.owl-theme .owl-dots .owl-dot, .owl-banner.owl-theme .owl-dots .owl-dot:focus, .owl-banner.owl-theme .owl-dots .owl-dot:active{border: none;  outline: none;}
.owl-banner.owl-theme .owl-dots .owl-dot span {width: 7px;height:7px;margin: 2px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease; border-radius: 30px;}
.owl-banner.owl-theme .owl-dots .owl-dot.active span {background: #FFF;}

/* Rectangle Full */
.bannerRectangleFullADS{width:300px; height:620px; position: relative;}
.bannerRectangleFullADS .bannerClose{padding:5px; position: absolute; top:-13px; right:0;z-index:4; width: 12px; height: 12px; background-color: #DDD; border-radius:100%; display:none}
.bannerRectangleFullADS .bannerClose button{border:0px; font-size: 10px; padding:0px; position: relative; right:-2px; z-index:2; padding-left: 1px; top: -9px; left: 1px;}
.bannerRectangleFullADS .bannerContainer{position: relative; z-index:3; overflow: hidden; height:620px;}
.bannerRectangleFullADS .item{background-color: #FFF; padding:15px 0px 15px 0px; display: table; height:260px; border-bottom: 2px solid #CCC;}
.bannerRectangleFullADS .item .icoLocation {margin-right: 5px;}

.bannerRectangleFullADS .item .title{color: #222; line-height: 20px; font-weight:800; margin-bottom:2px; font-size: 14px; height: 43px; overflow: hidden;}
.bannerRectangleFullADS .img{border-radius:15px; height:200px; position: relative; overflow: hidden;}
.bannerRectangleFullADS .img img{width: 100% !important; height: 100% !important; border-radius:15px; object-fit: cover;}
.bannerRectangleFullADS .img .icon-video{width:80px; height:80px; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: url(https://nhadat.cafeland.vn/light_theme/css/images/icon-video-larg.svg) no-repeat; background-size: cover; display: inline-block;}
.bannerRectangleFullADS .info{float: left; text-align: left; margin-left:0px; font-size: 14px !important; line-height:20px; padding-top: 7px; width:100%;}
.bannerRectangleFullADS .info .title{color: #222; line-height: 20px; font-weight: 400;}
.bannerRectangleFullADS .info .price{color: #E03C31; font-size: 15px; display: inline-block; font-weight: 600;}
.bannerRectangleFullADS .info .vmore,
    .bannerRectangleFullADS .info .hotline{padding:2px 6px 2px 6px; color:#FFF; background-color:#00539d; border-radius:5px; float: right;  font-weight: 600; }

.bannerRectangleFullADS .info .avmore{float: right; font-size: 38px; top: -10px; display: block; position: relative;}
.bannerRectangleFullADS .info .priceM2{margin-left:10px;}


/* Carousel Content ADS */
.bannerCarouselContentADS{height:/*115*/ 105px; /*width:100%;*/ display: block; background-color: #f5f5f6; margin-top:20px; margin-bottom: 20px; position: relative; opacity: 1;  -webkit-animation: fadeoutin 2s linear; animation: fadeoutin 2s linear;}
.bannerCarouselContentADS .bannerClose{padding:5px; position: absolute; top:-13px; right:0;z-index:4; width: 12px; height: 12px; background-color: #DDD; border-radius:100%;}
.bannerCarouselContentADS .bannerClose button{border:0px; font-size: 10px; padding:0px; position: relative; right:-2px; z-index:2; padding-left: 1px; top: -9px; left: 1px;}
.bannerCarouselContentADS .bannerContainer{position: relative; z-index:3; overflow: hidden; height:130px;}
#bannerCarouselContentADS{padding:15px;}
#bannerCarouselContentADS .item{background-color: #FFF; border-radius:5px; padding:0px; display: table; height: 100px; width:100%;}
#bannerCarouselContentADS .img{width: 100px; max-width: 100px; height: 100px; border: 1px solid #CCC; border-radius: 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #EEE; float: left; position: relative; overflow: hidden;}
#bannerCarouselContentADS .img img{width: 100% !important; height: 100% !important; margin: 0 auto; object-fit: cover;}
#bannerCarouselContentADS .img .icon-video{width: 50px; height: 50px; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: url(https://nhadat.cafeland.vn/light_theme/css/images/icon-video-larg.svg) no-repeat; background-size: cover; display: inline-block;}
#bannerCarouselContentADS .info{float: left; text-align: left; margin-left: 10px; font-size: 14px !important; width: calc(100% - 118px); line-height:20px; padding-top: 4px;}
#bannerCarouselContentADS .info .title{color: #222; line-height: 20px; font-size: 14px; font-weight: 600; display: block; height: 40px; overflow: hidden;}
#bannerCarouselContentADS .info .price{color: #E03C31; font-size: 14px; clear: both; display: block; font-weight:600;}
#bannerCarouselContentADS .info .vmore,#bannerCarouselContentADS .info .hotline{display: inline-block; padding:0px 8px 0px 8px; color:#FFF; background-color:#1b75bb; border-radius:5px; }
#bannerCarouselContentADS .info .vmore{margin-top: 4px;}

#bannerCarouselContentADS .owl-dots{text-align: center;margin-top:0px;}
#bannerCarouselContentADS .owl-dots .owl-dot span{background-color:#CCC;}
#bannerCarouselContentADS .owl-dots .owl-dot.active span {background: #b3cee4;}

.bannerCarouselContentADS.frameFull{min-height:115px; height: auto; padding: 0px !important;}
.bannerCarouselContentADS.frameFull .bannerContainer{min-height:auto; height: auto;}
.bannerCarouselContentADS.frameFull #bannerCarouselContentADS{padding: 0px;}

#bannerCarouselContentADS.slideCarouselCtnDef .info{height: 100px; overflow: hidden;}
#bannerCarouselContentADS.slideCarouselCtnDef .info .price,#bannerCarouselContentADS.slideCarouselCtnDef .info .priceM2{display: inline-block;}

.bannerCarouselContentADS.slideCarouselCtnProd{height:340px; border: 1px solid #CCC; border-radius:8px; background-color: transparent;}
#bannerCarouselContentADS.slideCarouselCtnProd .bannerContainer{height:330px;}
#bannerCarouselContentADS.slideCarouselCtnProd .item{border-radius:10px; border:1px solid #DDD; height: 328px; overflow: hidden;}
#bannerCarouselContentADS.slideCarouselCtnProd .item .img{width:100%; height: 180px; max-width:100%;float: none;border:0px; border-radius: 0px;}
#bannerCarouselContentADS.slideCarouselCtnProd .item .info{float: none; display: block; width: auto; text-align: center; padding: 8px; margin-left: 0px; min-height:120px;}
#bannerCarouselContentADS.slideCarouselCtnProd .info .preview{min-height:50px;}
#bannerCarouselContentADS.slideCarouselCtnProd .info .price{font-size:16px !important;}
#bannerCarouselContentADS.slideCarouselCtnProd .info .vmore,
  #bannerCarouselContentADS.slideCarouselCtnProd .info .hotline{padding:5px 12px 5px 12px; margin-top: 6px;}
#bannerCarouselContentADS.slideCarouselCtnProd .bannerSponsorship{border-bottom-left-radius:8px; background-color: #CCC;}
#bannerCarouselContentADS.slideCarouselCtnProd .bannerSponsorship span{background-color: #CCC;}

/* Carousel Home ADS */
.bannerCarouselHomeMobileADS{height:242px; /*width:100%;*/ display: block; background-color: #f5f5f6; margin-top:10px; margin-bottom: 20px; position: relative; opacity: 1;  -webkit-animation: fadeoutin 2s linear; animation: fadeoutin 2s linear;}
.bannerCarouselHomeMobileADS .bannerContainer{position: relative; z-index:3; overflow: hidden; height:252px;}
#bannerCarouselHomeMobileADS{padding:15px;}
#bannerCarouselHomeMobileADS .item{/*background-color: #FFF;*/ border-radius:5px; padding:0px; display: table; height: 100px;}
#bannerCarouselHomeMobileADS .title{color: #222; line-height: 20px; font-size: 15px; font-weight: 800; display: block; height: 41px; overflow: hidden; margin-bottom:10px;}
#bannerCarouselHomeMobileADS .img{width: 100%; max-width: 100%; height: 178px; border: 1px solid #CCC; border-radius: 8px; background-color: #EEE; float: left; position: relative; overflow: hidden;}
#bannerCarouselHomeMobileADS .img img{width: 100% !important; height: 100% !important; margin: 0 auto; object-fit: cover;}
#bannerCarouselHomeMobileADS .img .icon-video{width: 50px; height: 50px; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: url(https://nhadat.cafeland.vn/light_theme/css/images/icon-video-larg.svg) no-repeat; background-size: cover; display: inline-block;}
#bannerCarouselHomeMobileADS .info{display:none; float: left; text-align: left; margin-left: 10px; font-size: 14px !important; width: calc(100% - 118px); line-height:20px; padding-top: 4px;}
#bannerCarouselHomeMobileADS .info .title{color: #222; line-height: 20px; font-size: 14px; font-weight: 600; display: block; height: 42px; overflow: hidden;}
#bannerCarouselHomeMobileADS .info .price{color: #E03C31; font-size: 14px; clear: both; display: block; font-weight:600;}
#bannerCarouselHomeMobileADS .info .vmore,#bannerCarouselHomeMobileADS .info .hotline{display: inline-block; padding:0px 8px 0px 8px; color:#FFF; background-color:#00539d; border-radius:5px; }
#bannerCarouselHomeMobileADS .info .vmore{margin-top: 4px;}

#bannerCarouselHomeMobileADS .owl-dots{text-align: center;margin-top:0px;}
#bannerCarouselHomeMobileADS .owl-dots .owl-dot span{background-color:#CCC;}
#bannerCarouselHomeMobileADS .owl-dots .owl-dot.active span {background: #b3cee4;}

/* Popup Bottom */
.bannerPopBottomContentADS{position: fixed; bottom:0; margin: 0 auto; left:0; right:0; width:800px; height:120px; /*border: 1px solid #DDD;*/ z-index: 9999; opacity: 1;  -webkit-animation: fadeoutin 4s linear; animation: fadeoutin 4s linear; /*box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;*/ padding-top: 10px;}
.bannerPopBottomContentADS .bannerClose{top:0;}
.bannerPopBottomContentADS .bannerContainer{padding:/*5*/ 10px; overflow: hidden; height:120px; border-radius:10px; overflow: hidden;  background-color: #c4e1f6;}

.bannerPopBottomContentADS .bannerContainer .item{background-color:#FFF; padding:5px; display: block; border-radius:5px;}
.bannerPopBottomContentADS .bannerContainer .item a{display: table; width: 100%; height: 100%;}
.bannerPopBottomContentADS .bannerContainer .item .icoLocation {margin-right: 5px;}
.bannerPopBottomContentADS .bannerContainer .item .img{text-align: center; background-color: #EEE; display:block; width: 110px; height:92px; border-radius:5px; float: left; position: relative; overflow: hidden;}
.bannerPopBottomContentADS .bannerContainer .item .img img{width:100%; height: 100%; object-fit: cover;}
.bannerPopBottomContentADS .bannerContainer .item .img .icon-video{width: 50px; height: 50px; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: url(https://nhadat.cafeland.vn/light_theme/css/images/icon-video-larg.svg) no-repeat; background-size: cover; display: inline-block;}
.bannerPopBottomContentADS .bannerContainer .item .info{display: block; width: calc(100% - 35%); float: left; margin-left: 5px; overflow: hidden; padding-top:5px; height: 88px;}
.bannerPopBottomContentADS .bannerContainer .item .title{color: #222; font-size: 14px; font-weight:600; line-height:20px; display: block; height:42px; overflow: hidden;}
.bannerPopBottomContentADS .bannerContainer .item .price{color: #E03C31; font-size: 14px; font-weight:600;  display: block;}

.bannerPopBottomContentADS.frameFull .bannerContainer{padding:0px;}
.bannerPopBottomContentADS.frameFull .bannerContainer .item{height:120px; background-color: transparent; border-radius: 0px; padding: 0px;}
.bannerPopBottomContentADS.frameFull .bannerContainer .item .img{width: 110px; height: 110px; border-radius:5px;}
.bannerPopBottomContentADS.frameFull .bannerContainer .item img{width:100%; height: 100%; object-fit: cover;}

.bannerPopBottomContentADS.frameFull .bannerContainer .item .freeText{position: absolute; top: 0; color: #FFFF; right: 0; width: 300px; font-size: 35px; line-height: initial;  height: fit-content; bottom: 0;margin: auto;  text-align: center;
    text-transform: uppercase; text-shadow: 2px 2px #7393B3; font-style:italic;
}

/* fadeIn Animation */
@-webkit-keyframes fadeoutin {
    0%{ opacity: 0; }
    50% { opacity: 1; }
  }
  
@keyframes fadeoutin {
    0%{ opacity: 0; }
    50% { opacity: 1; }
}

@media (max-width:860px){	    
    .sevenPostContent div.bannerADSG, .sevenPostContent div.bannerADSG div{max-width: initial;}
    .sevenPostContent div.bannerADSG .owl-dots{text-align: center; max-width: 100%; width: 100%;}
    .sevenPostContent div.bannerADSG div span{font-size:14px;}
}
@media (max-width:820px){	
	.bannerballoon{display:none;}
    .bannerPopBottomContentADS.frameFull .bannerContainer .item .freeText{font-size:30px;}
}
@media (max-width:800px){	
	.bannerPopBottomContentADS{width:100%;}
    .bannerImageFooter .bannerClose button{top: -12px;}
    .bannerCarouselContentADS .bannerClose button{top: -12px;}
}
@media (max-width:740px){	
    .bannerPopBottomContentADS.frameFull .bannerContainer .item.mobileProm{ background-color:#ffbc0e;}
    .bannerPopBottomContentADS.frameFull .bannerContainer .item.mobileProm img{object-position:left; object-fit:contain; background-color:#ffbc0e;}
	.bannerPopBottomContentADS.frameFull .bannerContainer .item .freeText{font-size:30px;}
}
@media (max-width:700px){	
	.bannerPopBottomContentADS.frameFull .bannerContainer .item .freeText{font-size:26px; width:250px;}
}
@media (max-width:600px){	
    .bannerPopBottomContentADS.frameFull .bannerContainer .item .freeText{font-size:24px;}
}
@media (max-width:556px){
    .bannerPopBottomContentADS .bannerContainer .item .info{width: calc(100% - 120px);}
    .bannerPopBottomContentADS.frameFull .bannerContainer .item .freeText{font-size:22px;}

    .bannerImageFooter{display: none !important;}
}
@media (max-width:520px){    
    .bannerPopBottomContentADS.frameFull .bannerContainer .item .freeText{font-size:22px;width: 220px;}
}
@media (max-width:499px){
    #bannerCarouselContentADS.slideCarouselCtnProd .item .icoLocation{margin-top: 5px; line-height:20px !important;}
    #bannerCarouselContentADS.slideCarouselCtnProd .bannerContainer{height:340px;}
    #bannerCarouselContentADS.slideCarouselCtnProd .item{height: 334px;}
    
    .bannerImageFooter{height:110px;}
    .bannerImageFooter .bannerContainer{height:110px;}
    .bannerImageFooter.frameFull #slideBannerImgFtr .item{height:110px;}
    #slideBannerImgFtr{max-width:499px;}
    #slideBannerImgFtr .img{height:80px; width:80px; max-width:80px;}
    #slideBannerImgFtr .item{height:80px; width:95%;}    
    #slideBannerImgFtr .info{height:80px;}
    #slideBannerImgFtr .info .address{display:none !important;}
    #slideBannerImgFtr .info .vmore, #slideBannerImgFtr .info .hotline{display: block; float: right; margin-top:-2px;}
    .bannerClose button {right: 0px; padding-left: 0px; top: -12px; left: 0px;}
    .bannerPopBottomContentADS.frameFull .bannerContainer .item .freeText{font-size:18px;}
    .bannerVideoContentADS .bannerClose {width: 22px;height: 22px;}
    .bannerVideoContentADS .bannerContainer{padding:13px 3px 3px 3px !important; min-height: 213px !important;}
    #bannerVideoContentADS .bannerSponsorship a svg{width: 18px !important; height: 12px !important;}
    .bannerVideoContentADS .bannerContainer video{max-height:261px;}
    .bannerVideoContentADS .bannerContainer video.full-screen,
        .bannerVideoContentADSCust video.full-screen{max-height:inherit;}
}
@media (max-width:440px){
    .bannerPopBottomContentADS.frameFull .bannerContainer .item .freeText{width: 200px;}
}
@media (max-width:400px){
    .bannerPopBottomContentADS .bannerContainer .item .img{width:100px;}
    .bannerPopBottomContentADS.frameFull .bannerContainer .item .freeText{width: 180px; font-size:15px;}

    .banner-floating-container{ width:95%; height: 232px; background-color: #DDD; }
    .banner-floating-container.avp-move-left-enter-done{ right:0px; }
}
@media (max-width:360px){
    .bannerPopBottomContentADS .bannerContainer .item .img{width:90px;}
    .bannerPopBottomContentADS .bannerContainer .item .info{width:65%;}
}
@media (max-width:300px){    
    .bannerPopBottomContentADS .bannerContainer .item .info{width:60%;}
}