/*Theme Name: DK3GMobileISP
Version: 2.5
*/
*{ 
margin:0 auto; padding:0px; text-decoration:none!important; 
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;
}

.uk-container {max-width:1150px;}
ul {list-style-type: none; padding:0px;}
html {background:#ffffff;}
a {color:#00a8e5;}
em {color: inherit;}

.uk-grid .uk-grid {}
/* COMMON STYLE */
.d-table {display:table;}
.d-row {display:table-row;}
.d-cell {display:table-cell; vertical-align:top;}
.d-cell.text {padding-left:10px;}
.d-cell.text a{display:block;}
.full-width{width:100%;}
.table_cell {display:table-cell; vertical-align:top;}
.table_cell.text {padding-left:10px;}
.uppercase {text-transform:uppercase;}
/* END COMMON STYLE */

.uk-container {padding:0 10px;}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {background:inherit;}
.uk-offcanvas-bar {background:#ffffff; box-shadow: 0 0 15px rgba(0,0,0,.5); -webkit-transition: -webkit-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; }
.uk-offcanvas-bar:after {box-shadow:none; width:0;}
.uk-offcanvas-page {-webkit-transition: margin-left 0.1s ease-in-out; transition: margin-left 0.1s ease-in-out;}
.uk-nav-offcanvas {border-bottom:none;}
.uk-nav-offcanvas>li>a {text-shadow:none; color:#666666; border-top:1px solid #eaeaea;}
.uk-nav-offcanvas>li>a:hover {background:#f8f8f8!important;}
.uk-offcanvas-bar .nav_label {font-size:18px;}
.uk-navbar-nav > li > a {text-shadow:none; border:none; margin:0;}
#header_grid {margin-right: -10px;}
#header_left {background:#ffffff; padding-right:10px; padding-top:10px;}

#header {background:#00a8e5; }
.uk-navbar {background: inherit; border:none;}
.logo {padding: 3px 0px; text-align:center;}
.logo img {max-height:40px;}
.logo h1, .logo h2 {margin:0;}
.header_desc {background:url('img/left_bar.png') no-repeat; display:inline-block; padding: 0px 15px 0px;}
.header_desc .desc_1 {color:#454545;}
.header_desc .desc_2 {font-size:16px; color:#00a8e5;}
.header_desc .desc_2 b {font-size:18px;}

.uk-navbar-toggle {background:#fafafa; font-size:25px; position:absolute; left:0px; top:1px; z-index:3; border:1px solid #cccccc; padding:4px 5px; height:35px;}
.uk-navbar-toggle:before {content:"\f0c9"; font-family: FontAwesome; display:inline;}
.uk-navbar-toggle:after {content:"Danh mục"; font-family: Arial; font-size:18px; margin-left:5px;}

#f_search_wrap {float:none;}
.search_box {width:100%; position:relative; margin-bottom:10px; margin-top:3px;}
#f_search {float:right; position:relative; z-index:5; display:none; width:100%; margin-bottom:10px;}
#searchsubmit {position:absolute; top:0; bottom:0; right:0; font-size:18px; z-index:2; color:#222222;}
#searchsubmit:focus {outline:none;}
#keyword_search {background:#ffffff; height:35px; padding-right:40px; padding-left:10px; z-index:1; position:relative; width:100%;}
.search_toogle {background:#fafafa; font-size:18px; position:relative; z-index:2; cursor:pointer; border:1px solid #cccccc; padding:7px 0px; text-align:center; width:40px;}

#mobile_menu {display:table; width:100%; padding-top:8px;}
#mobile_menu li {display:table-cell; text-align:center; font-size:13px; font-weight:700;}
#mobile_menu a {color:#333333;}

#nav_sidebar {}
#nav_sidebar li h2{margin:5px 0px;}
#nav_sidebar li ul{padding-left:20px;}
#nav_sidebar li a{font-size:16px; padding:5px 10px; color:#666666;}

.isp-menu {padding-top:7px;}
.isp-menu li a {padding:10px; font-weight:700;}

.main-menu {background:#00a8e5; margin-bottom:10px; box-shadow: 0px 0px 3px 0px #2E4569; position:relative; z-index:10;}
.main-menu h2 {line-height: normal; margin:0; font-size:18px;}
.main-menu a{line-height: normal!important; height:auto!important; color:#ffffff!important;}

.main_content {padding-bottom:10px;}
.main_content article{background:#ffffff; padding: 10px 15px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.196);}
.archive {background:#ffffff; padding: 10px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.196);}
.archive img{max-width:none; width:100px;}
.archive .meta, .archive .item-body {display:none;}
.archive .heading {font-size:16px;}
.archive-title { line-height: 22px; margin-top: 0px; font-size:20px;}
#archive_desc {background:none; border: 2px dashed rgba(45,112,145,0.3); color:#333333;}

.uk-article-title {color:#00a8e5; font-size:22px; margin-top:10px;}

.package_list {margin-bottom:20px;}
.grid_item {background:#ffffff; text-align:center; border:1px solid #dddddd; border-radius:4px;}
.grid_item img {max-width:100%; height:80px; border-radius:4px; padding:4px;}
.grid_item .title {font-size:14px; font-weight:700; padding:10px 3px; line-height:20px; text-align: left;}
.grid_item .title a {display:block;}

.pin_item {}
.pin_item .left {background:#eaeaea; padding:10px; text-align:center; position:relative;}
.pin_item .right {background:#f9f9f9; position:relative; padding:10px;}
.pin_item .title {font-size:18px; margin:0; font-weight:700; min-height:48px;}
.pin_item .title a {color:#00a8e5;}
.pin_item .price {font-size:22px; font-weight:700; padding:10px 0; margin-bottom:19px;}
.pin_item .send_sms {position:absolute; bottom:5px; left:0; right:0; background:#00a8e5; color:#ffffff; font-size:12px; padding: 0; height:23px; line-height:23px;}
.pin_item .send_sms:hover {opacity:0.8;}
.pin_item .send_sms i {margin-left:5px;}
.pin_item .sms_syntax {position:absolute; bottom:5px; left:0; right:0; background:#454545; color:#ffffff; font-size:13px; padding:0px 10px; height:23px; line-height:23px;}
.pin_item .sms_syntax strong {font-size:15px;}
.pin_item .usage_time {}

.item-list {margin-bottom:10px; border-bottom: 1px solid #eaeaea; padding-bottom: 10px;}
.item-list .wrap_img {max-height:200px; overflow:hidden;}

.service_list {background:#ffffff; margin:10px 0px!important;}
.service_list ul{padding:0px 10px;}
.service_list li{ border-bottom:1px solid #dddddd; padding:10px 0px;}
.service_list li .media img{ height:auto; width:40px;}
.service_list a {color:#012351; }

.fea_services {color:#ffffff; font-size:16px; margin-bottom:20px;}
.fea_services .item {background:#51b88d; padding:10px 15px; margin-top:10px;}
.fea_services .item_wrap:nth-child(2) .item {background:#f2c81c;}
.fea_services .item_wrap:nth-child(3) .item {background:#f26060;}
.fea_services .item_wrap:nth-child(4) .item {background:#b97ebb;}
.fea_services .item_wrap:nth-child(5) .item {background:#7db751;}
.fea_services .item_wrap:nth-child(6) .item {background:#68bae0;}
.fea_services .item .title {/* min-height:50px; margin-bottom:10px; */}
.fea_services .item .title a {color:#ffffff; font-size:20px; line-height:25px; font-weight:700; display:block;}
.fea_services .uk-button {background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
  border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.3);}
.fea_services .uk-button:hover,
.fea_services .uk-button:focus {background-color: #fafafa;text-decoration: none;background-image: none;}

#news .uk-tab {background:#282828; border-color:#b1c9e4;}
#news .uk-tab li {background:#282828; margin-top: 0px!important;}
#news .uk-tab li.uk-active a {background:#b1c9e4!important;}
#news .uk-tab > li > a {border:none; border-radius:0; margin: 0px!important; padding-top: 0px!important;}
#news .uk-tab > li > a:hover {background:#555555;}
#news .uk-tab > li:nth-child(n+2) > a { margin-left: 0px; }
#news_tab_content {margin-top:5px;}
#news_tab_content ul li {padding:0px 10px; margin-bottom:10px; border-left:2px solid #282828;}

.widget {background:#ffffff; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.196); margin-bottom:10px;}

.widget-title, .block-title{background:#f1f2f6; padding:0px 10px; margin:0;}
.widget-title span, .block-title  span{ border-top: 3px solid #00a8e5; padding:5px 0px; display:inline-block; font-size:17px; text-transform:uppercase;}
.widget-body {}
.widget-body ul {margin:0px;}
.widget-body li {border-top:1px solid #e6e6e6; padding:10px;}
.widget-body .text {}
.widget-body .meta {color:#888888;}


.banner-right .widget {height:100%; margin-top:10px;}
.banner-right .widget-title {padding:0px; color:#ffffff;}
.banner-right .widget-title span {background:#00a8e5;}

.top-p {padding:10px;}
.top-p .heading{font-weight:700; font-size:15px; margin:0;}
.top-p .heading a{display:block;}
.top-p img{width:60px; height:60px; max-width:none; border-radius:5px;}
.p-title {margin:0px; font-size:14px;}
.upw-not-found {padding:10px;}
.widget .list-post img{width:60px; height:60px; max-width:none; border-radius:5px;}
.widget .list-post a {color:#012351; display:block;}

.tags {margin-bottom:15px;}
.tags .uk-badge {border-radius:0px; padding:5px;}
.tags .uk-badge a {color:#ffffff!important;}
.tags span {margin-bottom:5px; }

.relate {background:#ffffff; display:inline-block; width:100%; margin-top:10px;}
.relate .block-title {color:#ffffff; }
.block-body {padding:10px;}
.block-body li{padding:10px 0px; border-bottom:1px dashed #eaeaea;}

.item-relate .heading {font-size:14px!important; line-height:normal; margin:0;}
.item-relate .wrap_img img {width:100px!important;}

.package_3g .wrap_img {max-height:150px; overflow:hidden;}
.package_3g .title {padding:5px 10px; text-align:left;}
.package_3g .grid_item {border-bottom: 1px solid #dddddd;}

#footer {border-top:1px dashed #aab2bd; padding-top:20px; margin-top:20px;}
#footer .heading  {font-size:16px; font-weight:700; text-transform:uppercase; border-bottom:1px solid #eaeaea; padding-bottom:5px; margin-bottom:5px;}
.text_link  {font-size:12px; }
.text_link a {color:#666666; }
#footer p{margin:10px 0px 5px;}
.copyright {padding:0px 0px 0px; font-size:15px; color:#434A54;}

.page_content img,.post_content img{display: block;margin:20px auto;max-width:100%;height:auto;}
.page_content ul,.post_content ul {list-style-type:disc; list-style-position:inside;}
.page_content .uk-overflow-container tbody tr:last-child td,.post_content .uk-overflow-container tbody tr:last-child td {white-space: nowrap;}
.page_content .wrap tbody tr:last-child td,.post_content .wrap tbody tr:last-child td {white-space: normal;}
.wp-caption {background:#f9f9f9; border:1px solid #e3e1e8; border-radius:2px; padding:5px; max-width:100%;}
.wp-caption img {margin:0 auto;}
.wp-caption-text {margin:5px 0px 0px; font-size: 13px; text-align: center; font-style:italic;}

.single_related {color:#df0606;}
.single_related a{color:#666666; border-bottom:1px dashed #dddddd; padding-bottom:3px; margin-bottom:5px; display:inline-block;}
.textwidget img{display: block;max-width:100%;height:auto;}
/* NAV MOBILE TOGGLE */
.uk-mobile {display:inline-block; width:100%; border:1px solid #dddddd;}

.sms_register {background:#00a8e5;}
.sms_register:hover {}
#sms_content {font-size:30px; line-height: 35px;}
#sms_content b {color:#00a8e5;}
#sms_register .title {font-size:24px; line-height:30px;}

@media (min-width: 768px) {
	.uk-mobile {display:inline-block!important; visibility: visible !important; border:none;}
	.uk-mobile li {display: inline-block;}
}
/* END NAV MOBILE TOGGLE */

/* overwrite cyclone slider */
.cycloneslider-template-default {margin-bottom:10px;}
.cycloneslider-template-default .cycloneslider-pager {bottom:22px;}
.cycloneslider-template-default .cycloneslider-slide {background:inherit;}
.cycloneslider-slides {z-index:0;}
.cycloneslider-slide {width:100%;}
/*END*/

.scrollToTop{background:#00a8e5;}

.table-bordered, .table-bordered th, .table-bordered td {border:1px solid #dddddd;}

.snippet-title {padding:5px 10px; font-weight:700;}
.snippet-markup {clear:both; overflow:hidden; padding:10px;}
.snippet-label {float:left; clear: both; width:28%; font-weight:700; text-align:left; padding: 5px 0px;}
.snippet-data {float:left; width:72%; padding: 5px 0px;}
.rating-value {display:none;}

@media (min-width: 480px) {
	.main_content .archive img{width:200px;}
	.archive .meta, .archive .item-body {display:block;}
	.archive .heading {font-size:18px;}
}

@media (min-width: 768px) {
	
}

@media (min-width: 960px) {
	#header_grid {margin-right: 0px;}
	#header_left {background:inherit; padding-right:0; padding-top:15px;}
	#header {background:#ffffff!important; height:75px;}
	.logo {text-align:left; padding: 10px 0px 10px;}
	.logo img {max-height:none;}
	
	#f_search_wrap {float:right;}
	#f_search {width:auto; display:block;}
	
	.isp-menu li {background:#f5f5f5; opacity:0.7; height:60px; margin-right:20px; border-radius:4px; display:none;}
	.isp-menu li a {height:100%; line-height: normal; padding:5px;}
	.isp-menu li a { border-radius:8px 8px 0px 0px!important; line-height: 45px; display:block;}
	.isp-menu li img {max-width: 150px; height: auto;}
	.isp-menu li.active {background:#ffffff; opacity:1; position:relative; padding-bottom: 0px; display:block;}
	.isp-menu li.active:after {}
	
	.main-menu{max-height: auto; display:inline-block; width:100%;}
	.main-menu li:hover{background:inherit; -o-transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;}

	.main-menu li:hover > a {color:666666; }
	.main-menu li{ z-index:5; position:relative; }

	.main-menu ul li.current_page_item  a {}
	.main-menu ul li.current-menu-item  a {}
	.main-menu ul li a:hover{ color:#2DB4B6;}

	.main-menu li a{display: block; padding:10px 10px!important; font-size:15px; font-weight:700;}
	.main-menu li li a{display: block; color:#00a8e5!important; }

	.main-menu li ul li{float:none; position:relative; border-left:none!important; border-bottom:1px solid #dddddd; text-transform:none;}
	.main-menu li ul{position:absolute; top:100%; left:0%; display:none; background:#ffffff; padding:0; list-style: none outside none;box-shadow: 0px 0px 3px #d7f1fa;}
	.main-menu .current-menu-item ul{}
	.main-menu li:hover > ul{display:block;} /*disable for hover menu dropdown by javascript*/
	.main-menu li ul li a{padding:10px 10px!important; white-space:nowrap;font-size:13px; font-weight:400;}
	.main-menu li ul li ul{position: absolute; top:0; left:100%; display: none; background-color: #d7f1fa; width:auto;float:left;} 
	
	.banner-right .widget {margin-top:0px; }
	
	/* .grid_item {border-bottom: 5px solid #28A4A5;} */
	.grid_item img {height:150px;}
	.grid_item .title {padding-top:0px; text-align: center;}

	.main_content .archive img{width:200px;}
	.archive .heading {font-size:20px;}
	
	.package_3g .title {padding:5px 10px; text-align:center;}
	

	.item-relate .heading {font-size:16px!important;}
}

@media (min-width: 1220px) {
	
	.header_desc {padding: 0px 20px 0px;}
	.header_desc .desc_2 b {font-size:20px;}
}

#google_afmc div {width:auto!important;}
#google_afmc{
max-width: 100%;
height:auto;
}
.table-responsive {
  overflow-x: auto;
  min-height: .01%;
  }