/*ZetAdmin style*/
body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%); border-radius: 0; }
body::-webkit-scrollbar-thumb { border-radius: 0; -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 50%); }
body::-webkit-scrollbar { width: 5px; }

body { background-color: #f7f8f9; }

#za-fw_header { background: #fff;}
#za-fw_header .logo { padding: 14px 0; height: auto;}
#za-fw_header .logo img {
    display: block;
    max-width: 100%;
    max-height: 22px;
}
.nav-top {
    position: relative;
    display: block;
    width: 100%;
    min-height: 30px;
    border-bottom: 1px solid #eee;
}
.nav-top .container {}
.nav-top .container .nav-top_left {}
.nav-top .container .nav-top_right { float: right; }
.nav-top .container .nav-top_right a { color: #444; text-decoration: none; font-size: 13px; padding: 10px 15px;}

.nav-container {padding: 10px 0;}
/*Menu top*/
#za-fw_header .menu-container { padding: 0;}
.menu-container .navbar-brand {
    color: #515151; 
    text-transform: uppercase;
}
.menu-container .navbar-nav > li > a { 
    color: #515151;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
.menu-container .navbar-nav > li > a:hover {
    background-color: #fff !important; 
    color: #2d66b9; 
}
.menu-container .navbar-collapse {
    padding-right: 0; 
    padding-left: 0; 
    background-color: #fff; 
}
.menu-container .dropdown { 
    position: relative; 
    display: block; 
}
.dropdown > .dropdown-content { 
    position: absolute; 
    background-color: #fff; 
    min-width: 160px; 
    visibility: hidden; 
    left: 0; 
    box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2); 
    z-index: 9999; 
    list-style: none; 
    padding: 0; 
    margin: 0; 
    -webkit-transition: all 0.3s ease-in-out; 
    -moz-transition: all 0.3s ease-in-out; 
    -ms-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
    -webkit-opacity: 0; 
    -khtml-opacity: 0; 
    -moz-opacity: 0; 
    opacity: 0; 
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
    filter: alpha(opacity=0);
}
.menu-container .dropdown-content a { 
    color: #515151; 
    padding: 8px 40px 8px 15px; 
    text-decoration: none; 
    display: block; 
    position: relative; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
}
.menu-container .dropdown-content a:hover {
    color: #2d66b9; 
}
.menu-container .dropdown-content a:hover::after { 
    content: ""; 
    padding: 0 10px; 
    color: #2d66b9; 
    position: absolute; 
    right: 8px; 
    top: 8px;
}
.menu-container .dropdown:hover > .dropdown-content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
    filter: alpha(opacity=100); 
    opacity: 1; 
    visibility: visible;
}
.menu-container .dropdown:hover > a {
    background-color: #fff;
    color: #666;
}

.sub_dropdown {}
.sub_dropdown > .dropdown-content {
    left: 100%; 
    top: 0; 
    box-shadow: 4px 8px 8px 0px rgb(0 0 0 / 20%);
}

.menu-container .navbar-toggle .icon-bar {
    background-color: #eee;
}
.menu-container .navbar-brand i {
    display: block;
}
.menu-container .navbar-brand .text_logo {
    display: none;
}
.text_center {text-align: center;}

.position-right {
    position: relative;
}
.position-right label {
    position: absolute;
    background: #fff;
    padding: 0px 10px;
    font-size: 11px;
    top: -10px;
    right: 12px;
    margin: 0;
    border-radius: 4px;
    z-index: 1000;
    line-height: 16px;
}

#za-fw_main {}
#za-fw_main .container > .row { display: flex;}

#za-fw_main .colFullTop {}
#za-fw_main .colFullBottom {}

/*widget*/
.widget { margin-bottom: 20px; }
.widget .wg_title { }
.widget .wg_content { }
.widget .wg_content .description {}
.widget .wg_content ul { }
.widget .wg_content ul li { }
.widget .wg_content ul li a { }

/*colMiddle*/
.colMiddle { background: #fff; margin: 15px 0;}
.colMiddle .title {font-weight: 600; padding: 0 15px; font-size: 26px;}
.colMiddle .des_update {padding: 0 15px; margin-bottom: 15px;}
.colMiddle .des_update a { text-decoration: none; color: #3a62ad; }
.colMiddle .des_image {padding: 0 15px; margin-bottom: 15px;}
.colMiddle .des_image img { display: block; width: 100%;}
.colMiddle .content {padding: 0 15px 0 15px; font-size: 15px;}
.colMiddle .content a { text-decoration: none;}
.colMiddle .content h1 {font-size: 25px;font-weight: 600;color: #444;}
.colMiddle .content h2 {font-size: 22px;font-weight: 600;color: #444;}
.colMiddle .content h3 {font-size: 19px;font-weight: 600;color: #444;}
.colMiddle .content h4 {font-size: 16px;font-weight: 600;color: #444;}
.colMiddle .content h5 {font-size: 14px;font-weight: 600;color: #444;}
.colMiddle .content img {display: block; max-width: 100% !important; margin: 0 auto; height: auto !important;width: auto !important;}
.colMiddle .content table {max-width: 100% !important; margin: 0 auto;}

.colMiddle .content ol, .colMiddle .content ul {}
.colMiddle .content ol li, .colMiddle .content ul li {line-height: 30px;}

.colMiddle .content .post_static {padding: 15px 0; text-align: right; margin-top: -20px;}
.colMiddle .content .post_static .views {display: inline-block; margin-right: 10px;}
.colMiddle .content .post_static .views .name {margin-right: 5px;}
.colMiddle .content .post_static .views .value {}

.colMiddle .content .post_static .reviews {display: inline-block;}
.colMiddle .content .post_static .reviews .name {margin-right: 5px;}
.colMiddle .content .post_static .reviews .value {margin-right: 5px;}
.colMiddle .content .post_static .reviews .value i { color: #e8a01c; cursor: pointer;}
.colMiddle .content .post_static .reviews .value i.fa-star-o { color: #ddd; }
.colMiddle .content .post_static .reviews .text { color: #555;}

.colMiddle .content .tags {padding: 15px 0 15px 0; display: inline-flex;}
.colMiddle .content .tags span { display: inline-block;}
.colMiddle .content .tags ul {list-style: none; margin: 0; padding: 0 10px; display: inline-block;}
.colMiddle .content .tags ul li { display: inline-block;}
.colMiddle .content .tags ul li a { 
    text-decoration: none;
    background: #eee;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    color: #3a62ad;
}

.colMiddle .content .btn_share { position: relative; margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.colMiddle .content .btn_share .share_title {display: inline-block; padding: 3px 8px 3px 0;font-weight: bold;}
.colMiddle .content .btn_share ul { list-style: none; margin: 0; padding: 0;display: inline-block;}
.colMiddle .content .btn_share ul li {display: inline-block;}
.colMiddle .content .btn_share ul li a { color: #fff; padding: 3px 8px; text-decoration: none;}
.colMiddle .content .btn_share ul li a i {}
	
.colMiddle .content .btn_share ul li.icon_fb { background: #1877f2; }
.colMiddle .content .btn_share ul li.icon_tw { background: #1da1f2; }
.colMiddle .content .btn_share ul li.icon_gg { background: #dd4b39; }
.colMiddle .content .btn_share ul li.icon_mail { background: #dd4b39; }
.colMiddle .content .btn_share ul li.icon_fb a i {}
.colMiddle .content .btn_share ul li.icon_tw a i {}

.colMiddle .products {
    margin: 15px 15px 20px 15px;
    border: 1px solid red;
    border-radius: 4px;
}
.colMiddle .products legend {
    display: inline-block;
    width: auto;
    border: none;
    background: #fff;
    margin-left: 15px;
    margin-bottom: 0;
}
.colMiddle .products .title {
    text-align: center;
    margin: 0 10px;
    text-transform: uppercase;
    font-size: 14px;
    color: red;
    padding: 0;
}
.colMiddle .products .product_list { padding: 15px 15px 0 15px;}
.colMiddle .products .item { margin-bottom: 20px; }
.colMiddle .products .item .image {margin-bottom: 5px;background: #eee;}
.colMiddle .products .item .image img { max-width: 100%; display: block; min-height: 150px; margin: 0 auto; }
.colMiddle .products .item > .name { 
    height: 60px; margin-bottom: 5px; text-decoration: none; color: #555; font-weight: 600;
    overflow-wrap: break-word;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
.colMiddle .products .item .des .price {text-align: center; display: inline-block; width: 100%; margin-bottom: 6px;}
.colMiddle .products .item .des .price span { margin: 0 1px;}
.colMiddle .products .item .des .price .new {color: red; font-size: 13px;}
.colMiddle .products .item .des .price .old {text-decoration: line-through; color: #888; font-size: 12px;}

.colMiddle .products .item .des .link { text-align: center; display: inline-block; width: 100%; margin-bottom: 6px;}
.colMiddle .products .item .des .link span { 
    cursor: pointer;
    background: #3a62b3;
    border-radius: 22px;
    color: #eee;
    padding: 5px 12px 3px 12px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    display: inline-block;
}
.colMiddle .products .item .des .site {
    text-align: center;
    font-size: 11px;
    color: #888;
    height: 15px;
    overflow-wrap: break-word;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.colMiddle .products .item .des .site span {
}
.colMiddle .products .item .des .site span i {
}
.colMiddle .products .item .des .site span img {
    display: inline-block;
    height: 12px;
    margin-top: -2px;
}

.colMiddle .relateds {}
.colMiddle .relateds .title {

    margin: 15px 0;
    text-transform: uppercase;
    font-size: 14px;
    color: #444;
}
.colMiddle .relateds .related_list { }
.colMiddle .relateds .related_list ul { list-style: none; margin: 0; padding: 0 15px;}
.colMiddle .relateds .related_list ul li {}
.colMiddle .relateds .related_list ul li a {color: #444; text-decoration: none;}

.colMiddle .relateds .item { margin-bottom: 15px; }
.colMiddle .relateds .item .image {margin-bottom: 5px; min-height: 100px; background: #eee;}
.colMiddle .relateds .item .image img { max-width: 100%; display: block; max-height: 150px; margin: 0 auto;}
.colMiddle .relateds .item > .name { 
    height: 60px; margin-bottom: 5px; text-decoration: none; color: #555; font-weight: 600;
    overflow-wrap: break-word;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.colMiddle .relateds .item .des {color: #555;height: 65px; overflow-wrap: break-word;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.colMiddle .comments_box {padding: 15px 15px;}

/*colRight*/
.colRight {margin: 15px 0; flex: 0 0 auto; position: sticky; top: 15px;}
.colRight .widget {}

/*colLeft*/
.colLeft {margin: 15px 0; flex: 0 0 auto; position: sticky; top: 15px;}
.colLeft .widget {}

.breadcrumb { background: #fff; }
.breadcrumb ul { list-style: none; padding: 0; margin: 0;}
.breadcrumb ul li { display: inline-block; display: contents;}
.breadcrumb ul li.active { }
.breadcrumb ul > li + li::before { content: "\f101"; padding: 0 5px; color: #666; font: normal normal normal 12px/1 FontAwesome;}
.breadcrumb ul li a {text-decoration: none; color: #515151;}
.breadcrumb ul li a::before {}
.breadcrumb ul li a::after {}
.breadcrumb ul li.active a { color: #3a62ad; }
.breadcrumb ul li:last-child a { }

/*categorys*/
.categorys .colMiddle { background: none;}
.categorys .colMiddle .title {
    color: #7B7D7E;
    text-align: center;
    font-size: 27px;
    font-weight: 600;
    padding: 15px 15px 15px 15px;
    background-color: #FFF;
    border-style: solid;
    border-width: 0 0 4px 0;
    border-color: #337ab7;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 20px;
}
.categorys .colMiddle .content {background: #fff; padding: 15px; margin-bottom: 15px;}
.categorys .colMiddle .post_list {}
.categorys .colMiddle .post_list .item {background: #fff; -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%); box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%); margin-bottom: 30px;} 
.categorys .colMiddle .post_list .item .img { cursor: pointer; min-height: 100px;}
.categorys .colMiddle .post_list .item .img img {display: block; max-width: 100%;}
.categorys .colMiddle .post_list .item h3 { 
    margin: 0;
    padding-bottom: 10px;
}
.categorys .colMiddle .post_list .item .name {    
    text-decoration: none;
    color: #54595f;
    display: block;
    font-weight: 600;
    padding: 15px;
    font-size: 20px;
    line-height: 26px;
    height: 95px;
    overflow-wrap: break-word;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.categorys .colMiddle .pagination_post { text-align: center; }
.categorys .colMiddle .pagination_post .pagination {}
.categorys .colMiddle .pagination_post .pagination .page-link {}
.categorys .colMiddle .pagination_post .pagination .page-link .page-active {margin: 0 3px; border-radius: 4px; font-weight: bold; color: #eee; background: #3a62ad; border: 1px solid #3a62ad; }
.categorys .colMiddle .pagination_post .pagination .page-link a {margin: 0 3px; border-radius: 4px;color: #3a62ad;}

/*tags*/
.tags .colMiddle { background: none;}
.tags .colMiddle .title {
    color: #7B7D7E;
    text-align: center;
    font-size: 27px;
    font-weight: 600;
    padding: 15px 15px 15px 15px;
    background-color: #FFF;
    border-style: solid;
    border-width: 0 0 4px 0;
    border-color: #F64;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 20px;
}
.tags .colMiddle .content {background: #fff; padding: 15px; margin-bottom: 15px;}
.tags .colMiddle .post_list {}
.tags .colMiddle .post_list .item {background: #fff; -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%); box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%); margin-bottom: 30px;} 
.tags .colMiddle .post_list .item .img { cursor: pointer; min-height: 100px;}
.tags .colMiddle .post_list .item .img img {display: block; max-width: 100%;}
.tags .colMiddle .post_list .item h3 { 
    margin: 0;
    padding-bottom: 10px;
}
.tags .colMiddle .post_list .item .name {    
    text-decoration: none;
    color: #54595f;
    display: block;
    font-weight: 600;
    padding: 15px;
    font-size: 20px;
    line-height: 26px;
    height: 95px;
    overflow-wrap: break-word;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.tags .colMiddle .pagination_post { text-align: center; }
.tags .colMiddle .pagination_post .pagination {}
.tags .colMiddle .pagination_post .pagination .page-link {}
.tags .colMiddle .pagination_post .pagination .page-link .page-active {margin: 0 3px; border-radius: 4px; font-weight: bold; color: #eee; background: #3a62ad; border: 1px solid #3a62ad; }
.tags .colMiddle .pagination_post .pagination .page-link a {margin: 0 3px; border-radius: 4px;color: #3a62ad;}

.advertise { text-align: center;background: #fff; padding: 15px;}
.advertise img { display: block; max-width: 100%; margin: 0 auto;}

/*search*/
.results_item_list {}
.results_item_list .list-group-item { margin-top: 15px; font-weight: 600;}

.comment_partition {text-align: center; font-size: 12px;}
.comment_partition span { 
    cursor: pointer;
    padding: 5px 9px;
    border: 1px solid #eee;
    margin: 4px;
    border-radius: 4px;
}
.comment_partition span.active {background: #eee; font-weight: bold;}

/*footer*/
#za-fw_footer {}
#za-fw_footer .container {}
#za-fw_footer .footer { background: #333; color: #eee; padding: 40px 20px;}

.footer .widget .wg_title {
    margin: 0;
    font-size: 16px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #777;
}
.footer .widget .wg_content { }
.footer .widget .wg_content .description { font-size: 13px;padding-top: 5px;}
.footer .widget .wg_content ul { list-style: none; margin: 0; padding: 0;}
.footer .widget .wg_content ul li { }
.footer .widget .wg_content ul li a { color: #eee; text-decoration: none; padding: 5px 0; display: block;}
.footer .widget .wg_content ul li a::before { content: "\f178"; font: normal normal normal 10px/1 FontAwesome; padding: 0px 6px 0px 0;}
.footer .widget .wg_content ul li a::after {}

.footer .newsletter { display: block; }
.footer .newsletter .form-control {
    height: 42px;
    border: none;
    padding-right: 55px;
    border-radius: 3px;
    display: block;
    float: none;
}
.footer .newsletter .input-group-btn {
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 5px;
    padding: 0 5px;
    border-left: 1px solid #e2e4e8;
    display: block;
    width: 49px;
    height: 32px;
    z-index: 99;
}
.footer .newsletter .input-group-btn .btn {
    width: 38px;
    height: 32px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    font-size: 24px;
    margin: 0;
    border-radius: 3px;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: #eee; }

#za-fw_footer .copyright { background: #333; color: #eee; font-size: 12px; text-align: center; padding: 8px 10px; margin: 0; border-top: 1px solid #444;}
#za-fw_footer .copyright a {color: #ddd; font-size: 12px;text-decoration: none;}

#scrollUp{background-color:#3a62b3;bottom:65px;right:15px;width: 42px;height:4.2rem;line-height:4.3rem;text-align:center;border-radius: 60px;}
#scrollUp:hover{-webkit-box-shadow:0 10px 30px 0 rgba(244,68,56,0.3);box-shadow:0 10px 30px 0 rgba(244,68,56,0.3);background-color:#f22214}
#scrollUp i{color:#ffffff;font-size:2rem;margin-top: 10px;}

#toctoc{width:100%;margin-bottom:15px;text-align:left;border: 1px solid #ccc; display: inline-table;z-index: 999;}
#toctoc #toctoc-head {padding:5px 15px 5px 15px;text-align: center;justify-content:space-between;}
#toctoc #toctoc-head span { margin-right: 10px; font-size: 14px; text-transform: uppercase; font-weight: 600;}
#toctoc #toctoc-head a:hover{opacity:.9}
#toctoc #toctoc-body { padding: 0 0 10px 0; font-size:1rem}
#toctoc #toctoc-body .link{margin:.2rem 0}
#toctoc #toctoc-body a {align-items:center;gap:.4rem; font-size: 12px;padding: 2px 15px;
    height: 22px;
    overflow-wrap: break-word;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
#toctoc #toctoc-body a.active {color: #eee !important; font-weight: 600;}
#toctoc #toctoc-body .link-h3{padding-left:1rem}
#toctoc #toctoc-body .link-h4{padding-left:2rem}
#toctoc #toctoc-body .link-h5{padding-left:3rem}
#toctoc #toctoc-body .link-h6{padding-left:4rem}
#toctoc a{text-decoration:none}

.commentList li .avatar{background:#EEE;border:1px solid #DDD;left:10px;padding:2px;position:absolute;top:10px}
.c_title {color: #444; display: inline-block; margin-right: 10px;}
div#articleComments .comment{margin-left:0;padding-left:0}div#articleComments{box-shadow:none;border-radius:0;margin:0;padding:0;background-color:transparent; }div#articleComments h3{font-size:16px;font-weight:700;text-transform:uppercase;color:#444;background:0 0;padding:0 0 10px;border-bottom:1px solid #ddd;position:relative;margin-top:0;line-height:20px}div#articleComments h3:after{position:absolute;left:0;bottom:-1px;content:"";background:#beae59;height:1px;width:40px}div#articleComments .commentList li{border-radius:0;overflow:hidden;border:none;padding:0 0 0 80px;margin:0 0 15px}div#articleComments .commentList li .avatar{border:none;padding:0;width:60px;height:60px;overflow:hidden;top:0;left:0; border-radius: 50%;}div#articleComments .commentList li .text .name{color:#444;font-size:12px;display:block;text-transform:capitalize;margin-bottom:3px;font-weight:700}div#articleComments .commentList li .text .name .parent_name{font-style:italic}div#articleComments .commentList li .text .created{display:inline-block;margin:0;font-size:11px;color:#bbb}div#articleComments .commentList li .text .reply{display:inline-block;font-size:11px;float:none;height:auto;margin:0}div#articleComments .commentList li .text .reply a{color:#385dad;background:0 0;padding:0;font-size:11px}div#articleComments .commentList li .text .reply a:hover{color:#bbb}div#articleComments .commentList li .text .comment_content {margin:10px 0 0;border-top:solid 1px #eaeaea;padding-top:10px;line-height:20px;font-size:13px;font-weight:300}div#articleComments .commentList li .bgr_cm{display:block}div#articleComments .commentList li .comment{padding-top:15px}div#articleComments .commentList li .comment li{margin:0}div#articleComments .commentList .even{background:0 0;position:relative;line-height:18px}.nivo-controlNav{display:none!important}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: grid;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}

@media (max-width: 480px)
{
    
}
@media (max-width: 768px)
{
	.dropdown-menu { min-width: 30px;}
	.mobile_hidden {display: none;}
	.nav-top .container .nav-top_right {
    	float: inherit;
    	text-align: right;
	}
	.nav-top .container .nav-top_right a {
		padding: 8px 10px;
	}
	.nav-top .container .nav-top_right .nav>li {
		display: inline-block;
	}
	.nav-top_right .open .dropdown-menu {
		position: absolute;
		background: #fff;
	}
    .menu-container .navbar-brand i {
        display: none;
    }
    .menu-container .navbar-brand .text_logo {
        display: block;
        font-weight: bold;
    }
    .menu-container .navbar-collapse {
        padding-right: 15px; 
        padding-left: 15px; 
        border-top: none; 
        box-shadow: none;
    }
    .menu-container .container {
        padding-right: 0; 
        padding-left: 0;
    }
    .menu-container .caret { 
        position: absolute; 
        right: 15px; 
        top: 20px; 
    }
    .menu-container .dropdown-content {
        position: static;
        width: 100%; 
        display: none;
        top: 0;
        box-shadow: none;
        padding-left: 15px;
    }
    .menu-container .dropdown:hover .dropdown-content {
        display: block;
    }
    .menu-container .dropdown-content a::after { 
        content: "»"; 
        padding: 0 10px; 
        color: #eee; 
        position: absolute; 
        right: 8px; 
        top: 8px;
    }
    
    .sub_dropdown > .dropdown-content {
        left: 100%; 
        top: 0; 
        opacity: 1; 
        box-shadow: none;
        visibility: visible;
    }
    #za-fw_main .container > .row { display: block;}
    
    #za-fw_header .logo {padding: 10px; height: 50px;}
    #za-fw_header .logo img {height: 100%;}
    #za-fw_header .navbar-toggle { border: 1px solid #4057a7; background-color: #3667b1; margin-right: 10px;}
    #za-fw_header .navbar-toggle .icon-bar {background: #eee;}
    #za-fw_header .menu-container .navbar-nav > li > a { }
}