/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
color: var(--primary-color);
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.social-buttons {
    display: inline-grid;
    min-width: 45px;
    position: fixed;
    left: 15px;
    text-align: center;
    top: 40%;
    z-index: 99999;
}
.social-button-content {
    display: inline-grid;
}
.social-buttons a {
    cursor: pointer;
    padding: 8px 0;
    position: relative;
}
.social-buttons img {
    background: #43a1f3;
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 1.9;
    position: relative;
    text-align: center;
    width: 40px;
    z-index: 999;
}
.alo-circle {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    background-color: transparent;
    border: 2px solid #0089b9;
    border-radius: 100%;
    height: 50px;
    opacity: .1;
    position: absolute;
    right: -3px;
    top: 3px;
    width: 50px;
}
.social-buttons a span {
    -webkit-animation: headerAnimation .7s 1;
    animation: headerAnimation .7s 1;
    background: #67b634;
    border-radius: 2px;
    color: #fff;
    display: none;
    margin-left: 10px;
    min-width: 180px;
    padding: 9px;
    position: absolute;
    right: 52px;
    text-align: center;
    top: 9px;
    transition: all .2s ease-in-out 0s;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 999;
}
.social-buttons .viber span {
    background-color: #7d3daf;
}
.social-buttons .zalo span {
    background-color: #22a9e0;
}
.social-buttons .sms span {
    background-color: #119949;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
div#newsletter-signup-link {
    background: transparent;
	box-shadow: none;
}
div#newsletter-signup-link .mfp-close {
    top: 0 !important;
    color: #fff;
}
.entry-content.single-page h3 {
	color: #0d4c84;
}
.bvlienquan {
	display: none;
}
.widget-title-custom .widget-title {
	    background: var(--primary-color);
    padding: 10px 0 10px 20px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
	display: block;
}
.widget-title-custom .is-divider {
	display: none;
}
.widget-title-custom  ul {
	border: 1px solid #ddd;
}
li {
	position: relative;
}
.widget-custom .widget-title {
    margin: -10px -10px 0 -10px;
}
.widget-title-custom ul li {
	border-top: none !important;
/*     background: url(https://nhakhoafamily.vn/wp-content/themes/sieuga/images/menu-icon.png) no-repeat left center; */
    padding-left: 15px!important;
    margin: 0 10px !important;
    line-height: 2;
    border-bottom: 1px dotted #ccc;
}
.widget-title-custom ul li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "»";
	opacity: 1;
    color: #000;
}
.widget-title-custom ul li:last-child {
	border-bottom: none;
}
.widget-title-custom ul li a {
	line-height: 18px;
}
.home-services .box-overlay .box-text, .home-services .box-shade .box-text {
    top: 0;
}
.home-services .box-overlay .box-text {
	background-color: rgba(39, 64, 139, 0.715);
}
.home-services .box-overlay .box-text .box-text-inner .text p {
	line-height: 22px;
	text-align: justify;
}
.home-services .has-hover:hover .hover-slide, .home-services .has-hover:hover .hover-slide-in, .home-services .has-hover:hover .hover-zoom, .home-services .has-hover:hover .hover-zoom-in, .home-services .has-hover:hover .show-on-hover {
    opacity: 1;
    transform: scale(1) translateZ(0) translateY(0) !important;
    pointer-events: inherit;
    display: flex;
    align-items: center;
}
.home-services .col>.col-inner .hover-hide {
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    padding: 12px 0;
    font-size: 15px;
    background-color: var(--primary-color);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.home-services .col>.col-inner:hover .hover-hide {
    bottom: 52px;
    opacity: 0;
    visibility: hidden;
}
.page-title {
    margin-bottom: 30px;
    font-family: 'Minion Pro';
    color: var(--primary-color);
    position: relative;
    text-align: center;
    font-size: 30px;
}
.page-title:after {
    content: '';
    position: absolute;
    width: 255px;
    height: 19px;
    background: url(https://nhakhoasmart.com/wp-content/uploads/2021/02/nha-khoa-smart.png);
	background-size: cover;
	background-repeat: no-repeat;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -20px;
}
.header:not(.transparent) .header-nav-main.nav > li.current-dropdown > a {
	color: var(--primary-color);
}
.footer-2 h4 {
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 10px;
    font-weight: 600;
    margin-bottom: 10px;
}
div#n2-ss-4 .n2-ss-thumb-image svg {
	display: none !important;
}
input[type='email'],
input[type='search'],
input[type='number'],
input[type='url'],
input[type='tel'],
input[type='text'],
textarea {
    box-shadow: none;
    height: 40px;
    border-radius: 3px;
}
#dang-ky input[type='email'],
#dang-ky input[type='search'],
#dang-ky input[type='number'],
#dang-ky input[type='url'],
#dang-ky input[type='tel'],
#dang-ky input[type='text'],
#dang-ky textarea {
    border: 1px solid #ccc;
}
#dang-ky input.wpcf7-form-control.wpcf7-submit {
    border-radius: 3px;
    margin: 0;
}
.col-form-dky .col-inner {
	background-color: var(--primary-color);
}
.col-form-dky form.wpcf7-form {
    padding: 15px;
    margin-bottom: 0;
}
.col-form-dky input.wpcf7-form-control.wpcf7-submit {
    margin: 0;
    background: #fff;
    color: #000;
    border-radius: 3px;
}
.col-form-dky h4 {
	margin-bottom: 0;
}
.entry-header .entry-header-text-top .entry-category {
    text-align: center;
}
.row.blog-news {
	overflow-y: scroll;
    height: 368px;
    border-right: 1px solid #ccc;
}
.row.blog-news {
  scrollbar-width: thin;
  scrollbar-color: var(--primary-color) transparent;
}
.row.blog-news::-webkit-scrollbar {
  width: 7px;
}
.row.blog-news::-webkit-scrollbar-track {
  background: transparent;
}
.row.blog-news::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
  color: var(--primary-color);
  border-radius: 20px;
  border: 3px solid transparent;
}
.sec-news .col.post-item {
    padding-bottom: 6px;
    margin-bottom: 6px;
}
.sec-news .section-title b {
    background-color: transparent;
}
.sec-news .section-title.section-title-center {
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.box-blog-post .is-divider {
    display: none;
}
.sec-news .post-title {
    font-weight: 400;
    vertical-align: top;
}
.sec-news .col.post-item .box-text {
    vertical-align: top;
    padding: 0 5px 0 10px;
}
.sec-news .container.section-title-container {
    margin-bottom: 0;
}
.bvlienquan {
    padding: 8px 35px 8px 14px;
    margin: 20px 0;
    text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
    border: 1px solid #bce8f1;
    border-radius: 4px;
    background-color: #d9edf7;
}
.bvlienquan ul {
    margin-bottom: 0;
    margin-left: 25px;
}
.bvlienquan ul > li {
    list-style: none;
    list-style-image: url(https://nhakhoasmart.com/wp-content/uploads/2021/02/green-star.gif);
}
.relatedcat > ul > li a {
    /*font-weight: 600;*/
    color: #112;
}
.relatedcat > ul > li a:hover {
	color: var(--primary-color);
}

.footer-2 .block_widget {
    padding: 0;
    border: none;
}
a#top-link {
    color: #37a6b0;
    border-color: #fff;
    box-shadow: 0px 3px 15px 1px rgb(0 0 0 / 12%);
}
a#top-link:hover {
	color: #fff;
}
.single-post .entry-divider.is-divider {
    display: none;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
Helvetica,Arial,sans-serif
}
/*chung chung*/
.textaligncenter{text-align:center}
.antrenpc{display:none;}
.clr-white {color: #fff;}
.inhoa{text-transform: uppercase;}
/*body{font-family: Arial,Helvetica,sans-serif;}
.nav > li > a {font-family: Arial,Helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: Arial,Helvetica,sans-serif;}
.alt-font{font-family: Arial,Helvetica,sans-serif;}
*/
@font-face {
	font-family: 'utmavo';
	font-display: auto;
	src: url('fonts/utmavo.woff') format('woff'),
		 url('fonts/utmavo.ttf') format('truetype');
}
/*@font-face {
	font-family: 'Minion Pro';
	src: url(fonts/MinionPro-Regular.otf) format('truetype'),
		 url(fonts/MinionPro-Regular.otf) format('woff');
}
@font-face {
	font-family: 'UTM Neo Sans Intel';
	src: url('fonts/UTM Neo Sans Intel.woff') format('woff'),
		 url('fonts/UTM Neo Sans Intel.ttf') format('truetype');
}*/
/*header*/
.nav-dropdown>li.nav-dropdown-col{width: 20%;}
#btn-action div {padding: 8px 15px 5px 35px;position: relative;border-radius: 10px;background: var(--primary-color);font-size: 14px;height: 38px;float: left;margin-left: 10px;align-items: center;}#btn-action a {color: #fff;text-transform: uppercase;}
#btn-action .hotline{background:#ee1c25;}
#btn-action .hotline:after { position: absolute; top: 6px; left: 10px; content: ''; background: url(https://nhakhoafamily.vn/wp-content/themes/sieuga/images/hotline_icon.png) no-repeat center; background-size: 20px 26px; width: 20px; height: 26px; }
#btn-action .dangkyngay:after { position: absolute; top: 8px; left: 10px; content: ''; background: url(https://nhakhoafamily.vn/wp-content/themes/sieuga/images/dangkyngay_icon.png) no-repeat center; background-size: 21px 23px; width: 21px; height: 23px; }
#btn-action .tracuubh:after { position: absolute; top: 8px; left: 10px; content: ''; background: url(https://nhakhoafamily.vn/wp-content/themes/sieuga/images/icon-search.png) no-repeat center; background-size: 21px 23px; width: 21px; height: 23px; }
.tt-section {text-transform: uppercase; font-size: 30px;font-weight: normal;/*font-family: 'utmavo';*/ font-weight: bold;}
.dongke {width: 260px;border-bottom: 1px solid #d8d8d8;position: relative;}
.dongke::after {width: 100px;border-top: 3px solid var(--primary-color);position: absolute;left: 80px;content: "";top: -1px;}
.des-section {padding-top: 5px;font-style: italic;color: #ee1c25;}
/*section 1 - gioi thieu*/
.classvideo-bs .video, .widget-tintuc-home .video{padding-top: 0!important;}
.classvideo-bs .arve-embed-container{padding-bottom: 69.25%!important;}
.col-gtnk{ padding: 0 15px 12px; }
.col-gtnk .icon-box { background: var(--primary-color); border: 1px solid var(--primary-color); }
.col-gtnk .gthieu { color: #fff; text-transform: uppercase; font-size: 13px; font-weight: normal; padding: 10px 0 7px; }
.col-gtnk .icon-box-img{margin:0}
.col-gtnk .icon-box-img img{padding-top:0}
/*section 2 - dich vu*/
.dichvunhakhoa h5 { color: var(--primary-color); text-align: center; }
/*section 3 - bac si*/
.cls-bacsi .tab-panels {background: url(https://nhakhoasmart.com/wp-content/uploads/2021/03/nha-khoa-smart-23.jpg) no-repeat;background-size: cover;}
.cls-bacsi .col-inner ul li, .cls-bacsi .col-inner h3 {color: #fff;}
.cls-bacsi .col-inner .infobacsi{padding: 30px;}
.cls-bacsi .nav-normal{padding-top:10px;display: inline-block;order: 1;}
.cls-bacsi .banner{background:none!important}
li.tab.active.has-icon { border-color: var(--primary-color); }
.cls-bacsi ul.nav-normal li{border:1px solid #d8d8d8}
.cls-bacsi ul.nav-normal li:nth-child(1) a { 
	background: url(https://nhakhoasmart.com/wp-content/uploads/2021/03/bs-duyen-380x300-png.png) no-repeat; 
	height: 100px; 
	width: 100px;
    object-fit: cover;
    background-size: cover;
}
.cls-bacsi ul.nav-normal li:nth-child(2) a {
	background: url(https://nhakhoafamily.vn/wp-content/uploads/2018/12/bs-tuyen.jpg) no-repeat;
	height: 100px;
	width: 100px;
    object-fit: cover;
    background-size: cover;
}
.cls-bacsi ul.nav-normal li:nth-child(3) a { 
	background: url(https://nhakhoafamily.vn/wp-content/uploads/2018/12/bs-diep.jpg) no-repeat; 
	height: 100px; 
	width: 100px;
	object-fit: cover;
    background-size: cover;
}
.cls-bacsi ul.nav-normal li:nth-child(4) a { 
	background: url(https://nhakhoafamily.vn/wp-content/uploads/2018/12/bs-hong.jpg) no-repeat; 
	height: 100px; 
	width: 100px;
	object-fit: cover;
    background-size: cover;
}
.cls-bacsi ul.nav-normal li:nth-child(5) a { 
	background: url(https://nhakhoafamily.vn/wp-content/uploads/2018/12/bs-chi-h.jpg) no-repeat; 
	height: 100px; 
	width: 100px;
	object-fit: cover;
    background-size: cover;
}
.cls-bacsi ul.nav-normal li:nth-child(6) a { 
	background: url(https://nhakhoafamily.vn/wp-content/uploads/2018/12/bs-trang.jpg) no-repeat;
	height: 100px; 
	width: 100px;
	object-fit: cover;
    background-size: cover;
}
/*section 5 - khach hang*/
.tt-camnhan {font-size: 18px !important;font-weight: bold !important;color: #2b9b2b;}
.nd-camnhan {font-size: 15px;}
.img-khachhang img{border-left:1px solid #fff}
/*section 7 - form dang ky trang chu*/
.form-home{background: #2d7745;}
.form-home .form-home-body { padding: 7px 20px 1px; }
.tt-form-home { color: #fff;padding-top: 15px;}
.form-home-body div.wpforms-container-full .wpforms-form button[type=submit]{padding: 5px 15px;}
/*Popup dang ky tu van*/
.lightbox-popupdk{padding:0!important;max-width:380px!important;}
.mfp-container{padding: 15px!important;}
.dk-logo img { max-height: 90px;padding:15px 0}
.topdktv .tt-topdktv{background: var(--primary-color);padding:12px 0;color: #fff;}
.topdktv .popupform {padding: 10px 20px 0 20px;}
.tt-hotro.textaligncenter {padding-bottom: 20px;font-style: italic;font-size:14px;margin-top: -15px;}
.topdktv div.wpforms-container-full .wpforms-form button[type=submit]{color: #fff;font-size:14px;text-transform:uppercase;font-weight: normal;padding: 5px 15px; border-radius: 5px;background: #fd6e1d;background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));background: -webkit-linear-gradient(top,#f59000,#fd6e1d);background: -moz-linear-gradient(top,#f59000,#fd6e1d);background: -ms-linear-gradient(top,#f59000,#fd6e1d);background: -o-linear-gradient(top,#f59000,#fd6e1d);}
#formdangky { background: #8cc63f; }

.cls-label label{display:none}
/*widget tin tuc*/
.bannerphu{background-color: transparent;}
.tt-widget-home {border-bottom:1px solid #555;font-weight: normal;}
.tt-form-home {margin-top: -38px; padding: 0; }
.widget-tintuc-home .is-divider{display:none}
.widget-tintuc-home .row .post-item{padding:15px 0 0 15px}
.widget-tintuc-home h5.post-title{font-weight: normal}
.widget-tintuc-home .box-vertical .box-text{padding: 0 10px;}
.widget-tintuc-home .arve-embed-container{padding-bottom: 82.5%!important;}
.widget-tintuc-home.news-blog .row { overflow: auto; height: 368px;}
.topdktv .wpforms-submit-container{text-align: center;}
/*footer*/
.ft_slogan {font-size: 12px;text-transform: uppercase;font-weight: bold;}
.ft_mxh {margin: 0 auto;display: table}
.ft_mxh a {
	display: block;
	width: 53px;
	height: 52px;
	float: left;
	margin-left: 10px;
	background: url(https://nhakhoafamily.vn/wp-content/themes/sieuga/images/iconmxh.png);
/* 	background: url(https://nhakhoasmart.com/wp-content/uploads/2021/03/nha-khoa-smart.png); */
	background-position-x: 0%;
	background-position-y: 0%;
}
.ft_mxh a:nth-child(1){background-position: 0 3px;}
.ft_mxh a:nth-child(2){background-position: 0 -65px;}
.ft_mxh a:nth-child(3){background-position: 0 -131px;}
.ft_mxh a:nth-child(4){background-position: 0 -199px;}
.ft_tt { text-transform: uppercase;padding: 0 0 15px; font-weight: 600; color: #fff; }

/*===pages posts===*/
#breadcrumbs p { background: #e3efcd; padding: 10px; border-radius: 4px; }
#breadcrumbs a {color: #419a00;font-size: 14px;padding-right: 5px;}
#breadcrumbs .last {font-size: 14px}
#comments {display: none;}
.entry-header h1{font-family: 'Minion Pro'; color: var(--primary-color); position: relative;text-align: center;}
.entry-header h2 { font-weight: bold; color: #333; }
.entry-header h1:after { content: ''; position: absolute; width: 255px; height: 19px; background: url(https://nhakhoasmart.com/wp-content/uploads/2021/02/nha-khoa-smart.png); left: 0; right: 0; margin: 0 auto; bottom: -20px; background-size: cover; background-repeat: no-repeat;}
.motangan, .entry-content.single-page h2:first-of-type, .page-right-sidebar h2:first-of-type{padding: 10px 15px 15px; border: 1px solid var(--primary-color); text-align: justify; background: #0d4c84a3; font-weight: 400; color: #fff; font-size: 16px; line-height: 26px; border-top: 3px solid var(--primary-color); margin-bottom: 10px;} { padding: 10px 15px 15px 15px; border: 1px solid #b5ca28; text-align: justify; background: #e6eeaf; font-weight: normal; color: #000; font-size: 16px; line-height: 26px; border-top: 3px solid #2b9b2b;margin-bottom: 10px;}
.h2-sv, .tt-baiviet {background: var(--primary-color);text-shadow: 0 0 1px #333;color: #fff;padding: 10px 20px 8px;text-align: center;font-size: 16px;text-transform: uppercase;}
.article-inner  .entry-image-float{max-width: 30%;}

/*sidebar*/
.title-bl {background: var(--primary-color); padding: 10px 0 10px 20px; color: #fff; text-transform: uppercase; text-align: center;}
.sidebar-menu {border: 1px solid #ddd;margin-bottom: 20px}
.widget-list li {background: url(https://nhakhoafamily.vn/wp-content/themes/sieuga/images/menu-icon.png) no-repeat left center; padding-left: 20px!important; margin: 0 20px; line-height: 2; border-bottom: 1px dotted #ccc; }
.widget-list li a {padding: 5px 0; display: block; color: #191919; }
.widget ul {margin: 0; }
.sidebar-menu li:last-child{border-bottom:none}
.block_widget{padding:10px; border: 1px solid #ddd}
.block_widget .row .box-vertical{border-bottom: 1px dashed #ddd}
.block_widget .post-item:last-child .box-vertical{border-bottom:none}
.block_widget .col.post-item{padding:0 15px 10px}
.block_widget .box-vertical .box-text{padding-left:10px;padding-right:0}
.block_widget .box-vertical .box-text h5{font-weight: 400;}
.block_widget .box-vertical .box-text .is-divider{display:none}
.block_widget .image-cover img{border-radius:5px}
.widget_taytrang{height: 468px;!important}
/*===fix co dinh===*/

/*nut goi dien dong*/
.mypage-alo-phone { position: fixed; left: -12px; bottom: 64px; visibility: visible; background-color: transparent; width: 110px; height: 110px; cursor: pointer; z-index: 200000 !important; }
.animated { animation-duration: 1s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
.mypage-alo-ph-circle { width: 90px; height: 90px; top: 12px; left: 12px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: .1; border-color: #EF3C26; opacity: .5; }
.zoomIn { animation-name: zoomIn; }
.mypage-alo-ph-circle-fill { width: 60px; height: 60px; top: 28px; left: 28px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: #F36F25; opacity: .75 !important; }
.pulse { animation-name: pulse; }
.mypage-alo-ph-img-circle { width: 30px; height: 30px; top: 43px; left: 43px; position: absolute; background: rgba(30, 30, 30, 0.1) url(https://nhakhoafamily.vn/wp-content/themes/sieuga/images/dienthoai.png) no-repeat center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .7; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background-color: #EF3C26; background-size: 70%; }
.tada { animation-name: tada; }
@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.zoomIn{animation-name:zoomIn}
@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}
.pulse{animation-name:pulse}
@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}
.tada{animation-name:tada}
/*nut tien ich ben trai*/
#menu-menu-phai { position: fixed; left: 0; z-index: 99; top: 260px; }
#menu-menu-phai a {color: #fff; width: 70px; text-align: center; padding: 5px 0; background: #84b36e; float: left; font-size: 13px; margin-bottom: 1px; }
#menu-menu-phai span {display: block; }
#menu-menu-phai i{font-size:26px}

.page-inner ul { padding-left: 30px; }
.xanhnhat{background-color: #c9f1c9;}
.centry-content img { max-width: 620px; }
.boxuudai {border: 2px dashed #e38f00;padding: 10px 15px;border-radius: 10px;}
.tt-dichvunhakhoa { margin: 15px 0; font-size: 16px; }
.pagebanggia { background-color: #098f0d; padding: 5px 20px; text-transform: uppercase; color: #fff; border-radius: 5px; }
th:first-child, td:first-child { padding-left: 10px; }
.page-wrapper .row .large-3 {padding-left: 0;}
.page-wrapper .row .col-divided{border-right: none;}
.bandodiachi .nav{order: 1;} .bandodiachi .tab-panels{ margin-top: 0 !important; border: 1px solid #ddd; padding:10px; -ms-flex: 1; flex: 1; order: 2; }
.bandodiachi .tabbed-content .nav{padding-left:0!important}
.bandodiachi .nav a{padding: 15px 0;} 
.row-ngoisao{padding: 30px 0;}
.cls-ngoisao h4 {display: none;}
/*bang gia*/
.banggia { max-width: 750px;margin: 20px auto;border-collapse: collapse;background-color:#fff;}
.banggia em{display: block;}
.dichvutb { background-color: var(--primary-color); }
.dichvutb h3 {font-size: 18px;color: #fff;}
.banggia td { border: 1px solid var(--primary-color); padding: 5px 10px; color: #000; }
.banggia ul { list-style: none; padding: 0; margin: 0; }
.banggia ul li { margin: 5px; }
.udrs-pages .tt-udrs { font-size: 18px; color: #ec1933; }
.udrs-pages .des-udrs { font-size: 20px; color: #ec1933; padding-bottom:15px;}
.udrs-pages { border-radius: 10px; padding: 10px 15px 0;background-color: #fffdef; border: 2px dashed #e38f00;font-size: 14px; }
.udrs-pages ul {list-style: none}
.udrs-pages .uluudaithem li{margin-left:0}
.udrs-pages ul.uluudaigia li:before {content: '';margin-left: -20px;background: url(https://www.thegioididong.com/Content/desktop/images/V4/game/check@2x.png) 14px 14px;width: 14px;height: 14px;background-size: 14px 14px;float: left;margin-top: 4px;}
.udrs-pages .uluudaithem li { margin-left: 0; font-size: 14px; font-style: italic; }
/*landing page*/
.cls-lydo{margin-top: 20px;}
.cls-lydo .col-inner {border: 1px solid #d9d9d9;padding: 5px 15px 20px;}
.cls-lydo img{margin-top:-40px}.cls-lydo h4 {font-size: 14px;color: var(--primary-color);}
.cls-lydo p {font-size: 13px;}
.ss-vdkh-ldrangsu{margin-top:-40px;}
.h3saoviet { font-size: 16px; background: #ffffff; padding: 5px; opacity: 0.8; }
.bsy .icon-box-img img{border: 5px solid #dee8de;padding-top: 0px;}
.clsdiachi{ padding-top: 60px; }
.clsdiachi .col-inner ul li { list-style: none; margin: 0;padding: 3px 0; }
.clsdiachi h3 {color:#000;font-size: 18px;}
/*.row-landi{padding: 30px 15px;background: #e6e6e6;}*/
/*nut dang ky body*/
.btn-reg-inpage {background: var(--primary-color);padding: 10px 18px;margin-bottom: 5px;border-radius: 30px;border: 2px solid #fff;display: inline-block;}
.btn-reg-inpage:hover{color:#fff}
.row-landi .col .icon-box-img img {border: 3px solid var(--primary-color);padding-top: 0px;}
.row-landi .icon-box-text .testimonial-text{font-style: normal!important;}
.cls-regis{padding-top: 30px;}
.form-dktv {text-align: center;background: rgba(99, 180, 62, 0.2);padding: 30px 20px 1px;border-radius: 5px;}
.form-dktv h3 {border-bottom: 1px solid #fff;}
.form-dktv .deal {line-height: 20px;font-size: 13px;font-style: italic;color: #fff;}
.form-dktv .body-form {margin: 0 auto;max-width: 360px;padding-top: 20px;}
.form-dktv div.wpforms-container-full .wpforms-form .wpforms-field {padding: 5px 0;}
.form-dktv div.wpforms-container-full .wpforms-form button[type=submit]{padding: 5px 15px; border-radius: 5px;}
.popupform div.wpforms-container-full .wpforms-form .wpforms-field {color: #fff; background: -webkit-linear-gradient(top,#f59000,#fd6e1d); border-radius: 5px; text-transform: uppercase; font-weight: normal; font-size: 15px; }
.bsy .icon-box-text {padding-top: 30px!important;}
.bsy .icon-box-text {padding-top: 30px!important;}
.bsy .icon-box-text h3{color:var(--primary-color);}
.bsy .testimonial-text{font-style: normal!important;}
.bsy .slider-nav-circle .flickity-prev-next-button svg{top: 10px;border: 0!important;}
/*nut dang ky co dinh*/
.dkfixed { position: fixed; bottom: 15px; z-index: 99999; background-color: #76b51b; opacity: 0.9; border-radius: 30px; padding:10px 18px; cursor: pointer; text-align: center; font-size:14px; color: #FFF; left: 10px; }
.dkfixed:hover{color:#fff}
.icon-angle-double-right{animation: flash 2s linear 1s infinite alternate;}
.run {visibility: hidden;}
.runslide {animation-name: runslide;-webkit-animation-name: runslide;animation-duration: 1s;-webkit-animation-duration: 1s;visibility: visible;@media #{$r414} {animation: none;}}
@keyframes runslide {0% {opacity: 0;transform: translateY(70%);}100% {opacity: 1;transform: translateY(0%);}}
@-webkit-keyframes runslide {0% {opacity: 0;-webkit-transform: translateY(70%);}100% {opacity: 1;-webkit-transform: translateY(0%);}}
@-webkit-keyframes flash {0%,100%,50% {opacity: 1}25%,75% {opacity: 0}}
@keyframes flash {0%,100%,50% {opacity: 1}25%,75% {opacity: 0}}
.flash {-webkit-animation-name: flash;animation-name: flash}

/*nut co dinh duoi trang*/
.floating-bar {background: rgba(0, 0, 0, 0.5);position: fixed;z-index: 99;bottom: 0;left: 0;right: 0;/*padding: 0.25rem;*/margin: 0;}
/*.floating-bar li {display: block;padding: 0.3125rem;float: none;display: table-cell;width: 1%;}*/
.floating-bar li { display: block; padding: 0.3125rem; float: left; width: 50%;margin-bottom:0; }
.floating-bar a {font-size: 0.75rem;color: #fff;-webkit-border-radius: 0.25rem;-moz-border-radius: 0.25rem;border-radius: 0.25rem;text-align: left;display: block;padding: 0.625rem 1.25rem;text-transform: uppercase;}
.floating-bar a:hover {color: #fff;}
.floating-bar .btn-1 {background-color: #dea815;/*box-shadow: 0 3px 0 0 #b22e2c;*/}
.floating-bar .btn-2 {background-color: #76b51b;/*box-shadow: 0 3px 0 0 #2a7d2a;*/}
.floating-bar .btn-3 {background-color: #fdba37;/*box-shadow: 0 3px 0 0 #ba8928;*/}
.floating-bar .fa {font-size: 0.875rem;margin-right: 0.125rem;}
/*nut call action*/
.callaction a { background: var(--primary-color); padding: 10px 18px; margin-bottom: 5px; border-radius: 30px; border: 2px solid #fff; display: inline-block; color: #fff; }
.callaction a:hover{color:#fff}
.callaction .nutgoidien { background: #ee1c25; }
/*nieng rang*/
.infonieng {background: var(--primary-color); padding: 15px; color: #fff; }
.infonieng h3 { color: #fff;}
.tblgianieng{margin-top:10px;border-collapse: collapse;}
.tblgianieng td { border: 1px solid #c4ddc8; background-color: #ecf7ed;text-align: center; }
.trgianieng td { font-size: 20px; color: #30a43b; text-align: center; font-weight: bold; }
.trgia td { font-size: 18px; color: #30a43b; }
.hnr {padding: 10px 0;}
.hnr strong {background: var(--primary-color);padding: 10px;border-radius: 10px;color: #fff;font-weight: normal;margin: 23px 0;font-size: 18px;color: #fff;}
h3.hnr strong {background: #ec8726;font-size: 16px;}

.ldrs-bsinfo {font-size: 13px;text-align: left;}
.ldrs-bsinfo ul {list-style: none;margin: 0;}
.ldrs-bsinfo ul li {padding: 5px 0;margin: 0;}
.cls-truonghop .box-text p {text-transform: uppercase;font-size: 14px;font-weight: bold;color: #999;}
.pdkhong{padding: 0 15px 0px;}
.cot-bacsi .amazingcarousel-item-container { border: 1px solid #ddd; background: #fff;}
.cot-imgkhachhang .amazingcarousel-title, .cot-imgkhachhang .regist .cangiua{color: #fff!important;}
.cot-imgkhachhang .regist{padding-top: 30px}

h2.baiqc {
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #c34f4f;
    margin-bottom: 1rem;
}
h2.baiqc:after {
    content: ' ';
    background-color: #c34f4f;
    display: block;
    width: 5rem;
    height: 0.25rem;
    margin-top: 0.5rem;
}
.suntory-alo-phone{background-color:transparent;cursor:pointer;height:120px;position:fixed;-webkit-transition:visibility 0.5s ease 0s;transition:visibility 0.5s ease 0s;width:120px;z-index:200 !important;left: 0;bottom: 0;}
.suntory-alo-phone .suntory-alo-ph-circle{-webkit-animation:1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;animation:1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;background-color:transparent;border:2px solid rgba(30, 30, 30, 0.4);border-radius:100%;height:100px;left:0px;opacity:0.1;position:absolute;top:0px;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;width:100px;}
.suntory-alo-phone .suntory-alo-ph-circle{border-color:#ff3301;opacity:1;}
.suntory-alo-phone .suntory-alo-ph-img-circle{border:2px solid transparent;border-radius:100%;height:50px;left:25px;opacity:0.7;position:absolute;top:25px;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;width:50px;}
.suntory-alo-phone .suntory-alo-ph-img-circle{background-color:#ff3301;}
.suntory-alo-phone .suntory-alo-ph-img-circle i{-webkit-animation:1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;animation:1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;font-size:30px;line-height:50px;padding-left:10px;color:#fff;}
.suntory-alo-phone .suntory-alo-ph-circle-fill{-webkit-animation:2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;animation:2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;border:2px solid transparent;border-radius:100%;height:70px;left:15px;position:absolute;top:15px;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;width:70px;}
.suntory-alo-phone .suntory-alo-ph-circle-fill{background-color:#ff3301;}
.suntory-alo-phone .phone-number{font-size: 16px;position:absolute;top:35px;left:82px;color:#ffffff;background-color:rgba(255, 51, 1, 0.67);padding:6px 10px;border-radius:3px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100%;}
.suntory-alo-phone:hover .phone-number{left:78px;visibility:visible;opacity:1;}
@-webkit-keyframes suntory-alo-circle-anim {
0%{opacity:0.1;-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);transform:rotate(0deg) scale(0.5) skew(1deg);}
30%{opacity:0.5;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
100%{opacity:0.6;-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
}
@keyframes suntory-alo-circle-anim {
0%{opacity:0.1;-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);transform:rotate(0deg) scale(0.5) skew(1deg);}
30%{opacity:0.5;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
100%{opacity:0.6;-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
}
@-webkit-keyframes suntory-alo-circle-fill-anim {
0%{opacity:0.2;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
50%{opacity:0.2;-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
100%{opacity:0.2;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
}
@keyframes suntory-alo-circle-fill-anim {
0%{opacity:0.2;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
50%{opacity:0.2;-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
100%{opacity:0.2;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
}
@-webkit-keyframes suntory-alo-circle-img-anim {
0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
}
@keyframes suntory-alo-circle-img-anim {
0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
}
.suntory-alo-phone .suntory-alo-ph-img-circle img {
    -webkit-animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
	filter: brightness(0) invert(1);
	width: 30px;
    position: absolute;
    top: 10px;
    left: 7px;
}
@media (max-width: 849px) {
	.suntory-alo-phone {
		display: none;
	}
	#btn-action div {
	    width: 100%;
	    margin-bottom: 10px;
	    margin-left: 0;
	}
	.html_topbar_right .nutgoidien img {
	    max-width: 30px;
	}
	.header-main li.html.custom {
	    display: block!important;
	}
}