/*
Theme Name: Nguyễn Thành Trực - Template
Description: Giao diện Dành cho Nguyễn Thành Trực
Theme URI: http://azmedia.com.vn | http://nlponline.vn
Author: ctyazmedia@gmail.com
Author URI: http://azmedia.com.vn
Version: 1.0
Text Domain: http://azmedia.com.vn | http://nlponline.vn
*/

@charset "utf-8";

body {
    background:  #D3D3D3;
    font-family: Arial ;
    font-size: 13px;
    color: #494949;
}
.clr {
    clear: both;
}
a {
    text-decoration: none;
}
.tags a, a:hover {
    color: #FF7200!important;
}
header.h-main {
    background: #f3f3f3 url(images/bg-header.png) bottom repeat-x;
    border-bottom: 1px solid #c2c2c2;
    padding-bottom: 10px;
}
section.s-main {
    background: #f2f2f2 url(images/bg-main.png) repeat-x top left;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #bababa;
    padding: 10px 0;
}
.center {
    width: 1030px;
    margin: 0 auto;
}
.logo {
    width: 350px;
    height: 100px;
    float: left;
    margin-top: 20px;
}
.hotline {
    float: left;
    width: 200px;
    border: 5px solid #FFD401;
    background: url(images/phone.png) #FFD401 left center no-repeat;
    color: #fff;
    text-transform: uppercase;
    font-family: Segoe;
    font-size: 14px;
    padding: 20px 0 20px 120px;
    margin: 10px 0 0 70px;
    line-height: 1.6;
}
.menu {
    background: #525252;
}

.menu .home-link-icon {
    background: url(images/home-icon.png) no-repeat center;
    padding: 5px 15px;
}
.menu .home-link-icon:hover, .menu li.current-menu-item .home-link-icon, .menu li.current-menu-item {
    background: url(images/home.png) no-repeat center;
    padding: 5px 15px;
}
.search-box {
    display:inline-block;
    float:right;
    width:216px;
    height: 34px;
    position:relative;
    background: #fff;
    top:40px;
}
.search-box input {
    font-size:11px;
    font-family:Tahoma, Geneva, sans-serif;
    color: #005CAB;
}
.search-box .text_search {   
    background: #fff;
    border: medium none;
    display: block;
    height: 15px;
    left: 10px;
    padding: 7px;
    position: absolute;
    top:5px;
    width: 180px;
}
.search-box .butom_search {
    background: url(images/search-button.png) no-repeat;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 34px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 38px;
}
section .center {
    position: relative;
    z-index: 1;
}
.project-featured {
    background: #fff;
    margin: 10px 0;
}
.slider-featured { 
    height: 1%; 
    overflow:hidden; 
    padding: 0; 
}
.slider-featured .viewport { 
    float: left; 
    width: 940px; 
    height: 330px; 
    overflow: hidden; 
    position: relative; 
    margin-right:  10px; 
    left: 7px;
}
.slider-featured .disable { 
    visibility: hidden; 
}
.slider-featured .overview { 
    list-style: none; 
    position: absolute; 
    padding: 0; 
    margin: 0; 
    left: 0;
}
.slider-featured .overview li{
    width: 300px;
    float: left;
    font-family: Arial;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 1.8;
 }
.project-featured ul li img {
    width: 300px;
    height: 220px;
    margin-bottom: 10px;
}
.project-featured ul li a {
    font-weight:bold;
    font-size: 12px;
    color: #FEA502; 
}
.project-featured ul li p {
    font-size: 12px;
}
.project-featured .buttons { 
    background:url(images/slider-left.png) no-repeat scroll left center transparent;
    display: block; 
    margin: 130px 0px 0px 0px; 
    text-indent: -999em; 
    float: left; 
    width: 40px; 
    height: 40px; 
    overflow: hidden; 
    position: relative; }
.project-featured .next { 
    background:url(images/slider-right.png) no-repeat scroll left center transparent; 
    margin: 130px 0 0 0;  }/*#slider1 .disable { visibility: hidden; }*/
    /* Online*/
h2.title {
    line-height: 26px;
    padding: 10px 0 10px 30px;
    border-bottom:1px solid #D8D8D8;
    background: url(images/bg-title.png) no-repeat left center;
    margin: 20px 10px;
    font: bold 13px Arial;
    color: #808080;
    text-transform: uppercase;
}
h2.title span {
    color: #4DB848;
    font-weight: bold;
}
.content {
    float: left;
    width: 745px;
    background: #fff;
    min-height: 300px;
}
.margin-content {
    margin: 20px;
}
.sidebar {
    float: right;
    width: 280px;
    background: #fff;
    min-height: 300px;
}
.custom {
    margin: 20px;
    font-size: 12px;
    font-family: Arial;
    line-height: 1.8;
    text-align: justify;
}
.custom p {
    line-height: 1.8;
}
.custom strong {
    font-weight: bold!important;
    color: #4DB848;
    font-size: 13px!important;
    text-align: center!important;
}
.custom ul li {
    padding: 5px 0 5px 30px;
    background: url(images/icon.png) no-repeat left center;
    background-size: 30px
}
footer.f-main {
    background: #DCDCDC;
    border-top: 1px solid #fff;
}
footer .center {
    padding: 5px;
}
.f-main .f-info ul li {
    float: left;
    width: 335px;
    margin-right: 5px;
}
.f-main .f-info ul li h2 {
    font: bold 13px Arial;
    color: #000;
    text-transform: uppercase;
    margin: 10px 0;
    padding: 5px 0;
    border-bottom: 1px dotted #000;
}
.f-main .f-info ul.categories li a {
  color: #000;
  padding: 5px 0 6px 25px;
  background: url(images/iconcheck.png) -1px -3px no-repeat;
  float: left;
  margin-left: 10px;
}
.f-main .f-info ul li p {
    line-height: 2.0;
    color: #000;
    font-size: 14px;
}
.f-main .followUs li {
    width: auto!important;
}
.copyright {
    font-family: RobotoCondensedRegular;
    font-size: 15px;
    line-height: 1.8;
    float: left;
    width: 700px;
    margin-left: 10px;
    color: #000;
    padding: 10px 0;
}
.copyright strong, .developer strong {
    text-transform: uppercase;
    color: #5FB435;
    font-size: 15px;
    font-weight: bold;
}
.developer {
    float: right;
    width: 160px;
    font-family: RobotoCondensedRegular;
    font-size: 12px;
    line-height: 1.8;
    margin-top: 10px;
    padding: 20px 0;
}
.online-support {
    background: #fff;
    margin: 10px 0;
}
.online-support ul {
    list-style: none inside;
}
.online-support ul li {
    margin: 0 auto;
    width: 85%;
    text-align: center;
}
.online-support ul li a {
    float: left;
    color: #FFD599;
    margin: 5px 7px;
}
.online-support ul li .icon-phone {
    margin: 0 4px;
}
.online-support ul li span {
    float: left;
    width: 100%;
    font-weight: bold;
    font-family: Arial;
    text-align: left;
    text-transform: uppercase;
    margin: 10px 5px;
    display: inline-flex;
    font-size: 13px;
    color: #494949;

}
.online-support ul li span.icon-phone {
    padding: 5px;
    background: #fff;
    color: #F09926;
}
.online-support ul li strong {
    color: #E2B036;
}
.simply-scroll-container { /* Container DIV - automatically generated */
    position: relative;
}

.simply-scroll-clip { /* Clip DIV - automatically generated */
        position: relative;
        overflow: hidden;
    }

.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
.simply-scroll-list li {
            padding: 0;
            margin: 0;
            list-style: none;
        }
    
.simply-scroll-list li img {
            border: none;
            display: block;
        }
    
.simply-scroll-btn {
        position: absolute;
        background-image: url(buttons.png);
        width: 42px;
        height: 44px;
        z-index:3;
        cursor: pointer;
    }
    
.simply-scroll-btn-left {
        left: 6px;
        bottom: 6px;
        background-position: 0 -44px;
    }
.simply-scroll-btn-left.disabled {
        background-position: 0 0 !important;
    }
.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
        background-position: 0 -88px;
    }
    
.simply-scroll-btn-right {
        right: 6px;
        bottom: 6px;
        background-position: -84px -44px;
    }
.simply-scroll-btn-right.disabled {
        background-position: -84px 0 !important;
    }
.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
        background-position: -84px -88px;
    }
    
.simply-scroll-btn-up {
        right: 6px;
        top: 6px;
        background-position: -126px -44px;
    }
.simply-scroll-btn-up.disabled {
        background-position: -126px 0 !important;
    }
.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
        background-position: -126px -88px;
    }
    
.simply-scroll-btn-down {
        right: 6px;
        bottom: 6px;
        background-position: -42px -44px;
    }
.simply-scroll-btn-down.disabled {
        background-position: -42px 0 !important;
    }
.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
        background-position: -42px -88px;
    }
    
.simply-scroll-btn-pause {
        right: 6px;
        bottom: 6px;
        background-position: -168px -44px;
    }
.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
        background-position: -168px -88px;
    }
    
.simply-scroll-btn-pause.active {
    background-position: -84px -44px;
    }
.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
        background-position: -84px -88px;
    }

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll { /* Customisable base class for style override DIV */
    width: 576px;
    height: 200px;
    margin-bottom: 1em;
}

.simply-scroll .simply-scroll-clip {
        width: 576px;
        height: 200px;
    }
    
.simply-scroll .simply-scroll-list {}
.simply-scroll .simply-scroll-list li {
            float: left;
            width: 290px;
            height: 200px;
        }
.simply-scroll .simply-scroll-list li img {}
    
.simply-scroll .simply-scroll-btn {}
    
.simply-scroll .simply-scroll-btn-left {}
.simply-scroll .simply-scroll-btn-left.disabled {}
.simply-scroll .simply-scroll-btn-left:hover {}
    
.simply-scroll .simply-scroll-btn-right {}
.simply-scroll .simply-scroll-btn-right.disabled {}
.simply-scroll .simply-scroll-btn-right:hover {}
    
.simply-scroll .simply-scroll-btn-up {}
.simply-scroll .simply-scroll-btn-up.disabled {}
.simply-scroll .simply-scroll-btn-up:hover {}
    
.simply-scroll .simply-scroll-btn-down {}
.simply-scroll .simply-scroll-btn-down.disabled {}
.simply-scroll .simply-scroll-btn-down:hover {}
    


/* Vertical scroller example */

.vert { /* wider than clip to position buttons to side */
    width: 270px;
}

.vert .simply-scroll-clip {
    width: 270px;
    height: 340px;
    }
    
.vert .simply-scroll-list {}
        
.vert .simply-scroll-list li {
    width: 260px;
    margin: 10px 0 10px 10px;
    font-family: Arial;
    font-size: 12px;
    color: #494949;
    display: inline-block;
}
.vert .simply-scroll-list li a {
    font: bold 12px Arial;
    color: #494949;
}
.vert .simply-scroll-list li img {
    width:90px;
    height: 80px;
    float: left;
    margin-right: 10px
    }
    
.vert .simply-scroll-btn {}

.vert .simply-scroll-btn-up { /* modified btn pos */
    right: 0;
    top: 0;
    }
.vert .simply-scroll-btn-up.disabled {}
.vert .simply-scroll-btn-up:hover {}

.vert .simply-scroll-btn-down { /* modified btn pos */
    right: 0;
    top: 52px;
    }
.vert .simply-scroll-btn-down.disabled {}
.vert .simply-scroll-btn-down:hover {}
ul.category {
    margin: 5px 0 0 0;
    font-family: Arial;
}
ul.category li.post {
    margin: 5px; 
    padding: 10px; 
    background: #fff; 
    float: left; 
    width: 96%; 
    border-bottom: 1px dotted #C0C0C0;
}
ul.category li.post img  {
    float: left;
    width: 130px;
    height: 100px;
    margin-right: 10px;
}
ul.category li.post a.post-title {
    color: #4DB848;
    font-size: 18px;
}
ul.category li.post a.post-title:hover {
    color: #5FB435;
}
ul.category li.post p.post-content {
    line-height: 1.8;
    color: black;
    text-align: justify;
    font-size: 12px!important;
}
ul.post-info li {
    display: inline-block;
    font-size: 14px;
    color: #999999;
    margin-right: 10px
}
ul.post-info {
    margin: 5px 0;
}
ul.post-info li:last-child {
    margin-right: 0;
}
ul.post-info li.post-date {
    background: url(images/date.png) left center no-repeat;
    padding-left: 20px;
}
ul.post-info li.post-author {
    background: url(images/author.png) left center no-repeat;
    padding-left: 20px;
}
ul.post-info li.post-categories {
    background: url(images/categories.png) left center no-repeat;
    padding-left: 20px;
}
ul.post-info li.post-categories a {
    color: #4DB848;
}
a.view-all {
    float: right;
    color: rgba(255,255,255,1)!important;
    text-decoration: none;
    background-color: rgba(219,87,5,1);
    padding: 7px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px ;
    -moz-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px ;
    box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px ;
    margin: 10px auto;
    width: 90px;
    text-align: center;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}
a.readmore {
    float: right;
    font-size: 14px;
    font-style: normal;
    color: #4DB848;
}
.accordion {font: bold 12px Arial, sans-serif; margin:10px 0 0 0; padding: 0; background: #fff;width:100%}
.accordion li {margin: 0; padding: 0; border-bottom: 1px dotted #fff;}
.accordion a{padding: 10px 10px 10px 50px; background: url(images/arrow_black_down.png) no-repeat 14px center; border-radius: 4px 4px 4px 4px; text-decoration:none; display: block; color: #494949; position: relative; margin: 1px 0 0 10px;}
.accordion a.dcjq-parent, .accordion a.dcjq-parent:hover {background:}
.accordion a .dcjq-icon {position: absolute; top: 50%; left: 14px; width: 34px; margin-top: -17px; height: 34px; background: url(images/arrow_black_right.png) no-repeat 0 center;}
.accordion a.dcjq-parent.active .dcjq-icon {background: url(images/arrow_black_down.png) no-repeat 0 center;}
.accordion a:hover {padding: 10px 10px 10px 50px; background:; color: #A51703;}
.accordion .current-cat a{color: #000; }
.accordion li ul li a{
    margin-left: 35px;
    background: url(images/arrow_black_down.png) no-repeat 14px center;
}
 .accordion li ul li ul li a  {
    margin-left: 70px;
    background: url(images/arrow_black_down.png) no-repeat 14px center;
 }
.card img {
    margin: 10px 0;
}
/* Template Cat Product */
.template-cat-product li {
    float: left;
    width: 210px;
    margin: 5px 9px;
    text-align: center;
    background: #50AF31;
    padding: 5px;
}
.template-cat-product li:nth-child(3n)  {
    margin-right: 0;
}
.template-cat-product li img {
    display: block;
    height: auto;
    margin-bottom: 4px;
    transition: all 0.2s ease-in-out 0s;
    width: 210px;
    height: 160px;
}
.template-cat-product li a.post-title {
    font: bold 12px Arial;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 0;
    display: block;
}
.menu-mobile {
    display: none;
}
.block {
    display: inline-block;
}
.accordion-2 {font:14px Arial, sans-serif; margin:10px 0 0 0; padding: 0; background: #F2F2F2; border: 1px solid #ebebeb;width:100%}
.accordion-2 li {margin: 0; padding: 0; border-bottom: 1px dotted #fff;}
.accordion-2 a{padding: 10px 10px 10px 50px; background: url(images/arrow_black_down.png) no-repeat 14px center; border-radius: 4px 4px 4px 4px; text-decoration:none; display: block; color: #494949; position: relative; margin: 1px 0 0 10px;}
.accordion-2 a.dcjq-parent, .accordion-2 a.dcjq-parent:hover {background:}
.accordion-2 a .dcjq-icon {position: absolute; top: 50%; left: 14px; width: 34px; margin-top: -17px; height: 34px; background: url(images/arrow_black_right.png) no-repeat 0 center;}
.accordion-2 a.dcjq-parent.active .dcjq-icon {background: url(images/arrow_black_down.png) no-repeat 0 center;}
.accordion-2 a:hover {padding: 10px 10px 10px 50px; background:; color: #A51703;}
.accordion-2 .current-cat a{color: #000; }
.accordion-2 li ul li a{
    margin-left: 35px;
    background: url(images/arrow_black_down.png) no-repeat 14px center;
}
 .accordion-2 li ul li ul li a  {
    margin-left: 70px;
    background: url(images/arrow_black_down.png) no-repeat 14px center;
 }
/*Responsive*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .center {
        width: 750px;
        margin: 0 auto;
    }
    .logo {
        width: 180px;
    }
    .hotline {
        margin: 10px 0 0 0;
    }
    .slider-featured .viewport {
        width: 640px;
    }
    .sidebar {
        width: 744px;
        float: left;
    }
    .sidebar h2.title {
        font-size: 17px;
    }
    .cate-right {
        width: 230px;
        float: left;
    }
    .online-support {
        float: left;
        margin: 0;
        width: 270px;
    }
    .face {
        float: left;
    }
    .new-featured, .card, .menu-menu-container, .search-box, .hotline {
        display: none;
    }
}

@media screen and (min-width:480px) and (max-width:767px) {
    .center {
        width:465px;
        margin: 0 auto;
    }
    .logo {
        width: 135px;
        height: 165px;
    }
    .hotline {
        margin: 10px 0 0 0;
    }
    .search-box {
        top: 15px;
    }
    .slider-featured .viewport {
        width: 375px;
    }
    .content {
        width:465px;
    }
    ul.category li.post {
        width: 90%;
    }
    .sidebar {
        width:465px;
        float: left;
    }
    .sidebar h2.title {
        font-size: 17px;
    }
    .cate-right, .new-featured {
        width: 230px;
        float: left;
    }
    .online-support {
        float: left;
        margin: 0;
        width: 235px;
    }
    .vert .simply-scroll-clip,.vert {
        width: 230px;
        height: 210px;
    }
    .vert .simply-scroll-list li {
        width: 218px;
    }
    .face {
        float: left;
    }
    .card, .menu-menu-container, .search-box, .hotline {
        display: none;
    }
    .copyright {
        width: 90%;
    }
}
@media screen and (min-width: 320px) and (max-width: 479px) {
   .center {
        width:305px;
        margin: 0 auto;
    }
    .logo {
        width: 135px;
    }
    .hotline {
        margin: 10px 0 0 0;
        width: 175px;
    }
    .slider-featured .viewport {
        width: 290px;
    }
    .project-featured .buttons {
        display: none;
    }
    .content {
        width:305px;
    }
    ul.category li.post {
        width: 90%;
    }
    .sidebar {
        width:305px;
        float: left;
    }
    .sidebar h2.title {
        font-size: 17px;
    }
    .cate-right, .new-featured,.card {
        width: 230px;
        float: left;
    }
    .online-support {
        float: left;
        margin: 0;
        width: 235px;
    }
    .vert .simply-scroll-clip,.vert {
        width: 230px;
        height: 210px;
    }
    .vert .simply-scroll-list li {
        width: 218px;
    }
    ul.category li.post img, .menu-menu-container, .search-box, .hotline {
        display: none;
    }
    .face {
        float: left;
    }
    .copyright {
        width: 90%;
    }
}
ol.commentlist {
    margin: 10px 5px;
    padding: 10px;
}

.commentlist .comment-body {
    padding: 10px;
    background: #EFEFEF;
    border: solid thin #DEDEDE;
    margin: 10px 0;
    position: relative;
}

.comment-body a.comment-reply-link {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #AEAEAE;
}

ol.commentlist li {
    list-style: none;
}

ol.commentlist img.avatar {
    padding: 5px;
    background: #DEDEDE;
    border: solid thin #CECECE;
    float: left;
    display: block;
    margin: 15px;
    width: 32px;
    height: 32px;
}

ol.commentlist .comment-author {
    line-height: 25px;
}

.comment-body cite.fn {
    font-size: 14px;
    font-style: normal;
}

.commentmetadata a {
    margin: 0;
    font-size: 11px;
    color: #999;
}

.comment-body p {
    margin: 5px;
}

.comment-body .comment-author.vcard {
    margin: 0;
}

#comments {
    display: none;
    background: white;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

#comments > h2 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 42px!important;
    color: #222;
    padding: 4px 5px 0px 8px;
    text-transform: uppercase;
    height: 40px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #EBEBEB;
    font-weight: bold;
}

#respond h3 {
    font: bold 20px Arial;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #4DB848;
}

.logged-in-as {
    padding-bottom: 10px;
}

ol.commentlist,ol.sepa_pinglist {
    margin: 15px;
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
}

ol.sepa_pinglist {
    margin: 20px;
    width: 96%;
    list-style: none;
}

li.pingback {
    border-left: 3px solid #ECECEC;
    margin: 5px 0;
    padding: 8px 5px;
    background: #FAFAFA;
    border-bottom: 1px dashed #EEE;
}

.edit-link {
    margin-left: 15px;
}

.comments-title {
    padding: 0px;
    line-height: 21px;
}

.comment {
    margin-top: 20px;
}

.commentlist ul.children {
    margin-left: 30px;
}

.comment-wrapper {
    padding: 10px ! important;
    background: white;
    border: 1px solid #ebebeb;
}

.comment-avatar img {
    opacity: 1;
    padding: 3px;
    border: 1px solid #EBEBEB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.comment-avatar {
    float: right;
    margin: 20px 12px 0px 0;
    background: white;
    text-align: center;
    width: 65px;
    height: 65px;
}

.odd .comment-avatar {
    float: right;
    margin: 15px 30px 0px 0;
    background: white;
    text-align: center;
    width: 65px;
    height: 65px;
}

.comment-meta {
    margin: 6px;
    display: block;
    text-transform: uppercase;
}

.comment-meta .author {
    display: inline-block;
    margin: 5px;
    font-weight: bold;
    font-size: 14px;
}

.comment-meta .time {
    padding-left: 6px;
    border-left: 1px solid #F7F7F7;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 4px;
    display: inline-block;
    color: #999;
    text-decoration: none;
    font-style: italic;
    letter-spacing: 1px;
    text-transform: none;
}

.commentlist .comment-content {
    font-style: normal;
    font-family: "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
    color: #666;
    font-size: 13px;
    margin: 10px 20px;
    word-wrap: break-word;
    font-weight: bold;
}

.comment-content p {
    margin-bottom: 20px;
}

.comment-content ul li {
    list-style: disc;
}

.commentlist .comment-content h1,.commentlist .comment-content h2,.commentlist .comment-content h3,.commentlist .comment-content h4,.commentlist .comment-content h5,.commentlist .comment-content h6 {
    margin-bottom: 30px;
}

.commentlist .comment-content a {
    text-decoration: underline;
    color: #1470D3;
}

.commentlist .comment-content .reply {
    padding-top: 10px;
}

.commentlist .comment-content .reply a {
    padding-top: 10px;
    text-decoration: none;
    color: #111;
}

.commentlist .odd .comment-content {
    padding: 20px;
    border: 1px solid whiteSmoke;
    margin: 10px;
    background: #F7F7F7;
}

.depth-2,.depth-3,.depth-4,.depth-5,.depth-6,.depth-7,.depth-8,.depth-9,.depth-10 {
    padding-right: 0px;
    padding-bottom: 0px;
}

#respond {
    clear: both;
    margin: 15px 0 50px;
    padding: 0px;
}

#cancel-comment-reply-link {
    color: #E85A08;
    font-size: 12px;
}

#commentform input[type="text"], input[type="email"],#commentform textarea ,.content-sub input[type="password"] {
    background: white;
    color: #666;
    padding: 6px 6px 6px 8px;
    margin-bottom: 15px;
    height: 18px;
    outline: none;
    background: #EFEFEF;
    border: solid thin #DEDEDE;
}

.content-sub input[type="password"] {
    height: 20px;
    background: #EFEFEF;
    border: solid thin #DEDEDE;
}

#commentform textarea {
    width: 94%;
    height: 100px;
    padding: 5px;
    max-width: 100%;
    line-height: 20px;
    outline: 0;
    background: #EFEFEF;
    border: solid thin #DEDEDE;
}

#commentform input[type="text"]:focus, #commentforminput[type="email"]:focus, #commentform textarea:focus {
    background: #EFEFEF;
    border: solid thin #DEDEDE;
}

#commentform small {
    font-weight: bold;
}

#commentform p {
    font-weight: bold;
    margin: 10px 0;
}
#commentform a, .comment-body a {
    color: #397797!important;
}
#commentform  input[type="submit"] {
    color: #fff;
    font-size: 13px!important;
    margin: 0 1px 1px 0;
    padding: 10px;
    text-transform: uppercase;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    background: #4DB848;
    text-decoration: none;
    float: left;
    border-radius: 2px;
    font-weight: bold;
    border: 1px solid #4DB848;
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.comment-form-author label,.comment-form-email label,.comment-form-url label {
    line-height: 32px;
    padding-left: 15px;
}

.comment-form-comment label {
    display: none;
}

.comment-notes,.form-allowed-tags {
    margin: 10px 0;
}

.nocomments {
    padding: 15px;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 1px;
}

.bypostauthor .comment-avatar img {
    border: 1px solid #12BEB8;
}
ul.followUs li {
    display: inline;
    margin: 10px 4px;
    float: left;
}
/* Tabs comment */
.tabs{
max-width:650px;
margin:0 auto;
position:relative;
clear: both;
padding-top:20px;
}
.tabs h3 {font-size:15px;background: #C0392B;color: #fff;padding: 0 20px;margin: 0 -24px;}
.tabs input{
position:absolute;
top:0;
left:0;
display:none;
}
.tabs label{
display:block;
float:left;
position:relative;
padding:10px 20px;
line-height:1.5em;
min-width:55px;
text-align:center;
color: #222;
font-size:13px;
font-weight:bold;
letter-spacing:1px;
cursor:pointer;
 
}
.tabs label:after{
content:"";
display:block;
position:absolute;
width:100%;
height:5px;
background:#fff;
left:0;
bottom:-5px;
}
.clear-shadow{
clear:both;
}
.content-tab{
position:relative;
width:100%;
border-top: 1px solid #DDD;
padding-top: 10px;
margin-top:-1px;
}
.content-tab>div{
overflow:hidden;
top:0;
left:0px;
opacity:0;
display:none;
transition:opacity .4s;
-moz-transition:opacity .4s;
-webkit-transition:opacity .4s;
-ms-transition:opacity .4s;
-o-transition:opacity .4s;
}
/***** Xu Ly An Hien*****/
.tabs input:checked + label{background: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yf/r/PfBgtiydy5U.gif) no-repeat bottom center;z-index:1}
.tabs input.tab-selector-1:checked ~ .content-tab .tab-1,
.tabs input.tab-selector-2:checked ~ .content-tab .tab-2{
opacity:1;display:block;
}
.support-icon-right {
    background: #F0F3EF;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 9;
    overflow: hidden;
    width: 250px;
    color: #fff!important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.support-icon-right h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px!important;
    font-family: Arial;
    color: #fff!important;
    margin: 0!important;
    background-color: #5CB85C;
    cursor: pointer;
    padding: 10px 5px 6px;
}

.online-support {
    display: none;
}