/*Theme Name:TongDaiMobi
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:1100px;}
ul {list-style-type:none; padding:0px;}
html {background:#f3f1f2;}
a {color:#005695;}

blockquote {background:#fafafa; padding:10px 10px 10px 30px; position:relative; font-style:normal; border:none;}
blockquote:before {
  color:#ccc;
  content:open-quote;
  font-size:4em;
  line-height:0.1em;
  margin-right:0.25em;
  vertical-align:-0.4em; left:2px; position:absolute; top:30px;
}
blockquote p {
  display:inline;
}
/* 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;}
.transition {-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;}
.msg_alert {background:#fff1f0; color:#ce2642; padding:10px; line-height:1.3; border:3px dashed #ce2642; font-size:13px;text-align:left; margin-bottom:10px;}
/* END COMMON STYLE */

.uk-container {padding:0 10px;}

#header {background:#ffffff; border-bottom:6px solid #005695;}
.uk-navbar {background:inherit; border:none;}
.logo {text-align:center; padding:10px 0px 0;}
.logo h1, .logo h2 {margin:0;}
#f_search_wrap {}

#f_search {background:#ebebeb; width:100%; padding:4px; position:absolute; left:0px; right:10px; z-index:10; visibility:hidden;}
#f_search.visible {visibility:visible;}
#f_search input {border:none; height:35px;}
#searchsubmit {border:none; position:absolute; right:5px; top:7px;}
.search_toogle {font-size:18px; position:relative; z-index:2; cursor:pointer; padding:9px 0px; width:40px; text-align:right; color:#005695;}

.uk-navbar-toggle {font-size:25px; position:absolute; left:10px; top:6px; z-index:3; }
.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;}

#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;}

#main-menu {}
#main-menu h2 {line-height:normal; margin:0; font-size:16px;}
#main-menu a{line-height:normal!important; height:auto!important; color:#333333!important;}

.section {padding:10px 0; background:#ffffff;}
.section .heading {font-size:20px; position:relative;text-align:center; margin:20px 0 30px; line-height:1.3;}
.section .heading span {color:#333333; text-transform:uppercase; padding:0px 20px; display:inline-block; position:relative; z-index:2;}
.section .heading span:before {position:absolute; content:""; right:50%; bottom:-15px; width:30px; height:5px; background:#005695;}
.section .heading span:after {position:absolute; content:""; left:50%; bottom:-15px; width:30px; height:5px; background:#e30513;}
.section .desc {font-size:13px; text-align:center; margin-bottom:20px; max-width:650px;}

#hotline {background:#eef5ff;}
#hotline .items {position:relative;}
#hotline .items:after {position:absolute; content:""; top:0; bottom:0; left:50%; width:1px; background:#666666;}
#hotline .heading span {background:#eef5ff;}
#hotline .wrap_item {position:relative;}
#hotline .item {background:#ffffff; border-radius:8px; padding:15px; position:relative; z-index:1;}
#hotline .text {line-height:1.3;}
#hotline .left {}
#hotline .right {}
#hotline .right li {margin-bottom:5px;}
#hotline .label {text-transform:uppercase; font-size:14px; font-weight:700; margin-bottom:15px; line-height:1.3;}
#hotline .icon {position:relative; background:#353535; color:#ffffff; border-radius:50%; width:50px; height:50px; line-height:50px; text-align:center; z-index:1; margin-top:20px; margin-bottom:20px;}
#hotline .left .icon {font-size:31px;}
#hotline .right .icon {font-size:25px;}

#package {background:#eef5ff;}
#package .heading span {background:#eef5ff;}

#main_content {padding-bottom:10px; margin-top:10px;}
#col_right {margin-top: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;}

.uk-article-title {color:#005695; font-size:22px; margin-top:10px;}
.meta_bar {background:#f4f4f4; border:1px solid #666666; padding:10px 10px 5px; margin-bottom:10px; overflow:hidden;}
.author_bar {border-bottom:1px solid #ebebeb; margin-bottom:20px; color:#777777; font-size:12px;}
.author_bar .avatar {display:inline-block;}
.author_bar .avatar img{display:inline; margin:0 0 -10px; height:35px; width:35px;}
.author_bar .name {font-size:18px; text-transform:uppercase; color:#333333;}

.package_list {margin-bottom:20px;}
.pin_item {background:#ffffff; border:1px solid #dddddd; padding:8px;}
.pin_item img {max-width:100%; height:80px;}
.pin_item .title {font-size:16px; font-weight:700; padding-top:10px; text-align:center;}
.pin_item .price  {font-size:30px; display:inline-block;}
.pin_item .sms_syntax  {background:#f1f2f6; text-align:center; margin-bottom:10px; border:none; color:#666666;}
.pin_item .sms_syntax  strong {text-transform:uppercase; color:#005695; }
.pin_item .send_sms  {text-transform:uppercase; background:#005695; cursor:pointer; display:block; color:#ffffff; text-align:center; padding:7px 5px; font-size:12px; margin:0; border-radius:20px;}
.pin_item .send_sms:hover {opacity:0.9;}
.pin_item .details {font-size:12px; text-align:center; margin-top:5px;}
.pin_item .details li {padding:3px 0px 3px 0px; }

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

.service_list {margin:10px 0px!important;}
.service_list ul{}
.service_list li {}
.service_list li .media img{ height:auto; width:40px;}
.service_list .item {color:#ffffff; padding:15px; min-height:140px; margin-bottom:10px;}
.service_list .num_1 .item {background:#4db748;}
.service_list .num_2 .item {background:#f46f20;}
.service_list .num_3 .item {background:#8c0095;}
.service_list .num_4 .item {background:#24879a;}
.service_list .num_5 .item {background:#018ad0;}
.service_list a {color:#ffffff; font-size:22px;}

.hot_posts {background:#ffffff; margin-top:1px; margin-bottom:10px!important; position:relative;}
.hot_posts .item {border-bottom:1px solid #eaeaea;}
.hot_posts .order_num {background:#005695; color:#ffffff; font-size:22px; padding:8px 8px; line-height:26px; min-width:44px; text-align:center; vertical-align:middle; position:relative;}
.hot_posts .title {font-size:14px; padding:5px 10px 5px 15px; margin:0; position:relative;  vertical-align:middle;}
.hot_posts .title:after {position:absolute; content:""; width:0; height:0; left:0px; top:50%; margin-top:-5px; border-style:solid; border-width:5px 0 5px 5px; border-color:transparent transparent transparent #005695;}
.hot_posts .item:nth-child(odd) .title:after {border-color:transparent transparent transparent #e30513;}
.hot_posts .item:nth-child(odd) .order_num {background:#e30513;}
.hot_posts .title a{color:#555555;}
.hot_title {background:#e30513; color:#ffffff; font-weight:700; padding:8px 20px; text-transform:uppercase; position:absolute; left:-20px; top:10px; right:0px;}

.widget {background:#ffffff; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.196); margin-bottom:10px;}
.widget-title {padding:10px 0; text-transform:uppercase;}
.block-title {position:relative;text-align:center; margin:20px 0;}
.block-title span { background:#f3f1f2; color:#333333; text-transform:uppercase; font-size:20px; padding:0px 20px; position:relative; z-index:2;}
.block-title:after { border-top:1px solid #666666; border-bottom:1px solid #666666; bottom:25%; content:""; left:0px; position:absolute; width:100%; height:10px; z-index:1;}
.widget-title .no_bar:after {content:none;}

.widget-body {padding:10px;}
.widget-body ul {margin:0px;}
.widget-body li {border-top:1px solid #e6e6e6; padding:10px;}
.widget-body .text {}
.widget-body .meta {color:#888888;}

.tab_news_wrap {padding:10px;}
.tab_news_wrap .uk-tab {border-bottom:3px solid #e30513;}
.tab_news_wrap .uk-tab li a{color:#333333; text-transform:uppercase; text-shadow:none; padding:5px 12px;}
.tab_news_wrap .uk-tab > li.uk-active > a {background:#e30513; border-color:transparent; color:#ffffff;}
.tab_news_wrap .uk-tab > li:not(.uk-active) > a:hover, .uk-tab > li:not(.uk-active) > a:focus, .uk-tab > li.uk-open:not(.uk-active) > a {padding-bottom:4px;}
.tab_news_wrap li.item {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ebebeb;}
.tab_news_wrap li.item .order {background:#dddddd; height:35px; width:35px; line-height:35px; font-size:20px; text-align:center; border-radius:50%;}
.tab_news_wrap li.item .title {margin:0; font-size:14px; font-weight:700;}
.tab_news_wrap li.item .title a {color:#333333;}
.tab_news_wrap li.item .meta {color:#777777; font-size:13px;}

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

.top-p {padding:10px;}
.top-p .heading{font-weight:700; font-size:15px;}
.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;}

.tags .uk-badge {background:#a7a7a7; border-radius:0px; padding:2px 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 .block2-title {font-size:18px; text-transform:uppercase; padding:10px;}
.relate .block2-title  span{border-bottom:3px solid #005695; }
.block-body {padding:10px;}
.relate li{border-bottom:1px dashed #eaeaea; padding:7px 0px 7px 20px; position:relative;}
.relate li:after{position:absolute; top:7px; left:0; content:"•"; color:#005695; font-size:25px;}
.relate li a{color:#333333; font-weight:700;}

#news_box {background:#ffffff;}
#news_box .heading-2 {background:#005695; color:#ffffff; padding:8px 10px; font-size:18px; text-transform:uppercase; position:relative;}
#news_box .text_link {background:#ebebeb;}
#news_box .top .wrap_img {overflow:hidden; max-height:200px;}
#news_box .top .wrap_img img {min-height:200px;}
#news_box .item.top .title {margin-top:5px; padding-top:5px; font-size:18px;}
#news_box .item .title {padding-left:10px; font-size:14px; margin-bottom:0px; padding-bottom:8px; padding-right:5px;}
#news_box .item.list {background:url('img/1.gif') 10px 5px no-repeat; padding-left:20px;}
#news_box .text_link .heading-2 {background:#e30513;}
#news_box .text_link .content {padding:10px;}
#news_box .uk-width-medium-1-3:nth-child(2n+2) {background-color:#fafafa;}

.news_posts {padding:0px;}
.news_posts .top {background:#ffffff; margin-bottom:2px;}
.news_posts .top .wrap_img {max-height:250px; overflow:hidden;}
.news_posts .top img{max-width:80px;}
.news_posts .top .title{margin:0; padding:5px 5px 0 0;}
.news_posts .list {margin:0;}
.news_posts .item {background:url('img/1.gif') 5px 10px no-repeat #ffffff; padding:5px 10px 5px 22px; border-bottom:none; margin-bottom:2px; min-height:55px;}
.news_posts .item .media-body {padding:5px 0;}
.news_posts .item img{padding:2px; width:100px; height:80px;}
.news_posts .item .title {font-size:13.5px; margin:0; color:#012351;}

#footer {background:#f6f6f6; color:#333333; border-top:1px solid #e4e5ea; padding-top:20px; font-size:13px;}
#footer .heading  {color:#999999; text-transform:uppercase; font-size:18px; border-bottom:1px solid #eaeaea; padding-bottom:5px; margin-bottom:5px;}
.text_link  {font-size:12px; }
.text_link a {color:#111111; }
#footer p{margin:10px 0px 5px;}
.copyright {background:#f6f6f6; padding:10px 0px; font-size:12px; color:#111111;}
.copyright a{color:#111111;}

.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;}
.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;}

.reference_posts {box-shadow:0px 0px 2px #777777; padding:10px 0 1px;}
.reference_posts + .wp-caption {margin-top:20px;}
.reference_posts ul {list-style:none; padding-left:20px;}
.reference_posts ul li {position:relative; padding-left:10px;}
.reference_posts ul li:after {position:absolute; content:"•"; left:0px; top:0px; color:#e30513; }
.reference_posts ul a {font-size:13px;}
.reference_posts .box2-title {padding-left:18px; margin-bottom:5px;}

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

/*.uk-navbar-toggle {float:right;}*/
@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-standard{margin-bottom:0px;}
.cycloneslider-template-standard .cycloneslider-pager {bottom:22px;}
.cycloneslider-template-standard .cycloneslider-slide {background:inherit;}
.cycloneslider-slides {z-index:0;}
/*END*/

.scrollToTop{background:#005695; border:1px solid #f1f2f6;}

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

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

@media (min-width:768px) {
	#header {}
	.logo {text-align:left; padding:10px 0px 0px;}
	.logo img{max-height:55px;}
	
	#navbar-top {border:1px solid #dddddd; border-top:none; border-radius:0 0 5px 5px;}
	#navbar-top li {padding:5px 0px;}
	#navbar-top li a {height:auto; line-height:normal; font-size:13px; color:#005695; border-right:3px solid #dddddd;}
	#navbar-top li:last-child a {border-right:none;}
	
	#f_search {width:350px; padding:6px; left:auto;}
	
	.section .heading {font-size:28px; margin:10px 0 40px;}
	
	#main-menu {max-height:auto; width:100%; position:relative; }
	#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#navbar-mobile {float:right; text-align:right;}
	#main-menu ul#navbar-mobile > li{float:none; display:inline-block;}
	#main-menu ul#navbar-mobile > li.menu-item-has-children {position:relative;}
	#main-menu ul#navbar-mobile > li.menu-item-has-children:after {position:absolute; content:""; right:3px; bottom:10px; width: 0; height: 0; border-style: solid; border-width: 0 0 5px 5px; border-color: transparent transparent #005695 transparent; z-index:1;}
	#main-menu ul#navbar-mobile > li.menu-item-has-children:hover:after {border-color: transparent transparent #ffffff transparent;}

	#main-menu ul li.current_page_item  a {}
	#main-menu ul li.current-menu-item  a {}
	#main-menu ul li:hover a{background:#005695; color:#ffffff!important;}

	#main-menu li a{display:block; margin:0; padding:10px 15px!important;}
	#main-menu li li a{display:block; color:#005695!important; }
	#main-menu > div > ul > li:last-child a{ border-right:none;}

	#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; min-width:250px; text-align:left;}
	#main-menu .current-menu-item ul{background:inherit; }
	#main-menu li:hover > ul{display:block;} /*disable for hover menu dropdown by javascript*/
	#main-menu li ul li a{padding:10px 15px!important; white-space:nowrap;font-size:13px; font-weight:400; color:#012351!important;}
	#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; }
	
	.section .desc {margin-top:-10px;}

	#hotline {background:#eef5ff; padding-bottom:50px;}
	#hotline .items {position:relative;}
	#hotline .heading span {background:#eef5ff;}
	#hotline .wrap_item {position:relative;}
	#hotline .item {background:#ffffff; border-radius:8px; padding:15px; position:relative;}
	#hotline .text {line-height:1.3;}
	#hotline .left {margin-right:100px; text-align:right;}
	#hotline .right {margin-left:100px;}
	#hotline .right li {margin-bottom:5px;}
	#hotline .label {text-transform:uppercase; font-weight:700; margin-bottom:15px;}
	#hotline .icon {position:absolute; background:#353535; color:#ffffff; border-radius:50%; width:50px; height:50px; line-height:50px; text-align:center; z-index:1;}
	#hotline .icon:before {position:absolute; content:""; top:25px; height:1px; width:75px; background:#ffffff;}
	#hotline .icon:after {position:absolute; content:""; top:18px; width: 0; height: 0; border-style: solid;}
	#hotline .left .icon {top:0px; right:-125px; font-size:31px;}
	#hotline .left .icon:before {right:100%;}
	#hotline .left .icon:after {left:-75px; border-width:8px 0 8px 10px; border-color: transparent transparent transparent #ffffff;}
	#hotline .right .icon {bottom:0px; left:-125px; font-size:25px;}
	#hotline .right .icon:before {left:100%;}
	#hotline .right .icon:after {right:-75px; border-width:8px 10px 8px 0; border-color: transparent #ffffff transparent transparent;}

	.pin_item {}
	.pin_item img {height:auto;}
	.pin_item .title {padding-top:0px; text-align:center; font-size:17px;}
	.pin_item .details {font-size:14px;}
	.pin_item .send_sms  {font-size:14px; padding:7px 10px;}

	#main_content .archive img{width:300px;}
	.archive .heading {font-size:20px;}
	
	.service_list .item {min-height:180px;}
	
	.news_posts .list .item:first-child {border-top:none;}
	#news_box {padding:20px 0 0; overflow:hidden;}
	#news_box .heading-2:after {position:absolute; content:""; top:0; bottom:0; width:500px;}
	#news_box .heading-2.left:after {background:inherit; right:100%;}
	#news_box .heading-2.right:after {background:inherit; left:100%;}
	#news_box .item.list {min-height:52px;}
	#news_box .uk-width-medium-1-3:nth-child(2n+2) {background-color:#ffffff;}
	#news_box .uk-width-medium-1-3:nth-child(3n+2) {background-color:#fafafa;}
}

@media (min-width:960px) {
	.pin_item .send_sms  {max-width:100%;}
	#news_box .uk-width-medium-1-3:nth-child(3n+2) .item {background-color:#fafafa;}
}

.table-responsive {
  overflow-x:auto;
  min-height:.01%;
}