/*
Theme Name: VinaPhone 3G Version 2.0
Theme URI: https://jacobpham.info
Description: Theme https://vinaphone3g.com.vn version 2.0
Version: 2.0
Author: Jacob Phạm
Author URI: https://thuvienlaptrinh.com
Tags: bootstrap, grid, grid-layout
*/
html {
  scroll-behavior: smooth;
}
.screen-reader-text {display: none;}
a, .tran{-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out 0s;}
a:hover{ text-decoration: none;}
a:focus{outline:none;}
body{color:#000;font-family: 'Quicksand', sans-serif !important;font-size: 14px !important;}
.wrap-body{ box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.298);}
.vina-post .wp-caption{
	width: auto !important;
}
#header{ background: #fff;padding: 20px 0;}
.logo img{max-height: 80px;width: 100%;margin: 11px 0px;}
.logo h1{ display: block;margin:0;padding: 0;height: 1px;line-height: 1px;overflow: hidden;color: transparent; font-size: 0px}
.menu-mb {display: none;}
.navbar-form { margin: 8px 0px;}
.header-hotline {display: flex; width: 100%; height: 100%; border-left: 1px solid #eee; padding: 20px;}
.header-hotline span.title {font-weight: 500;}
.header-hotline span {display: block; width:100%;}
.search_box {margin-bottom: 10px; font-size: 13px;}
.search-help {font-size: 12px; font-weight: 700;}
.search-keywords a {font-weight: 500;}
/*menu*/
.function-menus {background: #00adef;border-radius: 0;border:0; min-height: auto;z-index: 999; display: block; width: 100%; border-bottom: 3px solid #e80e8a;}
.function-menus .navbar-nav {display: block; width: 100%;}
.function-menus .navbar-nav > li{display: inline-block;}
.function-menus .navbar-nav li {position: relative;display: inline-block;  cursor: pointer; padding:0; margin: 0;}
.function-menus .navbar-nav li:hover {background: #e80e8a;}
.function-menus .navbar-nav li a {color: #ffffff; font-size: 14px; display: block; text-transform: uppercase; font-weight: 700; }
.function-menus .navbar-nav li a:hover{color: #fff;}
.function-menus .navbar-nav > li > a {padding: 13px 20px; color: #fff; border-bottom: 0;}
.function-menus .navbar-nav > li > a h2,
.function-menus .navbar-nav > li > a h3,
.function-menus .navbar-nav > li > a h4{font-size: 14px;margin:0;text-transform: uppercase; font-weight: 700;}
.function-menus .navbar-nav > li:before{ content:'';width: 100%;position: absolute;background: transparent;}
.function-menus .navbar-nav > li.menu-item-has-children:after{ position: absolute;font-family: FontAwesome; content: "\f107"; font-size: 14px;height: 14px;margin-top: -10px;top: 50%;right: 5px;color: #fff;}
.menu-item-has-children:hover a, 
.navbar-nav li:hover a{border-color: #003366;}
.menu-roll { background: #277cbe; border-bottom: 3px solid #fff;}
.menu-roll .navbar-nav > li > a {color: #fff;}
.navbar-nav .sub-menu {  position: absolute;top: 100%;
    z-index: 999;background-color: #fff; min-width: 250px;
    margin:0; padding:5px; box-shadow: 0 6px 12px rgba(0,0,0,0.1);
    border-top:0;-webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    -moz-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    -ms-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    -o-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    transition: all 0.3s ease-in-out 0s, visibility 0s line-throughnear 0.3s, z-index 0s linear 0.01s;
    text-align: left;visibility: hidden;opacity: 0;transform: translateY(-2em);
}
.navbar-nav .sub-menu li {display: block !important;list-style: none;width: 100%;text-transform: none;margin: 0;color: #333;border-bottom: 1px dashed #00adef}
.navbar-nav li:hover > .sub-menu{visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s;}
.navbar-nav .sub-menu li a{color: #333 !important; display: block;padding: 7px 10px;}
.navbar-nav .sub-menu li a:hover {color: #fff!important;}
.navbar-nav .sub-menu li:last-child {border: 0;}
.function-menus .navbar-nav > li > .sub-menu > li > a{text-transform: uppercase;}
.function-menus .navbar-nav > li > .sub-menu > li > a h3,
.function-menus .navbar-nav > li > .sub-menu > li > a h4,
.function-menus .navbar-nav > li > .sub-menu > li > a h2
{
    margin:0;font-size: 14px;font-weight: 400;display: inline;
}
/*end menu*/
/* Home slider */
.home-slider img {width: 100%;}
/* Home Packages */
/* .section-package-group {padding: 40px 0;}
.section-package-group-odd {background: #fff;}
.section-package-group-even {background: #f2f2f2;}
.section-package-group-content {background: #fff; padding: 20px 0;}
.package-group-title {text-align: left; font-weight: 700; margin-bottom: 20px; font-size: 22px;}
.package-item {border: 1px solid #59caf5; border-radius: 7px; overflow: hidden; display: block; margin-bottom: 25px;
    -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out 0s;}
.package-item:hover {transform: scale(1.05);}
.package-item .package-title {background: #59caf5; text-align: center; padding: 7px; margin:0; }
.package-item .package-title a {color: #fff; font-weight: 500;}
.package-item .line {padding: 5px 10px; text-align: left;}
.package-item .package-price {font-weight: 700; color: #59caf5; font-size: 18px; text-align: center;}
.package-item .package-quota span {font-weight: 700; color: #e80e8a;}
.package-item .package-register-pattern {background: #c4efff;}
.package-item .package-register-pattern span {font-weight: 700; color: #e80e8a;}
.package-item .package-cta {padding: 7px 5px; text-align: center;}
.package-item .package-cta .btn {background-color: #fc2493;padding: 3px 20px;border-radius: 15px; font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 700;}
.package-item .package-cta .btn:hover {color: #fff; cursor: pointer; background: #59caf5 ;}

.section-package-group-even .package-item {border-color: #e80e8a;}
.section-package-group-even .package-title {background: #e80e8a;}
.section-package-group-even .package-cta .btn {background: #59caf5;}
.section-package-group-even .package-cta .btn:hover {background: #e80e8a;} */


.package_container .item-body{
	text-align: left;
    padding: 10px 20px;
} 

.package_container .pin_item{
	position: relative;
}
.package_container .package-rebbon{
	position: absolute;
    right: -20px;
    top: -27px;
	z-index: 1;
}
.package_container .pin-item-title a{
	font-weight: bold;
    font-size: 20px;
    color: #fff;
}
.package_container{
	padding: 10px 25%;
}
.package-group-title{
	margin-top: 20px;
}
.package-item {
    background: #c1e0ff;
    border-radius: 7px;
    overflow: hidden;
    display: block;
    margin-top: 30px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out 0s;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.package-rebbon {
	position: absolute;
    top: 0px;
    left: -10px;
    width: 72px;
	z-index: 999;
}
.package-rebbon img{
	box-shadow: none !important;
	width: 100%;
}
.package-item:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.package-item .package-title {
    text-align: center;
    background-color: #6ec8f3;
    padding: 7px;
    margin: 0;
    font-size: 24px;
}

.package-item .package-title a {
    color: #fff !important;
    font-weight: 700;
}
.package-item .package-item-content {
    font-weight: 500;
    background: #f9f9f9;
    color: #000;
}

.package-item .package-item-content .line h3{
	font-weight: bold;
    color: #dc3d93;
    margin: 0;
	font-size: 1.75rem;
}
.package-item .package-item-content .line {
    padding: 5px 10px;
    text-align: center;
	border-bottom: 1px solid #e5e5e5;
    margin: 0 10px;
}

.package-item .package-price {
    font-weight: 700;
    color: #c51927;
    font-size: 20px;
    text-align: center;
}
.post-content .package-item .package-price{
	font-size: 15px;
}
.post-content .package-group-content{
	margin: 0 25%;
}
.package-item .package-quota span,
.package-item .package-time span,
.package-item .package-bonus-sms span,
.package-item .package-bonus-call span {
    font-weight: 700;
    color: #6ec8f3;
}

.package-item .package-register-pattern span {
    font-weight: 700;
    color: #e43393;
}

.package-item .package-cta {
    padding: 7px 5px;
    text-align: center;
	position: relative;
}
.package-item .package-cta .post-link{
	position: absolute;
    font-size: 8px !important;
    padding: 4px 10px !important;
    right: 5px;
    bottom: 5px;
}
.package-item .package-cta .btn {
    background-color: #6ec8f3;
    padding: 5px 20px;
    border-radius: 18px;
    font-size: 14px;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}

.package-item .package-cta .btn:hover {
    color: #0f67c0 !important;
    cursor: pointer;
    background: #fff;
}

.package-item .package-extra-info {
    padding: 10px;
    text-align: center;
}

.post-content .package-item .package-code,
.post-content .package-item .package-register-code,
.post-content .package-item .package-register-gateway,
.post-content .package-item .package-quota span {
    font-weight: bold;
    font-size: 18px;
/*     color: #000 !important; */
}
.package-item .package-code,
.package-item .package-register-code,
.package-item .package-register-gateway,
.package-item .package-quota span {
    font-weight: 700;
    font-size: 18px;
/*     color: #000 !important; */
}
.section-package-group-even .package-item .package-title {
    background-color: #d44493;
}
.section-package-group-even .package-item .package-cta .btn{
	background-color: #d44493;
}
.section-package-group-even .package-item{
	background: #ffcfea;
}
.section-package-group-even .package-item .package-item-content .line h3,
.section-package-group-even .package-item .package-register-pattern span {
    color: #7dc6f1;
}
.section-package-group-even .package-item .package-quota span, 
.section-package-group-even .package-item .package-time span, 
.section-package-group-even .package-item .package-bonus-sms span, 
.section-package-group-even .package-item .package-bonus-call span {
	color: #cd4a93;
}


/* Footer */
.footer {background: #f2f2f2; padding-top: 20px; border-top: 1px solid #ddd;}
.footer .copyright {background: #59caf5; color: #fff; padding: 10px 0; border-top: 1px solid #e80e8a; }
.footer .up-footer {padding: 20px 0}
.footer .header-up h5 {font-size: 18px; font-weight: 700; text-align: left; margin-bottom: 20px;}
.footer .header-up h5 img {width: auto; height: 18px; position: relative; top: -2px;}
.footer ul {margin: 0; padding:0;}
.footer-footer {margin-bottom: 20px;}
.footer-footer a {	font-size: 14px;color: #333}
.footer-footer a:hover { color: #e80e8a;}
.footer-footer li {	list-style: none;	padding: 3px 5px}
.footer-footer li:before {	content: "\f105";	font-family: FontAwesome; color:#555;position: relative; top: 0px; margin-right: 5px;	float: left;}
.footer-footer li:hover:before {color: #59caf5;}
.footer .footer-contact ul {list-style: none; margin:0; padding:0;}
.footer .footer-contact ul li {margin-bottom: 4px;}

/* Home news box */
.section-home-news {padding: 30px 0;}
.home-news-box {border: 1px solid #ddd; border-radius: 7px; box-shadow: 0 6px 12px rgba(0,0,0,0.1); margin-bottom: 20px; background: #fff; overflow: hidden; display: block;}
.home-news-box:hover {transform: scale(1.04);-webkit-transform: scale(1.04);-o-transform: scale(1.04);-moz-transform: scale(1.04);-ms-transform: scale(1.04);}
.home-news-box .box-news-cover {display: block; height: 220px; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.home-news-box .box-news-title {padding: 10px; font-weight: 700;font-size: 18px; background: #f2f2f2;}
.home-news-box .box-news-title i.fa {color: #e80e8a;}
.home-news-box .box-news-title a {color: #000; }
.home-news-box .box-news-title a:hover {color: #555; }
.home-news-box .box-news-posts {padding: 0 10px; padding-top: 15px;}
.home-news-box .box-news-posts ul {list-style: none; margin: 0; padding:0}
.home-news-box .box-news-posts ul li {display: block; margin:0; padding:0; margin-bottom: 3px; border-bottom: 1px dotted #ddd;}
.home-news-box .box-news-posts ul li:last-child {border:0;}
.home-news-box .box-news-posts ul li a {display: flex; height: 50px; font-weight: 500;align-content: center; align-items: center;overflow: hidden;color: #333;}
.home-news-box .box-news-posts ul li a:hover,
.home-news-box .box-news-posts ul li a .fa {color: #e80e8a; }
.home-news-box .box-news-more {padding: 10px 0; text-align: center;}
.home-news-box .box-news-more a {padding: 5px 15px; font-weight: 700; color: #fff;background: #e80e8a; border:1px solid #e80e8a; border-radius: 15px;}
.home-news-box .box-news-more a:hover {background: #fff; color: #e80e8a;}
.carousel-inner > .item > a > img, 
.carousel-inner > .item > img, 
.img-responsive { width: 100%;}
/* Widget */
.widget{margin-bottom:20px;}
.widget ul {padding:0;margin:0;list-style-type: none;}
.widget .media, .media-body { overflow: visible;}
.widget-title {padding:7px 0; margin-bottom: 20px; border-bottom: 4px solid #59caf5; position: relative;}
.widget-title:before {content: ''; display: block; width: 40%; position: absolute; left:0; top: 100%; height: 4px; background: #e80e8a;}
.widget-title h3{margin:0; font-size:18px;font-weight: 700; text-transform: uppercase; }
.widget-body { margin-top:5px; border-radius:10px 10px 0 0; padding-bottom: 5px; font-weight: 500;}
.widget-body a {color: #000;}
.widget-body a:hover {color: #e80e8a;}
.widget-body span{padding:10px 10px; display:block;border-radius:10px 0 10px 0; border:1px solid #ffffff;}
.widget-body .media{border-bottom:1px solid #E0E0E0;padding-bottom:10px;}
.widget-body .media:last-child{border-bottom:none;;}
.widget-body .media-object{border:1px solid #E0E0E0;padding:2px;height:80px; width:80px;float: left;margin-right: 5px;}
.widget-body .media-heading{font-size:15px; font-weight:700;}
.widget-body .list-post li{position:relative; padding-left:20px; margin-top:10px; border-top: 1px dotted #ddd; padding-top: 10px;}
.widget-body .list-post li:before{position:absolute; left:0px; content:"\f18e"; font-family: FontAwesome; width: 30px;height: 30px;}
.widget .media-widget {position: relative; margin-bottom: 20px;}
.widget .latest-posts .clearfix {clear: both; display: block; width: 100%;}
.widget .latest-posts.hot-posts .media-body {float: left; margin-right: 60px;}
.widget .latest-posts.hot-posts .pull-right {position: absolute; right: 0; top:0;}
.widget .latest-posts.hot-posts .time {padding: 7px 10px; border: 1px solid #e80e8a; color: #e80e8a; font-weight: 700; border-radius: 5px;}
.widget .latest-posts.favorite-posts .media-body {float: left; margin-left: 80px;}
.widget .latest-posts.favorite-posts .pull-left {position: absolute; left: 0; top:0; width: 70px; text-align: center;}
.widget .latest-posts.favorite-posts .time {padding: 7px 10px; border: 1px solid #e80e8a; color: #e80e8a; font-weight: 700; border-radius: 5px;}
.widget .textwidget img {display: block; width: 100%; height: auto;}

/* breadcrumb */
.breadcrumb {margin: 20px 0;}

/* Loop Item */
.loop-item {margin-bottom: 20px;}
.loop-item .thumbnail {display: block; width: 100%; height: 130px; overflow: hidden; margin-bottom: 15px; border-radius: 5px;}
.loop-item .thumbnail img {object-fit: cover; display: block; width: 100%; height: auto;}
.loop-item .title {display: block; margin-bottom: 15px;}
.loop-item .title h3 {font-size: 18px; font-weight: 700;}
.loop-item .title h3 a:hover {color: #e80e8a; }

/* Entry */
.entry .entry-title {margin-bottom: 20px; font-weight: 700;}

/* pagination */
.pagination {display: block; width: 100%; text-align: center; margin: 40px 0;}
.pagination .page-item {display: inline-block; margin: 0 2px;}
.pagination .page-item .page-numbers {padding: 3px 15px; display: inline-block; overflow: hidden; border: 1px solid #ddd; border-radius: 4px; font-weight: 700;}
.pagination .page-item .page-numbers.current {color: #e80e8a; border-color: #e80e8a;}
.pagination .page-item .page-numbers:hover {background: #e80e8a; color: #fff;}

/* tag-relate */
.tag-relate {display: block; margin: 20px 0;}
.tag-relate .tag-relate-title {font-weight: 700; padding:7px 0; text-transform: uppercase; margin-bottom: 20px; border-bottom: 4px solid #59caf5; position: relative;}
.tag-relate .tag-relate-title:before {content: ''; display: block; width: 30%; position: absolute; left:0; top: 100%; height: 4px; background: #e80e8a;}
.tag-relate a {border: 1px solid #e80e8a; padding: 5px; text-align: center; font-size: 17px; text-transform: uppercase; border-radius: 4px; display: block; color: #e80e8a; font-weight: 500;}
.tag-relate a:hover {background: #e80e8a; color: #fff;}

/* Single */
.cm-fb {border: 1px solid #ddd; border-radius: 5px; margin: 15px 0; overflow: hidden;}
.cm-fb .comment-heading {padding: 7px 10px; background: #f2f2f2;; border-bottom: 1px solid #ddd; font-weight: 700;}
.hentry {margin-top: 10px;}
.hentry .entry-title {font-weight: 500; margin-bottom: 20px; display: block;}
.hentry .entry-content img {display: block; margin: 10px auto; max-width: 100%; height: auto; border-radius:8px;}
.hentry .entry-content a:hover {color: #e80e8a;}
.hentry blockquote {
   padding: 0;
    margin: 20px 0;
    font-size: 14px;
	border: none;
}
.hentry blockquote p a{
/*     text-transform: Capitalize; */
    line-height: 31px;
}
.hentry blockquote p{
  	margin-bottom: 7px;
	padding-left: 0;
    border-bottom: 1px dashed #1b95e0;
}
.hentry blockquote p:last-child{
  margin-bottom: 0 !important;
}
.hentry blockquote p:only-child{
	border:1px solid #59caf5; border-radius: 5px; padding: 10px; margin: 10px 0; border-left-width: 5px; font-weight: 500;
}

.hentry .post-meta {font-weight: 700; color: #777;}
.hentry .tag a, .hentry .tag a:hover {color: #fff;}
/* Hot news Button */
.support-hotline{position: fixed;top: 16%;  right: 60px;z-index: 999999;pointer-events: none;margin:auto;}
.support-hotline .div_title img{
	max-width: 100%;    
}
.support-hotline .div_title{
    position: relative;
    z-index: 20;
    pointer-events: auto;
    cursor: pointer;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
    -webkit-transform:translate(0px,0);
    -moz-transform:translate(0px,0);
    -o-transform:translate(0px,0);
    -ms-transform:translate(0px,0);
    transform:translate(0px,0);
}
.support-hotline .div_title span.icon{width: 122px;height: 122px;position: relative;display: block;}
.support-hotline .div_title span.icon:before{
    background-color: rgba(30, 147, 177, 0.5);
    opacity: .75;
    top: -30px;
    left: -25px;
    right: -20px;
    bottom: -20px;
    position: absolute;
    content: '';
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.support-hotline .div_title span.icon:after{
    top: -40px;
    left: -35px;
    right: -30px;
    bottom: -30px;
    position: absolute;
    content: '';
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(47,197,235,0.4);
    opacity: .1;
    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.support-hotline .div_title{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;  
    text-align: center; 
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    /* border: 2px solid transparent; */
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
} 
@-moz-keyframes quick-alo-circle-img-anim {
    0% {transform: rotate(0deg) scale(1) skew(1deg)}
    15% {-moz-transform: rotate(-15deg) scale(1) skew(1deg)}
    30% {-moz-transform: rotate(15deg) scale(1) skew(1deg)}
    45% {-moz-transform: rotate(-15deg) scale(1) skew(1deg)}
    60% {-moz-transform: rotate(15deg) scale(1) skew(1deg)}
    80% {-moz-transform: rotate(0deg) scale(1) skew(1deg)}
    100% {-moz-transform: rotate(0deg) scale(1) skew(1deg)}
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {-webkit-transform: rotate(0deg) scale(1) skew(1deg)}
    15% {-webkit-transform: rotate(-15deg) scale(1) skew(1deg)}
    30% {-webkit-transform: rotate(15deg) scale(1) skew(1deg)}
    45% {-webkit-transform: rotate(-15deg) scale(1) skew(1deg)}
    60% {-webkit-transform: rotate(15deg) scale(1) skew(1deg)}
    80% {-webkit-transform: rotate(0deg) scale(1) skew(1deg)}
    100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg)}
}

@-o-keyframes quick-alo-circle-img-anim {
    0% {-o-transform: rotate(0deg) scale(1) skew(1deg)}
    15% {-o-transform: rotate(-15deg) scale(1) skew(1deg)}
    30% {-o-transform: rotate(15deg) scale(1) skew(1deg)}
    45% {-o-transform: rotate(-15deg) scale(1) skew(1deg)}
    60% {-o-transform: rotate(15deg) scale(1) skew(1deg)}
    80% {-o-transform: rotate(0deg) scale(1) skew(1deg)}
    100% {-o-transform: rotate(0deg) scale(1) skew(1deg)}
}
@keyframes quick-alo-circle-img-anim {
    0% {transform: rotate(0deg) scale(1) skew(1deg)}
    15% {transform: rotate(-15deg) scale(1) skew(1deg)}
    30% {transform: rotate(15deg) scale(1) skew(1deg)}
    45% {transform: rotate(-15deg) scale(1) skew(1deg)}
    60% {transform: rotate(15deg) scale(1) skew(1deg)}
    80% {transform: rotate(0deg) scale(1) skew(1deg)}
    100% {transform: rotate(0deg) scale(1) skew(1deg)}
}

@-moz-keyframes quick-alo-circle-fill-anim {
    0% {transform: rotate(0deg) scale(.7) skew(1deg);opacity: .2}
    50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2}
    100% {transform: rotate(0deg) scale(.7) skew(1deg);opacity: .2}
}

@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {transform: rotate(0deg) scale(.7) skew(1deg);opacity: .2}
    50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2}
    100% {transform: rotate(0deg) scale(.7) skew(1deg);opacity: .2}
}

@-o-keyframes quick-alo-circle-fill-anim {
    0% {transform: rotate(0deg) scale(.7) skew(1deg);opacity: .2}
    50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2}
    100% {transform: rotate(0deg) scale(.7) skew(1deg);opacity: .2}
}

@keyframes quick-alo-circle-fill-anim {
    0% {transform: rotate(0deg) scale(.7) skew(1deg);opacity: .2}
    50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2}
    100% {transform: rotate(0deg) scale(.7) skew(1deg);opacity: .2}
}

@-moz-keyframes quick-alo-circle-anim {
    0% {transform: rotate(0deg) scale(.5) skew(1deg);opacity: .1}
    30% {transform: rotate(0deg) scale(.7) skew(1deg);opacity: .5}
    100% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .1}
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {transform: rotate(0deg) scale(.5) skew(1deg);opacity: .1}
    30% {transform: rotate(0deg) scale(.7) skew(1deg);opacity: .5}
    100% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .1}
}

@-o-keyframes quick-alo-circle-anim {
    0% {transform: rotate(0deg) scale(.5) skew(1deg);opacity: .1}
    30% {transform: rotate(0deg) scale(.7) skew(1deg);opacity: .5}
    100% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .1}
}

@keyframes quick-alo-circle-anim {
    0% {transform: rotate(0deg) scale(.5) skew(1deg);opacity: .1}
    30% {transform: rotate(0deg) scale(.7) skew(1deg);opacity: .5}
    100% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .1}
}
.wp-caption-text{
	text-align: center;
}
.function-menus{
	display: block;
}
.table tr td {
	vertical-align: middle;
}
.table a.btn {
    font-size: 15px;
    width: 80%;
    margin: 0;
    height: 44px;
    padding: 10px 0;
}
.table tr td:nth-child(2) a.btn {
	width: 50%;
}
@media screen and (max-width: 767px){
	.support-hotline .div_title img{
		height: 50px;
	}
	.accout-box,.accout-login{
		margin:0 !important;
		float: none !important;
		width: 100% !important;
	}
	.vina-login .btn-danger, .accout-box .btn-danger{
		width: 100%;
	}
	.table-sm td{
    	vertical-align: middle;
		padding: 1px !important;
	}
	.table a.btn {
		font-size: 15px !important;
		/* padding: 5px 20px; */
		width: 100% !important;
		height: 55px !important;
		padding: 15px 0 !important;
		 margin: 0 !important;
	}
	.wp-caption{
		width: 100% !important;
	}
	.section-package-group{
		min-height: 800px
	}
	.menu-mobile, .search-mobile{
		display: block !important;
	}
	.header-mobile, .function-menus, .menu-desktop{
		display: none !important;
	}
	/* Is Mobile */
	/* Mobile Header */
	#header {border-bottom: 3px solid #e80e8a; padding: 5px 0; position: sticky; top: 0; z-index: 999;}
	#header .logo {display: block; width: 100%; text-align: center;}
	#header .logo img{ height:40px;width: auto; margin: 0 auto;}
	#header .menu-mme a {color: #e80e8a; font-weight: 700; font-size: 30px;}

	/* Mobile Loop Item */
	.loop-item {border-bottom: 1px solid #eee; margin-bottom: 15px;}
	.loop-item .thumbnail {height: 200px;}

	/* Mobile Pagination */
	 .pagination  .page-numbers.dots {display: none;}

	/* Mobile menu */
	 #my-menu .menu-item a {font-weight: 700;}
	/* Mobile content */
	 .hentry .entry-title {font-weight: 700; margin-bottom: 20px; display: block; font-size: 22px;}
	.support-hotline .div_title span.icon { width: 60px; height: 60px;}
}
@media screen and (min-width: 767px){
/* 	#toc_container.toc_white {
		position: absolute;
		left: -285px;
		width: 255px !important;
		text-align: left;
		top: -117px;
		} 
	.toc_list {
		max-height: 300px;
		overflow: auto;
	}
	.sticky_toc {
		position: sticky;
		top: 150px;
		bottom: 0;
	} */
	/* custom scrollbar */
	.toc_list::-webkit-scrollbar {
	  width: 20px;
	}

	.toc_list::-webkit-scrollbar-track {
	  background-color: transparent;
	}

	.toc_list::-webkit-scrollbar-thumb {
	  background-color: #d6dee1;
	  border-radius: 20px;
	  border: 6px solid transparent;
	  background-clip: content-box;
	}

	.toc_list::-webkit-scrollbar-thumb:hover {
	  background-color: #a8bbbf;
	}
}
/* .hentry .entry-content .aligncenter{
	width: 100% !important;
} */
.kmhot{
	display: none;
}
.hentry .entry-content .img-quangcao{
	display: none !important;
}
.function-menu{
	display: relative !important;
}
.on-top{
	position: fixed;
    bottom: 90px;
    right: 20px;
    border: none;
    background: #0061b0;
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 5px;
	padding: 8px 0px;
}
.on-top i{
	font-size: 25px;
}
.accout-login {
        text-decoration: none;
    padding: 5px;
    color: #d42674;
    display: block;
    margin: 10px 0;
    font-weight: 700;
    border: 2px solid #d42674;
    border-radius: 10px;
    text-align: center;
    width: 150px;
    float: right;
}
.accout-box{
	float: right;
    margin: 20px 0px;
}
.vina-login .btn-danger ,
.accout-box .btn-danger {
    color: #fff;
    background-color: #d42674 !important;
    border-color: #d42674 !important;
}
.accout-box  .accout-dropdown{
	left: 0% !important;
	padding: 0 20px !important;
}
.accout-box  .accout-dropdown a{
	color: #333;
    font-size: 15px;
	font-weight: bold;
    padding: 0;
    display: block;
	margin: 10px 0;
}
.vina-login h2 {
    background: #e43393;
    padding: 20px;
    border-radius: 10px;
	font-size: 2rem;
    color: #fff;
    box-shadow: 5px 5px 0px 0px #58ade1;
    text-align: center;
}
.vina-login h2:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 0 10px;
    text-decoration: none;
    color: #e43393;
    position: absolute;
    right: 173px;
    bottom: -44px;
    font-size: 80px;
}
.vina-login h2:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 0 10px;
    text-decoration: none;
    color: #58ade1;
    position: absolute;
    right: 170px;
    bottom: -48px;
    font-size: 80px;
}
.tab-package li a{
	color: black;
	background-color: #fff;
}
.tab-package li a:hover{
	color: #d42674 ;
}
.tab-package .nav-tabs>li>.active{
	color: #fff;
    cursor: default;
    background-color: #d42674 ;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.tab-package .nav-tabs>li.active>a{
	color: #fff;
    cursor: default;
    background-color: #d42674 ;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.tab-pane .pin_item{
	margin-bottom: 20px;
}
/*toc*/
#ez-toc-container label{
	width: 100%;
}
.hot_package:before {
    content: '';
    background-image: url(https://viettel4g.net/wp-content/uploads/2024/08/HOT-Uppic.gif);
    display: block;
    height: 50px;
    position: relative;
    background-size: 50px 50px;
    margin-bottom: -13px;
    background-position: center center;
    background-repeat: no-repeat;
}