@charset "utf-8";
/* CSS Document */
body { font-family: "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif; font-size: 13px; overflow-x: hidden; color: #555; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.1; color: inherit; margin: 0; padding: 0; }
a, a:hover { transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; text-decoration: none; }
ul, ul li { margin: 0; padding: 0; list-style: none; }
img { vertical-align: middle; max-width: 100%; position: relative; }
.font-esp { font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; }
input, button, select, textarea { border: 1px solid #ccc; border-radius: 2px; }
input, select { height: 30px; }
input[type=checkbox], input[type=radio] { height: auto; margin: 2px 0 0; }
.radio input, .checkbox input { height: auto; }
.radio label, .checkbox label { line-height: 20px; }
.trans { transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }
.row-reset { margin-right: 0px; margin-left: 0px; }
.row-reset>[class*="col-"] {
padding-right:0px;
padding-left:0px;
}
.row-short { margin-left: -5px; margin-right: -5px; }
.row-short>[class*="col-"] {
padding-left:5px;
padding-right:5px;
}
.table-display { display: table; width: 100%; height: 100%; table-layout: fixed; }
.cell-display { display: table-cell; vertical-align: middle; }
.block { display: block; }
.cover-bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.text-green { color: #1bace1 ; }
.text-grey { color: #999; }
.text-star { color: #e69c33; font-size: 15px; line-height: 1; }
.text-red { color: #e65858; }
.font-light { font-weight: 300; }
.size12 { font-size: 14px !important; }
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { height: 42px; padding: 10px 16px; font-size: 16px; line-height: 1.3333333; border-radius: 2px }
select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn { height: 42px; line-height: 42px }
.modal-backdrop.in { opacity: .7; }
.margin-bottom-20 { margin-bottom: 20px; }
.space5 { margin-bottom: 5px; }
.space10 { margin-bottom: 10px; }
.space15 { margin-bottom: 15px; }
.space20 { margin-bottom: 20px; }
.space25 { margin-bottom: 25px; }
.line-camp-1 { display: block; line-height: 2.3; /*max-height: 1.3em*/; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.line-camp-2 { display: block; line-height: 22px;
    max-height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.list-news .line-camp-2{height:auto;max-height:50px}
.line-camp-3 { display: block; line-height: 21px; max-height: 65px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; 
               -webkit-box-orient: vertical; -webkit-line-clamp: 3;
               /*line-height: 22px;
    max-height: 75px;
    padding-bottom: 10px;*/
}
.line-camp-4 { display: block; line-height: 21px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
#map { width: 100%; height: 330px; }
.map { height: 330px; width: 100%; background-color: #ccc; position: relative; text-align: center; }
/**************RESET*************/
.btn, .btn:hover { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.btn:before { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }
.btn:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
/*.btn-success, .btn-success:hover { background-color: #AE4A84 !important; border-color: #AE4A84 !important; position: relative; }
.btn-success:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #AE4A84; }*/
.btn-gray, .btn-gray:hover { background-color: #777; border-color: #777; position: relative; color: #fff; }
.btn-gray:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #6a6a6a; }
.btn-orange { background-color: #e69c33; border-color: #e69c33; color: #fff; }
.btn-orange:hover { background-color: #DF9123; border-color: #DF9123; color: #fff; }
.btn-special { display: inline-block;line-height: 30px; border-radius: 4px; border: 1px solid #1BACE1; position: relative; background-color: transparent;max-width:254px; }
.btn-special:before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #f5f5f5; z-index: 0; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }
.btn-special:hover:before { width: 100%; }
.btn-special:hover { color: #AE4A84; }
.btn-special b { overflow: hidden; font-family: "Roboto Condensed", Helvetica, Arial, Tahoma, sans-serif; 
                 font-weight: 700; font-size: 14px; padding: 0 10px; color: #777;                 
                  position: relative; }
.btn-special span { float: right; height: 30px; background-color: #eee; padding: 0 10px; border-left: 1px solid #ddd; position: relative; }
.btn-special.disabled { background-color: #f5f5f5; cursor: not-allowed; opacity: 0.6; }
.btn-special.disabled b { font-weight: 400; }
.form-horizontal .form-group { margin-left: -5px; margin-right: -5px; margin-bottom: 10px; }
.form-horizontal .form-group>[class*="col-"] {
padding-left:5px;
padding-right:5px;
}
.form-horizontal .control-label { text-align: left; font-weight: 400; }
.form-horizontal .form-control { height: 30px; border-radius: 2px; font-size: 13px; line-height: 1.328571; }
textarea.form-control, .form-horizontal textarea.form-control { height: auto; }
.form-horizontal .selectSearch .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 13px; font-weight: 400; background-color: #fff; }
.breadcrumb-nav {  font-size: 11px; line-height: 15px; padding: 0px 0; }
.breadcrumb-nav ul li { float: left; }
.breadcrumb-nav ul li a { color: #1BACE1; }
.breadcrumb-nav ul li.active {color: #1BACE1; }
/*.breadcrumb-nav ul>li+li:before { content: ">"; padding: 0 7px; color: #ccc }*/
    .breadcrumb-nav span {
        display: inline-block;
        font-size: 15px;
        color: #999;
        padding: 1px 5px 0 5px;
        line-height: 1;
    }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #1bace1;
    border-color: #ddd;
    cursor: default;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.pagin-custom>li>a, .pagin-custom>li>span { 
   border-radius: 0px;
    margin: 0 2px;
    border: 1px solid #ddd;
    position: relative;
    color: #555;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 10px;
     /*-webkit-box-shadow: inset 0px -2px 3px -2px rgba(0, 0, 0, 0.2); 
     -moz-box-shadow: inset 0px -2px 3px -2px rgba(0, 0, 0, 0.2); 
     box-shadow: inset 0px -2px 3px -2px rgba(0, 0, 0, 0.2);*/ 

}
.pagination .active a{background-color:#1bace1;border: 1px solid #ddd;}
.pagin-custom>li.disabled>a, .pagin-custom>li.disabled>span, .pagin-custom>li.disabled>a:hover { font-weight: 400; background-color: #eee; }
.pagin-custom>li.more>a, .pagin-custom>li.more>span, .pagin-custom>li.more>a:hover { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; }
.pagin-custom>li>a:hover, .pagin-custom>li>span:hover, .pagin-custom>li>a:focus, .pagin-custom>li>span:focus { 
    z-index: 3; 
    color: #fff; 
    background-color: #1bace1; 
    border-color: #ccc 

}
.dropdown-custom .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; 
                        vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; 
                        background-color: transparent; border: 0; white-space: nowrap; padding: 0px 12px; font-size: 11px; 
                        font-weight: 700; line-height: 1.42857143; border-radius: 0; color: #1bace1 ; text-transform: uppercase; }
.dropdown-custom .btn:active, .dropdown-custom .btn.active { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; outline: 0; }
.dropdown-custom.open>.dropdown-toggle.btn { color: #1bace1; background-color: transparent; border-color: #adadad; outline: 0; }
.dropdown-custom.open>.dropdown-toggle.btn:hover, .dropdown-custom.open>.dropdown-toggle.btn:focus, .dropdown-custom.open>.dropdown-toggle.btn.focus { color: #333; background-color: transparent; outline: 0; border-color: #8c8c8c }
.dropdown-custom.open>.dropdown-toggle.btn { background-image: none }
.dropdown-custom .dropdown-menu { }
.dropdown-custom .dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; text-align: right; }
.dropdown-custom .dropdown-menu>li>a:hover, .dropdown-custom .dropdown-menu>li>a:focus { text-decoration: none; color: #1bace1; background-color: #f5f5f5 }
.dropdown-custom .dropdown-menu>.active>a, .dropdown-custom .dropdown-menu>.active>a:hover, .dropdown-custom .dropdown-menu>.active>a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7 }
/*-----*/
.navbar-custom { margin-bottom: 0px; background-color: #eee; min-height: inherit; }
.top-navbar { background-color: #555; width: 100%; height: 28px; color: #999; }
.top-navbar a { color: #ddd; font-size: 12px; line-height: 18px; display: inline-block; padding: 5px 10px; cursor: pointer; }
.top-navbar a:hover { color: #fff; }
.menu-custom { font-size: 12px; 
/*letter-spacing: 0.07em; */
text-transform: capitalize; 
/*padding: 20px 0 0;*/

}
.menu-custom ul>li { /*margin: 0 5px;*/ }
.menu-custom ul>li>a { color: #555; position: relative; padding: 4px 15px; margin-bottom: 10px; }
.menu-custom ul.main-menu>li>a:hover, .menu-custom ul.main-menu>li>a.active { color: #AE4A84; }
.menu-custom ul.main-menu>li>a.active:before { content: ""; position: absolute; left: 0; width: 100%; border-bottom: 3px solid #AE4A84; bottom: -5px; }
.menu-custom .mForum { border: 1px solid #87b012; color: #87b012; display: inline-block; margin-left: 6px; }
.menu-custom .mRegister { border: 1px solid #DF9123; background-color: #e69c33; color: #fff; display: inline-block; margin-left: 6px; padding: 10px 8px;border-radius: 4px;margin-bottom:2px;}
.menu-custom .mForum:hover { background-color: #E0EAC4; }
.menu-custom .mRegister:hover { background-color: #DF9123; }
.main-logo a { display: block; width: 168px; height: 53px; background: url(../imgs/main-logo.png) no-repeat; }
/*.search-bar {    
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom:1px dotted #eee;
}
.search-bar .row { margin-left: -5px; margin-right: -5px; }
.search-bar [class*="col-"] { padding-left: 5px; padding-right: 5px; }
.search-bar .label-search { background-color: #e2e2e2; padding: 5px 10px; height: 28px; text-align: right; position: relative; margin-right: 29px; text-transform: uppercase; white-space: nowrap; color: #AE4A84; }
.search-bar .label-search .fa { margin-right: 5px; }
.search-bar .label-search:after { content: ""; display: block; width: 29px; height: 28px; background: url(../imgs/icon-sprite.png) no-repeat 0 0; position: absolute; right: -29px; top: 0; }
.search-bar input, .search-bar select { padding: 5px; width: 100%; outline: none; }
.search-bar input { font-size: 12px; background-color: #f8f8f8; }
.search-bar select { font-size: 11px; font-weight: 700; color: #666; background-color: transparent; }
.search-bar [class*="col-"] ul li { padding-top: 5px; padding-bottom: 5px; }
.search-bar .btn { padding: 4px 12px; width: 100% }*/
.cat-title { position: relative; border-bottom: 1px dotted #eee; margin-bottom: 20px; padding: 10px 0; font-size: 20px; line-height: 24px; font-weight: 300; }
.cat-title-news .title{    
    font-size: 22px !important;    
    color: #111;
    line-height: 25px;
  font-weight:bold;    
    margin: 10px 0;

}
.cat-title span { font-size: 25px;
    font-weight: 700;
    color: #111;
    line-height:30px;
}
.sd-content .item { display: block; height: 212px; position: relative; background-position: center center; border-top: 3px solid #ccc; border-right: 1px solid #eee; }
.sd-content .item .desc { position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .7); }
.sd-content .item .title { padding: 0 15px; }
.sd-content .item .title h2 { font-size: 15px; font-weight: 700; text-transform: uppercase; color: #eee; padding: 15px 0 8px; }
.sd-content .item .title p { font-size: 11px; color: #ddd; letter-spacing: 0.05em; line-height: 14px; max-height: 0px; overflow: hidden; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }
.more-desc { width: 100%; 
             display: block; background-color: rgba(255, 255, 255, .8); overflow: hidden; height: 85px; color: #555; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; 
             font-weight:bold;
}

.more-desc li {padding: 8px 10px; font-size: 11px; }
.more-desc .fa { padding-right: 5px; }
.sd-content { padding-bottom: 20px; padding-top: 10px; }
.sd-content .item:hover { border-top: 3px solid #87b012; }
.sd-content .item:hover .more-desc { background-color: #87b012; color: #eee; }
.sd-content .item:hover .title p { max-height: 28px; }
.sd-content .more-desc li { padding: 8px 15px; }
.big-news { color: #555; }
.big-news .title { font-size: 15px; font-weight: 700; margin-bottom: 10px; color:#AE4A84  }
.big-news p { font-size: 13px; }
.big-news .thumb { float: left; width: 90px; height: 60px; }
.big-news .cont { margin-left: 100px; }
.list-news li { font-weight: normal; margin: 7px 0; }
.list-news li:before { content: "\25cf"; float: left; color: #525151; margin-right: 10px; font-size:10px; }
.date-time { font-size: 11px; color: #888; }
.date-time .fa { margin-right: 3px; }
.rd-content .item-bg { display: block; height: 164px; position: relative; background-position:center 10px; }
.rd-content .item-bg .title { background-color: #fff; font-size: 15px; padding: 8px 15px; }
.rd-content .item-bg .desc { background-color: rgba(0, 0, 0, .7); font-size: 11px; color: #eee; line-height: 15px; max-height: 0; overflow: hidden; position: absolute; bottom: 0; left: 10px; right: 10px; }
.rd-content .item-bg .desc p { padding: 6px 10px; }
/*.rd-content .item .price { background-color: #eee; text-align: center; padding: 5px 10px; color: #AE4A84; font-weight: 700; }*/
.rd-content .more-desc span { color: #000; font-size:14px; }
.rd-content .item { border: 1px solid #f6f6f6; margin-bottom: 20px; }
.rd-content .item, .rd-content .item .price, .rd-content .item .desc { transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }
.rd-content .item:hover { -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25); }
/*.rd-content .item:hover .price { background-color: #AE4A84; color: #eee; }*/
.rd-content .item:hover .desc { max-height: 38px; }
.rd-content .product { padding-bottom: 50px }
.rd-content .product>ul { margin-bottom: 5px }
.main-slider { max-height: 260px; width: 100%; background: url(../imgs/sample/bg-04.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; }
.main-slider:after { content: ""; position: absolute; background-color: rgba(0, 0, 0, 0.85); left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
#MainSlider { /*background: #f0f0f0*/ background:#fff; position: relative; z-index: 99; }
.main_image { width: 100%; height: 345px; float: left; background: #333; position: relative; overflow: hidden; color: #fff; }
.main_image img { width: 100%; position: absolute; left: 0; }
.main_image h2 { font-size: 2em; font-weight: normal; margin: 0 0 5px; padding: 10px; }
.main_image p { font-size: 11px; padding: 10px; margin: 0; line-height: 1.6em; }
.main_image .desc { position: absolute; bottom: 0; left: 0; width: 100%; display: none; }
.main_image a.show { background-position: left bottom; }
.image_thumb { float: left; width: 300px; background: #555; position: absolute; top: 0; right: 0; }
.image_thumb img { display: none; }
.image_thumb ul { margin: 0; padding: 0; list-style: none; }
.image_thumb ul li { margin: 0; background: #444; display: block; border-bottom: 1px solid #333; border-top: 1px solid #555; position: relative; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }
.image_thumb ul li h2 { color: #ddd; font-family: "Roboto Condensed", Helvetica, Arial, Tahoma, sans-serif; font-weight: 300; font-size: 14px; line-height: 1.5; max-height: 3.0em; }
.image_thumb ul li .block { padding: 13px 18px;; height: 67px; overflow: hidden; text-align: right; }
.image_thumb ul li p { display:none; color: #ccc; font-size: 12px; line-height: 20px; max-height: 20px; overflow: hidden; }
.image_thumb ul li.hover { background: #555; cursor: pointer; }
.image_thumb ul li.active { background: #111; cursor: default; }
.image_thumb ul li.active h2 { color: #87b012; margin: 0; font-weight: 400; }
.image_thumb ul li.active p { color: #b4b4b4; }
.image_thumb ul li.active:before { content: ""; position: absolute; width: 0; height: 0; border-top: 34px solid transparent; border-right: 32px solid #111; border-bottom: 34px solid transparent; top: 0px; left: -32px; }
.right-sidebar { padding: 30px 0 0; position: relative; }
.right-sidebar .banner { padding: 15px; margin-bottom: 15px; }
.right-sidebar .banner300 { display: block; width: 300px; height: 300px; border: 1px solid #ccc; }
.contact-pane { padding: 20px 15px 35px; background-color: #e8e8e8; }
.contact-pane h2 { font-size: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; }
.contact-pane input { background-color:#69C2E2; }
.contact-pane .form-control { border: 1px solid #1bace1 ; position: relative; }
.contact-pane .form-control:after { content: ""; position: absolute; border-bottom: 1px dotted #fff; left: 0; width: 100%; }
.contact-pane ::-webkit-input-placeholder {
 color:#fff;
 font-weight:300;
}
.contact-pane :-moz-placeholder {
 color:#fff;
 font-weight:300;
}
.contact-pane ::-moz-placeholder {
 color:#fff;
 font-weight:300;
}
.contact-pane :-ms-input-placeholder {
 color:#fff;
 font-weight:300;
}
.contact-pane p{font-size:13px;}
.fb-pane { padding: 15px; margin-top: 15px; margin-bottom: 15px; }
.footer { background-color: #555; font-size: 12px; color: #ddd; 
    width: 100%;bottom:0}
.footer .f1 { border-bottom: 1px solid #666; padding-top: 20px; padding-bottom: 10px; }
.footer .f2 { padding-top: 10px; padding-bottom: 10px; }
.footer .hotline, .footer .social { text-align: center; float: left; margin-left: 25px; }
.footer .hotline h3 {    font-size: 15px;
    font-weight: 700;
    padding: 5px 5px;
    border-radius: 2px;
    background-color: #444;
    display: inline-block;
    margin: auto;}
.footer .social li { float: left; margin: 0 5px; }
.footer .social li a { display: block; width: 36px; height: 36px; background-color: #eee; text-align: center; border-radius: 50%; color: #555; }
.footer .social li a .fa { font-size: 24px; line-height: 36px; }
.footer .social li a:hover { background-color: #444; color: #AE4A84; }
.tags { float: left; margin-right: 10px; background-color: #333; padding: 1px 8px 2px; font-size: 10px; font-weight: 700; text-transform: uppercase; border-radius: 2px; }
.tags-list, .tags-list a { color: #fff; font-size: 11px; line-height: 18px; }
.tags-list a:hover { color: #87b012; }
.login-modal .modal-header { background: #ededed;
border-radius: 6px 6px 0 0; padding: 10px 15px; }
.login-modal .modal-title { text-align: center; text-transform: uppercase; font-size: 16px; letter-spacing: 0.02em; }
.login-modal .modal-body { padding: 25px 15px 10px; }
.login-modal .modal-footer { background-color: #f5f5f5; border-top: 1px solid #fff; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); border-radius: 0 0 6px 6px; }
.custom-input-group { position: relative; }
.custom-input-group .custom-addon { position: absolute; top: 0; left: 0; display: block; padding: 8px 12px; }
.custom-input-group .form-control { padding-left: 35px; background-color: #f5f5f5; }
.login-modal .custom-input-group { margin-bottom: 10px; }
.login-modal .custom-input-group .fa { color: #bbb; margin-top: 2px; font-size: 14px; }
.content .main-banner { padding: 25px 0 20px; width: 100%; background: url(../imgs/sample/bg-04.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; }
.content .main-banner:before { content: ""; position: absolute; background-color: rgba(0, 0, 0, 0.55); left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.content .main-title { color: #eee; text-align: center; position: relative; z-index: 9; padding: 10px 0; }
.content .main-title .bigtitle { font-size: 25px; font-weight: 700; text-transform: uppercase; }
.content .main-title .subtitle { font-size: 14px; }
.control-bar { padding: 5px 0 5px; border-bottom: 1px dotted #eee; border-top: 0px solid #fff; background-color: #fff; }
.control-bar .title-bar { text-align: center; }
.control-bar .title-bar h3 { font-size: 15px; font-family: Helvetica, Arial, Tahoma, sans-serif; text-transform: uppercase; letter-spacing: 0.05em; line-height: 30px; }
.sort-bar { float: right; }
.sort-bar label { float: left; font-weight: 400; text-transform: uppercase; font-size: 11px; margin-bottom: 0; line-height: 30px; }
.sort-bar .dropdown-custom { float: left; line-height: 30px; }
.th-content { background-color: #fff; padding-bottom: 45px; padding-top: 35px; }
.th-content .item { border: 1px solid #ddd; margin-bottom: 20px; }
.th-content .item:hover { -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); }
.th-content .item-bg { display: block; height: 220px; position: relative; }
.th-content .item .title { font-size: 15px; text-transform: uppercase; padding: 10px 10px 5px; color: #333; position: absolute; bottom: 0; background-color: #fff; width: 100%; }
.th-content .item .title span { height: 2.6em; }
.th-content .more-desc { max-height: none; padding: 2px 10px 12px; background-color: #fff; }
.th-content .more-desc li { float: none; font-size: 13px; padding: 4px 0; }
.th-content .more-desc .fa { width: 18px; color: #87b012; }
.th-content .end-desc { font-size: 11px; border-top: 1px solid #ddd; }
.th-content .end-desc .date { margin-right: 60px; padding: 7px 10px; }
.th-content .end-desc .like { float: right; padding: 7px 10px; border-left: 1px solid #ddd; }
.th-content .end-desc .fa { padding-right: 5px; }
.pagin { 
    /*border-top: 1px solid #ddd;*/ 
         text-align: center; margin-top: 25px; }
.category .main-banner { padding: 35px 0 30px; }
.project .search-bar { background-color: rgba(0, 0, 0, 0.7); z-index: 9; position: relative; margin-top: 20px; }
.project .search-bar select { color: #aaa; background-color: rgba(238, 238, 238, 0.3); }
.project .main-banner { padding-bottom: 0px; background-image: url(../imgs/sample/bg-05.jpg); }
.project .select2-container--default .select2-selection--single .select2-selection__rendered { color: #aaa; background-color: rgba(238, 238, 238, 0.3); }
.project .search-bar .label-search { background-color: transparent; }
.project .search-bar .label-search .fa { display: none; }
.project .search-bar .label-search:after { background-position: -30px 0; }
.filter-crumbs { /*background-color: #ddd;*/ position: relative; z-index: 10; }
.crumbs { padding: 10px 0; float: left; }
.crumbs li { float: left; white-space: nowrap; margin: 3px 6px 3px 0; }
.crumbs .crumb-name { float: left; padding: 6px 26px 6px 10px; position: relative; font-size: 85%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; background-color: #1BACE1; position: relative; cursor: default; }
.crumbs .crumb-name b { position: relative; color:#fff}
.crumbs .crumb-name a{color:#fff;}
.crumbs .crumb-name:before { position: absolute; width: 0; height: 100%; content: ""; display: block; 
                             background-color: #1BACE1 ; border-radius: .25em; top: 0; left: 0; 
                             z-index: 0; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; 
                             -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }
.crumbs .btn-close { width: 16px; font-size: 14px; display: block; line-height: 12px; border-radius: .25em; height: 16px; margin: 4px; position: absolute; right: 0; text-align: center; top: 0; }
.crumbs .crumb-name:hover:before { width: 100%; }
.crumbs .btn-close:hover { background-color: #1BACE1; cursor: pointer; }
.filter-crumbs .remove-all { padding: 10px 0; float: left; line-height: 22px; margin: 3px 6px; cursor: pointer; }
.filter-crumbs .remove-all:hover { color: #F00; }
.filter-crumbs .remove-all .fa { margin-right: 7px; }
.gallery-slider { background-color: #000; }
.slickcenter .slick-list { overflow: visible; }
/*.slickcenter .slick-slide { height: 250px; overflow: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; position: relative; }*/
.slickcenter .slick-slide { height: 250px; overflow: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; position: relative; }
.slickcenter .desc { position: absolute; background-color: rgba(0, 0, 0, 0.75); left: 0; bottom: -100%; width: 100%; padding: 10px 15px; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; color: #fff; }
.slickcenter .slick-slide:hover .desc { bottom: 0 }
.slickcenter { position: relative; z-index: 19; overflow: visible; }
.slick-slide { opacity: 0.25 }
.slick-slide.slick-active { opacity: 1; }
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; height: 50px; width: 30px; margin-top: -25px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev { left: 25px; }
.slick-next { right: 25px; }
.slick-prev:before, .slick-next:before { content: ""; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: url(../imgs/icon-sprite.png) no-repeat; height: 50px; width: 30px; display: block; }
.slick-next:before { background-position: -32px -30px; }
.slick-prev:before { background-position: 0 -30px; }
.slick-next:hover:before { opacity: 1; background-position: -32px -81px; }
.slick-prev:hover:before { opacity: 1; background-position: 0 -81px; }
.topic { background-color: #f5f5f5; }
.topic .container { position: relative; }
.topic .cat-title { padding-top: 50px; }
.topic .cat-title h2 { font-size: 20px; line-height: 25px; font-weight: 700; color: #87b012; margin-bottom: 5px; }
.topic .cat-title .address { font-size: 13px; }
.topic .cat-title .address .fa { font-size: 15px; color: #87b012; margin-right: 10px; }
.topic-body { min-height: 350px; line-height: 20px; padding-bottom: 50px; }
.topic-body ul li { margin: 10px 0; }
.topic-body ul li:before { float: left; width: 5px; height: 5px; content: ""; margin-right: 18px; background-color: #87b012; position: relative; top: 7px; }
.topic .right-infobar { background-color: #e5e9e4; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; padding-top: 45px; padding-bottom: 50px; border-left: 1px solid #ddd; }
.topic .right-infobar .info-box { margin-bottom: 20px; }
.topic .right-infobar .info-box h4 { font-size: 15px; line-height: 22px; color: #888; margin: 10px 0; text-transform: uppercase; }
.topic .right-infobar .info-box .property-user { color: #87b012; font-size: 22px; font-family: "Lobster", Helvetica, Arial, sans-serif; display: block; margin-bottom: 10px; }
.topic .right-infobar .info-box .contact-info { font-size: 15px; color: #777; margin-bottom: 5px; word-break: break-all; }
.topic .right-infobar .info-box .contact-info .fa { font-size: 12px; color: #777; margin-right: 10px; }
.topic .right-infobar .table-display { background-color: #fff; margin-bottom: 5px; }
.topic .right-infobar .table-display .cell-display { padding: 8px 12px; font-weight: 700; text-transform: uppercase; color: #777; border-right: 1px solid #e5e9e4; }
.topic .right-infobar .table-display .cell-display.label-field { font-weight: 300; color: #87b012; width: 110px; }
.topic .right-infobar .social h4 { float: left; }
.topic .right-infobar .social .contact-info { overflow: hidden; padding: 6px 0; margin-left: 70px; }
.topic .right-infobar .social .contact-info a { float: left; width: 28px; height: 28px; border-radius: 4px; color: #fff; text-align: center; margin-right: 8px }
.topic .right-infobar .social .contact-info a .fa { font-size: 16px; line-height: 28px; color: #fff; margin-right: 0; }
.topic .right-infobar .social .contact-info a.fb-icon { background-color: #47639E; }
.topic .right-infobar .social .contact-info a.fb-icon:hover { background-color: #2a4379; }
.topic .right-infobar .social .contact-info a.gg-icon { background-color: #e63f3f; }
.topic .right-infobar .social .contact-info a.gg-icon:hover { background-color: #c63f3f; }
.contact-content { padding: 50px 0; background-color: #f5f5f5; }
.contact-content .container { max-width: 590px; }
.contact-content h3 { font-size: 20px; font-weight: 700; text-align: center; color: #777; text-transform: uppercase; margin-bottom: 25px; }
.contact-content .form-control { margin-bottom: 10px; }
.contact-content .setting-btn { margin-bottom: 10px; text-align: right; }
.contact-content .setting-btn .btn { padding: 6px 30px; }
.contact-content .setting-btn .fa { margin-left: 5px; }
.posting select { padding: 5px 8px; }
.posting .post-body { background-color: #f5f5f5; padding-bottom: 30px; }
.posting .post-body>.container>.row { padding-top: 20px; }
.posting .post-body .box { background-color: #e8e8e8; padding: 35px 25px; }
.posting .post-body .map-cont { padding-top: 15px; padding-bottom: 30px; }
.posting .post-body .map-cont p { font-size: 12px; font-style: italic; color: #999; }
.posting .post-body .map-cont .map { border: 1px solid #ddd; height: 380px; }
.posting .post-body .map-cont #map { height: 380px; }
.posting .gallery-upload .thumb { height: 150px; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; }
.posting .gallery-upload .btm-control { position: absolute; padding: 5px 12px 1px; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.75) }
.posting .gallery-upload .rotate-btn { color: #eee; display: inline-block; }
.posting .gallery-upload .rotate-btn span { float: left; margin-right: 5px; cursor: pointer; border-radius: 2px; padding: 0 5px; font-size: 14px; }
.posting .gallery-upload .rotate-btn span:hover { background-color: #555; }
.posting .gallery-upload .delete-btn { float: right; }
.posting .gallery-upload .btn { padding: 2px 6px; font-size: 10px; text-transform: uppercase; font-weight: 600; line-height: 1; border-radius: 2px; }
.posting .gallery-upload .title { padding: 10px 0; }
.posting .gallery-upload .title .text { padding: 10px 0; background-color: transparent; padding: 6px 10px; width: 100%; }
.posting .gallery-upload .upload-more .outer-box { display: block; height: 190px; text-align: center; border: 1px dashed #bbb; color: #999; }
.posting .gallery-upload .upload-more .outer-box:hover { background-color: #ddd; }
.posting .gallery-upload .upload-more .outer-box span { font-size: 45px; line-height: 1; }
.posting .gallery-upload .upload-more .outer-box .text { font-size: 20px; text-transform: uppercase; }
.posting .setting-btn { padding: 20px 15px; text-align: right; }
.posting .setting-btn .btn { padding: 6px 20px; margin: 0 5px; }
.posting .setting-btn .btn .fa { margin-right: 5px; }
.posting .purchase .box { padding: 0; }
.posting .purchase .box>.cell { padding: 35px 25px; }
.posting .purchase .border-left { border-left: 3px solid #f5f5f5; }
.posting .post-option { display: block; text-align: center; background-color: #ddd; border-radius: 6px; -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2); margin-bottom: 20px; cursor: pointer; }
.posting .post-option:hover { background-color: #E0EFB5; }
.posting .post-option.active { background-color: #f5f5f5; }
.posting .post-option.disabled { opacity: 0.5; background-color: #ddd; cursor: default; color: #555; }
.posting .post-option .cell-display { padding: 15px 15px; position: relative; }
.posting .post-option .st-cell { width: 210px; font-family: "Roboto Condensed", Helvetica, Arial, Tahoma, sans-serif; font-weight: 700; font-size: 20px; text-transform: uppercase; text-align: left; padding-left: 30px; }
.posting .post-option .st-cell .color-line { border-left: 5px solid #777; display: block; width: 0; position: absolute; left: 0; top: 10px; bottom: 10px; }
.posting .post-option .nd-cell { }
.posting .post-option .rd-cell { width: 135px; border-left: 1px dashed #ccc; font-family: "Roboto Condensed", Helvetica, Arial, Tahoma, sans-serif; font-weight: 700; font-size: 20px; }
.posting .post-option .rd-cell .font-light { font-size: 15px; line-height: 1.2; }
.posting .post-option.option-green .st-cell { color: #777; }
.posting .post-option.option-green .rd-cell { color: #87b012; }
.posting .post-option.option-orange .st-cell, .posting .post-option.option-orange .rd-cell { color: #e69c33; }
.posting .post-option.option-red .st-cell, .posting .post-option.option-red .rd-cell { color: #e65858; }
.posting .post-option.option-orange .color-line { border-color: #e69c33; }
.posting .post-option.option-red .color-line { border-color: #e65858; }
.posting .post-option .desc { text-align: left; }
.posting .post-option .desc li { position: relative; margin: 8px 0; }
.posting .post-option .desc li:before { float: left; background: url(../imgs/icon-sprite.png) no-repeat 0 -135px; content: ""; width: 12px; height: 12px; margin: 3px 10px 0 0; }
.posting .post-option .desc li.disabled:before { background-position: -30px -135px; }
.posting .purchase .money { padding: 5px 0; }
.posting .purchase .money .text { float: left; }
.posting .purchase .money .amount { text-align: right; font-size: 16px; font-weight: 600; }
.posting .purchase .total-amount { padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
.posting .purchase .purchase-body { padding-bottom: 15px; }
.posting .purchase-btn { padding: 15px 0; }
.posting .purchase-btn .fa { margin-right: 5px; }
.contact { padding-bottom: 50px; }
.contact .desc { text-align: center; font-size: 14px; line-height: 24px; padding-bottom: 15px; }
.contact .contact-info { padding: 30px 0 5px; max-width: 800px; margin: auto; }
.contact .contact-info li { text-align: center; }
.contact .contact-info .icon { color: #e69c33; height: 35px; }
.contact .contact-info .icon .fa { font-size: 34px; }
.contact .contact-info .icon .fa.fa-envelope-o { font-size: 30px; }
.contact .contact-info .cont { color: #777; font-size: 16px; text-transform: uppercase; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; padding: 14px 0; }
.contact .cat-title { /*text-align: center;*/ }
.contact .cat-title:before { left: 50%; margin-left: -32px; }
.contact .contact-content { /*padding: 10px 0;*/ background-color: #fff; }
.contact .contact-body { padding: 0px 0 0; }
.contact .info-icon-bg { position:relative; }
.contact .info-icon-bg:before {
	background:url(../imgs/icon-info.png) no-repeat;
	width:270px;
	height:270px;
	display:block;
	content:"";
	position:absolute;
	top:-20px;
	left:0;
	opacity:0.6;
}
.input-addon { display: table; width: 100%; position: relative; }
.input-addon .input { display: table-cell; padding-right: 10px; vertical-align: top; }
.input-addon .addon { display: table-cell; width: 20px; vertical-align: top; }
.input-addon .addon span { display: block; padding: 6px 10px; font-size: 13px; font-weight: 400; text-transform: uppercase; line-height: 1.3; color: #888; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 2px; white-space: nowrap; width: 100%; height: 30px; }
.account .container { max-width: 1170px; }
.account .member-body { 
    /*padding-top: 10px; padding-bottom: 50px; background-color: #f5f5f5;*/ 

}
.account .left-panel { background-color: #fff; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); }
.account .left-panel .top-bg { margin-bottom: 5px;height: 145px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; position: relative; }
.account .left-panel .top-bg:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; /*background-color: rgba(0,0,0,0.6);*/ }
.account .right-panel { background-color: #fff; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); }
.account .right-panel-inner { padding: 20px 35px 50px; }
.account .right-panel .th-content { padding: 0; background-color: transparent; }
.account .top-inner { position: absolute; z-index: 3; color: #ddd;width:100%;text-align:center;padding-top:7px; }
.account .edit-avatar { color: #ccc; font-size: 10px; font-weight: 600; display: block; text-align: center; text-transform: uppercase; padding: 8px 6px 5px; }
.account .edit-avatar:hover { color: #87b012; }
.account .avatar-outer { background-color: rgba(0,0,0,0.3); float: left; padding: 6px; margin-top: -42px; margin-right: 15px; }
.account .avatar-outer .avatar { display: block; width: 138px; height: 138px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; }
.account .name-outer { padding-top: 50px; text-align:center; }
.account .member-menu { padding-bottom: 50px; }
.account .mainmenu>li>a, .account .submenu>li>a { padding: 5px 9px; display: block; }
.account .mainmenu>li>a { font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; color: #fff; font-size: 12px; text-transform: uppercase; }
.account .mainmenu>li>a:hover { background-color: #e5e5e5; }
.account .mainmenu>li.active>a { background-color: #1BACE1; }
.account .submenu { height: 0; overflow: hidden; }
.account .submenu>li>a { background-color: #fff; border-bottom: 1px solid #ddd; font-size: 14px; padding: 5px 25px; }
.account .submenu>li>a:hover, .account .submenu>li.active>a { color: #ff6346; }
.account .submenu>li.active>a { font-weight: 600; }
.account .mainmenu>li.active .submenu { height: auto; }
.account .mainmenu>li>a .fa-setting { display: inline-block; font-size: 13px; width: 26px; height: 26px; text-align: center; line-height: 26px; 
                                      /*border: 1px solid #87b012; border-radius: 50%;*/ 
                                      margin-right: 0px; }
.account .mainmenu>li>a .fa-setting .fa { vertical-align: top; margin-top: 6px; }
.account .form-control { margin-bottom: 0px; }
.account .setting-btn { padding-top: 20px; }
.account .setting-btn a, .account .setting-btn a .fa { margin-right: 5px; }
.register .register-body { padding: 10px 0 10px; }
.register .panel-inner { max-width: 780px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); margin: auto; background-color: #fff; padding: 25px 45px; }
.register .cat-title { text-align: center; }
.register .cat-title:before { left: 50%; margin-left: -32px; }
.register .form-horizontal { padding: 10px 0 10px; }
.register .setting-btn { padding: 20px 0; text-align: center; }
.register .setting-btn .btn { margin: 0 5px; }

.news .breadcrumb-nav {
	border-bottom:0px solid #eee;	
    padding-bottom:0px;
}
.news .news-detail-body {
	margin-bottom:120px;	
}
.news .news-detail-body img{
	max-width:100%;	
}
.sub-tit {
font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    color: #222;
    margin: 0 0 14px;
}
.news .cat-title .date-time span.fa {
	font-size: 11px;
  	color: #888;
	font-weight:400;
}
.news .rd-content {
	padding-top:9px;
    overflow:hidden;
}
.news .big-topic {
	margin-bottom:15px;	
}
.news .big-topic .big-thumb {
	display:block;
	height:293px;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	background-position:center center;
	margin-bottom:15px;
    border: 1px solid #ddd;
}
.news .big-topic .title {
	 display:block;
	 font-size:18px;
	 line-height: 24px;
  	 margin: 5px 0 5px;
	 font-weight:700;
	 font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
}
.news .big-topic .desc {
	 font-size:14px;
     margin-top:10px;
}
.news .big-topic .list-news ul {
	 padding:10px 0;
}
.news .big-topic .list-news ul li {
	 margin:0px 0;
}
.news.rd .right-sidebar {
	padding-top:15px;	
}
.news .news-items {
	margin-bottom:20px; overflow:hidden	
}
.news .news-items .thumb {
	float:left;
	width:160px;
	margin-right:20px;
}
.news .news-items .thumb a {
	display:block;
	height:120px;
}
.news .news-items .cont {
	padding:0px 0 10px 0;
	max-height:165px;
	overflow:hidden;
}
.news .news-items .title {
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	font-size:17px;
	line-height:21px;
	font-weight:700;
	margin:5px 0;
	display:block;
}
.news .news-items .desc {
	padding:5px 0;
}
.news .hot-items {
	display:block;
	margin-bottom:15px;	
}
.news .hot-items .thumb {
	height:130px;	
}
.news .hot-items .title {
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:18px;
	margin:5px 0;
	display:block;
}
.errorpage {
	background-color:#f5f5f5;
}
.errorpage .breadcrumb-nav {
	display:none;
}
.errorpage .page-body {
	padding:50px 15px 70px;
}
.errorpage .page-body .error-img {
	text-align:center;	
}
.errorpage .page-body .error-img img {
	max-width:100%;
	height:auto;
	margin:auto;
}
.errorpage .page-body .cont {
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
	text-align:center;
	padding:15px 0;
}
.errorpage .page-body .cont h2 {
	font-size:24px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:5px;
}
.errorpage .page-body .cont h3 {
	font-size:16px;
	font-weight:300;
	color:#888;
	margin-bottom:5px;
}
.errorpage .page-body .cont .setting-btn {
	padding:25px 0;
}
.errorpage .page-body .cont .setting-btn .fa {
	font-size:15px;
}
.top-navbar .logged-panel {
	display:inline-block;	
	padding:3px 0;
}
.logged-panel .logged-inner {
	cursor:pointer;
	float:right;
}
.logged-panel .text, .logged-panel .avatar, .logged-panel>.fa {
	float:left;
	line-height:21px;
}
.logged-panel .text {
	color:#fff;
	margin:0 5px;
}
.logged-panel .avatar {
	display:block;
	width:21px;
	height:21px;
	overflow:hidden;
	border-radius:0px;
	margin:0 5px;

}
.logged-panel>.fa {
	font-size:18px;
	color:#aaa;
}
.logged-panel .avatar img {
	max-width:100%;
	min-height:100%;
	vertical-align: top;
}
.logged-panel .dropdown-menu {
    background-color: #4a133a;
    margin: 0;
    border-radius: 6px 6px 6px 6px;
    min-width: 200px;
    margin-top: 13px;
}
.logged-panel .dropdown-menu a {
	font-size:13px;
	color:#ccc;
	padding:6px 12px;
}
.logged-panel .dropdown-menu a .fa {
	width:18px;
	font-size:12px;
	text-align:center;
	margin-right:10px;
}
.dropdown-menu .divider {
  margin: 5px 0;
  background-color: #666;
}
.logged-panel .dropdown-menu a:hover {
	/*background-color:#333;*/
	color:#fff;
}


.marg-bottom { margin-bottom: 55px; }
 [data-scroll="1"]::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
 background-color: #dfdfdf;
}
[data-scroll="1"]::-webkit-scrollbar {
 width: 5px;
 background-color: #dfdfdf;
}
[data-scroll="1"]::-webkit-scrollbar-thumb {
 border-radius: 5x;
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 background-color: #476903;
}
/*Slider*/
.mc-hide-scrolls { overflow: hidden; }
body .mc-cycle { height: 100%; left: 0; overflow: hidden; position: relative; top: 0; width: 100%; z-index: -1; }
div.mc-image { /*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */ -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; /*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; overflow: hidden; width: 100%; }
.mc-old-browser .mc-image { overflow: hidden; }
#maximage { position: relative !important; z-index: 5; background: #fff; }
.mt-50 { margin-top: 50px; }
@media (min-width: 1410px) {
.news .news-items .thumb {
	/*width:265px;*/
}
.news .hot-items .thumb {
  height: 145px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
/*.main-logo {

	position: relative;
  	z-index: 99;
}
.navbar-nav {
position: absolute;
  right: 0;
  top: 0;	
}
.navbar-nav.main-menu {
	position:relative;	
}
.menu-custom {
	
	position:relative;
}*/
}
@media (min-width: 768px) and (max-width: 991px) {
.menu-custom ul>li>a {
	padding:4px 10px;	
}

}
@media (min-width:992px) {
.sd-content .row:before, .rd-content .row:before { width: 100%; table-layout: fixed; }
.row-table { width: 100%; display: table; position: relative; }
.cell { display: table-cell; float: none; position: relative; vertical-align: top; }
.backdrop-sidebar { position: absolute; background-color: #f5f5f5; border-left: 1px solid #ddd; top: 15px; bottom: 0; left: 15px; right: 15px; }
.news.rd .backdrop-sidebar  { top:0 }
.cell-right { width: 360px; }
.cell-left { width: 800px;/*auto;*/ }

.sd-content-custom .cell-left { max-width: 800px;/*auto;*/ }
.sd-content-custom .cell-left div{ max-width: 800px !important;overflow:hidden;/*auto;*/ }
}
@media screen and (max-width:992px) {
.posting .setting-btn { text-align: center; }
.posting .purchase .border-left { border-left: 0; border-top: 2px solid #f5f5f5; }
.footer .f1 .pull-right {
	float:none !important;	
	margin-bottom:10px;
	margin-top:15px;
	overflow:hidden;
	border-top: 1px solid #666;
}
.footer .hotline, .footer .social {
	margin:15px 13px 0 0;
}
}
@media screen and (max-width: 767px) {
.main-logo { margin-left:15px; }
.menu-custom { margin: 0; z-index: 99; position: relative; background: #fff; padding: 0 15px; }
.menu-custom .pull-right { float: none !important; }
.menu-custom ul.main-menu>li>a.active:before { border-bottom: 0; }
    .navbar-toggle { /*border: 1px solid #AE4A84;*/
        border: 1px solid #fff;
        position: relative;
        padding: 9px 10px;
        margin: 12px 15px 16px;
        border-radius: 4px;
    }
    .navbar-toggle .icon-bar { /*background: #AE4A84;*/
        background: #fff;
    }
.about-intro .head-about { padding-bottom: 40px; }
.marg-bottom { margin-bottom: 35px; }
.cell-right { /*padding: 0;*/ }
.contact .info-icon-bg:before {
	left:50%;
	margin-left:-135px;
	top:50%;
	margin-top:-135px;
}
#MainProjectsSlider img{width:100%;height:100%;}
}
@media screen and (max-width: 600px) {
.news .news-items .thumb {
  float: none;
  width: auto;
}
#MainProjectsSlider img{width:100%;height:100%;}
}
legend{color:#555;}
legend.scheduler-border {
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
}
fieldset{border:1px solid #ddd;}
fieldset.scheduler-border {
    
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    
}
.box-lst-nameproject ul li{float:left;margin-right:0px;}
.box-lst-nameproject ul li:before {
    /*content: "• ";
    color: #87b012; 
     font-size:20px;
     vertical-align: middle;*/
}
.box-lst-nameproject a{font-size:14px;}
.box-lst-nameproject .thumb {
    float: left;
       width: 98px;
    height: 73px;
    margin-right: 10px;
}
.box-lst-nameproject .custom{overflow: hidden; 
     margin-bottom: 15px; 
     display: block; 
     padding-bottom: 10px; 
     height:73px;
     }
.related-news .more-desc {
    width: 100%;
    display: block;
    background-color: rgba(255, 255, 255, .8);
    overflow: hidden;
    max-height: 85px;
    height:auto;
    color: #555;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
}
.categorynamemark{margin-right:5px;color:#AE4A84;font-weight:bold}
.boximage_detailnews {
    /*overflow: hidden;*/
    /*max-width: 463px;*/
    /*margin: 0 auto;*/
   /* margin-top: 10px;
    margin-bottom: 20px;*/
    position:relative;
    /*max-height:673px;
    overflow:hidden;*/
}

.carousel-icon {
    position: absolute;
    top: 37%;
    z-index: 5;
    display: inline-block;
}
/*xứ lý carousel cho chi tiết tin*/
ul.thumbnails-carousel,ul.thumbnails-carousel_matbang {
	/*padding: 5px 0 0 0;
	margin: 0;
	list-style-type: none;
	text-align: center;*/
    /*padding: 5px 0 0 0;
    margin: 0;
    list-style-type: none;
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;*/
    padding: 5px 0 0 0;
    margin: 0;
    list-style-type: none;
    text-align: center
}
ul.thumbnails-carousel .center,ul.thumbnails-carousel_matbang .center {
	display: inline-block;
}
ul.thumbnails-carousel li,ul.thumbnails-carousel_matbang li {
	margin-right: 5px;
	float: left;
	cursor: pointer;
    opacity: 0.4;
    
}
.controls-background-reset {
	background: none !important;
}
ul.thumbnails-carousel li.active-thumbnail,ul.thumbnails-carousel_matbang li.active-thumbnail {
	opacity: 1 ;
}
.indicators-fix {
	bottom: 70px;
}
ul.thumbnails-carousel img,ul.thumbnails-carousel_matbang img{width:50px;height:50px;}
#carousel-example-generic,#carousel-example-generic_matbang {
  display: inline-block;
}
.carousel-indicators{/*visibility:hidden;*/}
.detailproduct .carousel-indicators{visibility:hidden;}
/*.carousel-inner .item{
    width:600px;
    height:450px;
}*/

.carousel-control.right {
    left: auto;
    right: 0;
    
    background-image: none;    
    background-repeat: repeat-x;
    
}
.carousel-control.left {
    background-image: none;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img{margin:0 auto;}
.boximage_detailnews li{list-style:none;}
.topic-body .boximage_detailnews ul li:before {
    float: left;
    width: 0px;
    height: 0px;
    content: "";
    margin-right: 0px;
    background-color: transparent;
    position: relative;
    top: 7px;
}
/*xứ lý carousel cho chi tiết tin*/
.boxnews{
        background: #fff;
    position: relative;
    z-index: 99;
    border:none !important;
    margin-top:1px;
}

.menu-cart{background-color: #fff;
    border-radius: 6px;
    padding: 5px 8px;}
.field-validation-error{color:red;}
/*.right{text-align:right !important;}*/
/*.clearfix {
    margin-bottom: 10px;
}*/
.checkboxlist li{padding-left:0px;}
.price-regular{
    font-size: 11px;
    color: #999 !important;
    text-decoration: line-through;
    display: block;
    text-align: left;
    padding-top: 5px;
}
.li-price-regular{padding:0 10px !important;}
.sale-tag {
    background-color: #ff9601;
    color: #fff !important;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin-left: 5px;
    margin-top: -2px;
    padding: 5px;
    vertical-align: middle;
}
/*.currency{font-weight:bold;font-size:14px}*/

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}
@media (max-width: 736px) {
     #boxnews{display:none !important;}
}
@media (max-width: 767px) {
    .navbar-nav .menu-sub {    
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }  
   

    #boxnews{display:none !important;}
    .navbar-nav {
        display: inline;
    }

    .navbar-default .navbar-brand {
        display: inline;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-default .navbar-nav .dropdown-menu > li > a {
        color: red;
        background-color: #ccc;
        border-radius: 4px;
        margin-top: 2px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            background-color: #ccc;
        }

    .navbar-nav .open .menu-sub {
        border-bottom: 1px solid white;
        border-radius: 0;
    }

    .menu-sub {
        padding-left: 10px;
    }

        .dropdown-menu .dropdown-menu {
            padding-left: 20px;
        }

            .dropdown-menu .dropdown-menu .dropdown-menu {
                padding-left: 30px;
            }

    li.dropdown.open {
        border: 0px solid red;
    }

    ul.menu-sub {
        display: block;
        border: none;
        box-shadow: none;
    }
}
@media (min-width: 768px) {
  ul.nav li:hover > ul.menu-sub {
    display: block;
  }
  #navbar {
    text-align: center;
  }
  
}
.img-detail {
    position: relative;
    width: 292px;
    /*height: 264px;*/
    _overflow: hidden;
    word-wrap: break-word;
    border: 1px solid #ddd;
}  
.img-detail img {
    /*left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    position: absolute;*/
}
.hidden{display:none}
.img-color{ 
    border: 1px solid #ddd;
            display: block;
    width: 40px;
    height: 45px;
    margin: auto;
    border-radius: 4px;
    margin-top: 3px;
    margin-bottom:3px;
}
.size-product{ border: 1px solid #ddd; margin-right:10px;padding:5px;float:left;}
.popi-qty{float:left;margin-right:20px;padding-top:8px;}
a:hover, a:focus{color:inherit}
.buy{float:right;}
.buy span{color:#fff !important}
.shopppingcart{margin-top:20px;}
.selected{border:3px solid #AE4A84 }
.frm-order .form-control{margin-bottom:10px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #4a133a;
    color: #fff;
    text-decoration: none;
}
.dropdown-menu{z-index:10000;}

.modal-backdrop{z-index: 10000;}
.modal{z-index: 10001;}
.alertify .ajs-dimmer, .alertify .ajs-modal {
 
    z-index: 10000 !important;
}
  .search-bar select {
        font-size: 12px;
    }
  .dropdown-menu{border:none;border-radius:0}
  .k-scheduler-layout .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-grid tr.k-state-selected, .k-grid td.k-state-selected, .k-grid td.k-state-selected.k-state-focused, .k-marquee-color, .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected>td, .k-listview>.k-state-selected, .k-state-selected.k-line{
    background-color:transparent !important;
    color:#444;
}
   .scrollup span:before {  
      color:#fff;     
    content: "▲";
    opacity: 1;
    z-index: 8;
    border-radius: 5px;   
     text-align: center;
    line-height: 36px;
    font-size:15px;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-success:active:focus, .btn-success:active:hover {
    color: #ffffff;
    background-color: #5F224D;
    border-color: #5F224D;
}
   .form-control{background-color:#fff;}
   .account select{min-width:200px;}
   /*.right{text-align:right;}*/
   .gallery-upload .upload-more .outer-box {
    display: block;
    height: 117px;
    text-align: center;
    border: 1px dashed #bbb;
    color: #999;
}
   .gallery-upload a, .gallery-upload a:focus {
    text-decoration: none;
}
   .table-display {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}
   .cell-display {
    display: table-cell;
    vertical-align: middle;
}
   .gallery-upload .upload-more .outer-box span {
    font-size: 45px;
    line-height: 1;
}
   .gallery-upload .upload-more .outer-box .text {
    font-size: 14px;
    text-transform: uppercase;
}
   .gallery-upload .upload-more{
       width: 115px;float:left;
   }
   .gallery-upload .img-uploading li,.gallery-upload .img-uploading_matbang li{width:129px;margin-left:5px;}
   .gallery-upload .thumb{
       max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
   }
   .gallery-upload .thumb img{width:90px;height:90px;}

   .gallery-upload .thumb .imgitem-close {
    opacity: 1;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1;
    font-size: 14px;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    width: 16px;
    height: 15px;
    text-align: center;
    cursor: pointer;
}
   .contact-body .cat-title{font-size:16px;}
   .red{color:red}
   .form-horizontal .form-group{margin-left:0px;margin-right:0px;}
   .borform{padding: 8px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;}
.news-detail-body {
    margin-top: 20px;
    font-size: 17px;
    line-height: 160%;
    margin-bottom: 15px;
}
a{color:#333;}
.list-news h3{font-size:13px; line-height:22px;}
div.zalo {
    position: fixed;
    bottom: 30px;
    right: 10px;
    z-index: 3;
}
.no-enhance .m-video__button {
    display: none;
}

.a-button {
    background-color: #ffffff99;
    border: none;
    border-radius: 100%;
    cursor: pointer;
    position: relative;
    transition: box-shadow 0.3s cubic-bezier(0.5, 0.61, 0.355, 1), opacity 0.3s cubic-bezier(0.5, 0.61, 0.355, 1);
}
    .a-button:hover {
        opacity: 0.75;
    }

.a-button__icon {
    padding: 0.625rem;
}

.a-icon {
    fill: #000000;
    height: 2.1875rem;
    vertical-align: top;
    width: 2.1875rem;
}

.m-video {
    background-color: #000000;
    position: relative;
}

.m-video__video {
    display: block;
    width: 100%;
}

.m-video__button {
    bottom: 12px;
    left: 13px;
    position: absolute;
    z-index: 20;
}

.m-video__button1[aria-pressed="true"] {
    /* pointer-events: none;*/
    display: none;
}