/******* CSS SHOW CATEGORY *********/

.box-faqs {
    padding:0px;
    vertical-align:top;
}
.box-faqs .box-item{

}
.box-item .box-item_title{
    padding:10px 0px;
    border-bottom:1px dotted #bfbfbf;
}
.box-item .box-item_title a { text-decoration:none; font-weight:bold;}
.box-item .box-item_title a:hover{
    color:#d40c02;
    /*font-weight:bold;*/
}
.box-item .box-item_content{
    background:#e8f0f6;
    display:none;
    padding:10px;
}

/*BOX -faqs*/
.box-faqs ul {	list-style:none;}
.box-faqs li {background:url(../images/arr_question.gif) 0 3px no-repeat; padding:2px;	padding-left: 20px;}

/*OTHER*/
.list-other {
    padding:5px 0px;
}
.list-other h3 { font-weight:bold; }
.list-other ul {list-style:none;padding-left:15px;}
.list-other li {background: url(../images/icon_li.gif) 0 10px no-repeat;	padding-left: 10px;}
/*DETAIL*/
.boxDetail {

}
h2.title {
    font-size:14px;
    margin-bottom:5px;
}
.tools {
    background: url(../images/hr.gif) top repeat-x;
    padding-top:10px;

    margin-top:10px;
}
.hr {
    background: url(../images/hr.gif) repeat-x center;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}


/* box_sidebar */
.sidebar-faqs ul {list-style:none;padding-top:5px	;}
.sidebar-faqs li {
    background:url(../images/hr.gif) bottom repeat-x;
    padding-bottom:5px;
    margin-bottom:5px;
}
.sidebar-faqs li.last { background:none;	}

.sidebar-faqs div {
    background:url(../images/icon_li.gif) 0px 10px no-repeat;
    padding-left:10px;

}


.sidebar-faqs h3{
    padding-top:5px;
    font-weight:bold;
}
.sidebar-faqs .faqs-date {
    color:#7e9baf;
}

#banner_footer li {
    padding:0px 8px;
    float:left;
}


/**/
.i-content{
    width:100%;
}
.bg-support{
    background:#eff3f6 url(../images/bg-support.jpg) no-repeat top right;
    padding:40px 30px;
}
.dong2{
    max-width:55%;
    line-height:1.8em;
    font-size:14px;
}
.send-question{
    display:inline-block;
    padding: 14px 20px;
    color: #ffffff;
    background:#39b54a;
    font-weight:700;
    position:relative;
    margin-top:20px;
    font-size:22px;
    text-transform:uppercase;
    transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
}
.send-question::after {
    content: '\f044';
    font-family:FontAwesome;
    font-size:35px;
    font-weight:400;
    padding-left:20px;
    position:relative;
    top:4px;
}
.send-question:hover{
    color: #ffffff;
    background: #39b54a;
}
/*=================GRID QUESTION=================*/
.grid-content{
    width: 100%;
    margin-bottom: 25px;
}
.grid-content .row-content{
    background: url(../images/icon-question2.png) no-repeat 0px 25px;
    border-bottom: 1px solid #ddd;
    padding:30px 0;
}
.grid-content .row-content.active{
    background: url(../images/icon-question3.png) no-repeat 0px 25px;
}
.row-content.active .q-question {
    font-weight:700;
}
.grid-content .row-content p{
    text-align: justify;
}
.grid-content .row-content .q-question{
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    cursor: pointer;
    padding:0 0 0 70px;
    text-transform:none;
}
.grid-content .row-content .q-question:hover{
    color:#39b54a;
}
.grid-content .row-content .q-from{
    font-size: 13px;
    line-height: 18px;
    color: #666666;
}
.grid-content .row-content .answer{
    padding: 15px 30px 15px 15px;
    position: relative;
    display: none;
    margin-left: 70px;
    margin-top:15px;
    background:#f2f2f2;
}
.grid-content .row-content .answer .a-from{
    font-weight: bold;
    color:#333333;
    font-size: 14px;
    line-height: 18px;
    font-family: "Arial";
}
.grid-content .row-content .answer .a-answer{
    color:#333333;
    font-size: 14px;
    line-height: 20px;
    font-family: "Arial";
}
.grid-content .row-content .answer .a-answer span{
    font-weight: bold;
    padding:10px 0;
    display:inline-block;
    color:#666;
}
.grid-content .row-content .answer:before{
    position: absolute;
    content:"";
    top: -8px;
    width: 21px;
    height: 8px;
    background:url(../images/bullet.png) no-repeat;
}

.titleR {
    font-size:1em;
    padding:15px 0;
}
.titleR a{
    color:#8ec441;
}
.write_form {margin-bottom:30px;}
.write_form input,
.write_form textarea,
.write_form select {margin:7px 0;min-height:30px;min-width:200px;border:1px solid #f0f0f0;}
.btn_group {background:#333;border:none;padding:5px 20px;color:#fff;}
.btn_group:hover {background-color:#82a543;}
.nav_pag {
    padding:30px 0 0;
}
#post-content {
    padding-bottom:40px;
}

/**********************************/
.fancybox-skin {
    border-radius:0;
}
#popup {
    padding:0 55px 10px;
    width: 600px;
}
#popup h2 {
    font-size:30px;
    text-transform:uppercase;
    margin-bottom:20px;
    font-weight:400;
}
#popup h2::before {
    content:'\f059';
    font-family:FontAwesome;
    color:#39b54a;
    font-size:60px;
    position:relative;
    top:10px;
    padding-right:10px;
}
.form-field {
    display:table;
    width:100%;
    margin-bottom:10px;
    position:relative;
}
.form-field label,
.form-field .form-control {
    display:table-cell;
    vertical-align:middle;
}
.form-field label {
    font-size:14px;
    font-weight:400;
    width:105px;
}
.form-field .form-control {
    border-radius:0;
    background:#f1f1f1;
    border:none;
    border-left:1px solid #d1d1d1;
    border-top:1px solid #d1d1d1;
    min-height:40px;
    box-shadow:none;
    padding-left: 40px;
}
.form-field::before {
    font-family: FontAwesome;
    left: 120px;
    color: #999;
    position: absolute;
    top: 8px;
    z-index: 10;
}
.form-field.d_name::before {
    content: '\f007';
}
.form-field.d_email::before {
    content: '\f0e0';
}
.form-field.d_phone::before {
    content: '\f095';
}
.form-field.d_address::before {
    content: '\f041';
}
.form-field.d_comment::before {
    content: '\f044';
}
.form-field.d_security::before {
    content: '\f132';
}
img.ver_img {
    position: absolute;
    right: 0;
    padding: 6px;
    background: #000;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5;
}
.form-button {
    text-align:center;
    margin-top:24px;
}
.form-button button {
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    color:#FFF;
    background:#39b54a;
    height:45px;
    padding:0 40px;
    border:none;
    outline:none;
}
/**********************************/
@media screen and (max-width: 1024px){
    .bg-support {background:#eff3f6;}
    .dong2 {max-width:100%;}
    .form-field label, .form-field .form-control {display: block;}
    #popup {padding: 0;}
    .form-field::before {left: 10px;top: 37px;}
    .form-field .form-control {width: 100%;}
}