@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
.glyphicon {
    font-family: 'Glyphicons Halflings'!important;
}

.fa {
    font-family: 'FontAwesome'!important;
}

html,body {
    border: 0;
    color: #444;
    background: #f3f3f3;
    font-family: 'Open Sans', sans-serif;
}

* {
    margin: 0;
    padding: 0;
}
img {
    max-width: 100%;
}
body {
    margin: 0px;
    font-size: 14px;
    line-height: 24px;
}
a:hover {
    text-decoration: none;
    color: #ff6a00;
}
.flex {
    display: flex;
}
.flex--midle {
    align-items: center;
}
.space-between {
    justify-content: space-between;
}
.space-around {
    justify-content: space-around;
}
.bg--f3f3f3 {
    background: #f3f3f3;
}
ul {
    list-style: none;
}
.ml--5 {
    margin-left: 5px !important;
}
.ml--10 {
    margin-left: 10px !important;
}
.ml--15 {
    margin-left: 15px !important;
}
.ml--20 {
    margin-left: 20px !important;
}
.ml--25 {
    margin-left: 25px !important;
}
.ml--30 {
    margin-left: 30px !important;
}
.mt--5 {
    margin-top: 5px !important;
}
.mt--10 {
    margin-top: 10px !important;
}
.mt--15 {
    margin-top: 15px !important;
}
.mt--20 {
    margin-top: 20px !important;
}
.mt--25 {
    margin-top: 25px !important;
}
.mt--30 {
    margin-top: 30px !important;
}
.mb--0 {
    margin-bottom: 0 !important;
}
.mb--5 {
    margin-bottom: 5px !important;
}
.mb--10 {
    margin-bottom: 10px !important;
}
.mb--15 {
    margin-bottom: 15px !important;
}
.mb--20 {
    margin-bottom: 20px !important;
}
.mb--25 {
    margin-bottom: 25px !important;
}
.mb--30 {
    margin-bottom: 30px !important;
}
.mr--5 {
    margin-right: 5px !important;
}
.mr--10 {
    margin-right: 10px !important;
}
.mr--15 {
    margin-right: 15px !important;
}
.mr--20 {
    margin-right: 20px !important;
}
.mr--25 {
    margin-right: 25px !important;
}
.mr--30 {
    margin-right: 30px !important;
}
.pa--0 {
    padding: 0 !important;
}
.pr--0 {
    padding-right: 0 !important;
}
.pr--5 {
    padding-right: 5px !important;
}
.pr--10 {
    padding-right: 10px !important;
}
.pr--15 {
    padding-right: 15px !important;
}
.pr--20 {
    padding-right: 20px !important;
}
.pr--25 {
    padding-right: 25px !important;
}
.pr--30 {
    padding-right: 30px !important;
}
.pl--0 {
    padding-left: 0 !important;
}
.pl--5 {
    padding-left: 5px !important;
}
.pl--10 {
    padding-left: 10px !important;
}
.pl--15 {
    padding-left: 15px !important;
}
.pl--20 {
    padding-left: 20px !important;
}
.pl--25 {
    padding-left: 25px !important;
}
.pl--30 {
    padding-left: 30px !important;
}
.pt--0 {
    padding-top: 0 !important;
}
.pt--5 {
    padding-top: 5px !important;
}
.pt--10 {
    padding-top: 10px !important;
}
.pt--15 {
    padding-top: 15px !important;
}
.pt--20 {
    padding-top: 20px !important;
}
.pt--25 {
    padding-top: 25px !important;
}
.pt--30 {
    padding-top: 30px !important;
}
.pb--0 {
    padding-bottom: 0 !important;
}
.pb--5 {
    padding-bottom: 5px !important;
}
.pb--10 {
    padding-bottom: 10px !important;
}
.pb--15 {
    padding-bottom: 15px !important;
}
.pb--20 {
    padding-bottom: 20px !important;
}
.pb--25 {
    padding-bottom: 25px !important;
}
.pb--30 {
    padding-bottom: 30px !important;
}
@media screen and (min-width: 1200px){
    .container {
        width: 1030px;
    }
}
ul, ol {
    list-style-type: none;
    margin: 0;
}
*, p {
    margin: 0;
    padding: 0;
}
.drawer-overlay {
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
}

.drawer-overlay.active {
    display: block;
}
/*a, * {*/
a {
    color: #444;
    outline: none;
}
h1, h2, h3, h4, h5 {
    margin: 0;
}
.modal-header {
    background: #e4ebf1;
}
.modal-header {
    border-radius: 5px 5px 0 0;
}
/*header*/
.top-panel {
    background: #0d2532;
}
.login-popup-area {
    position: relative;
    z-index: 2;
}
.menu-action {
    margin-top: 6px;
}
.menu-action > li {
    float: left;
    margin-left: 20px;
}
.login-popup-area > a {
    padding: 8px 0;
}
.menu-action > li a {
    padding-top: 8px;
}
.menu-action > li a, .menu-action > li a i {
    color: #7f97a4;
}
.menu-action > li a i {
    margin-right: 5px;
}
.login-popup-area:hover i {
    color: #fff;
}
.login-popup {
    position: absolute;
    top: 28px;
    right: -15px;
    width: 300px;
    background: #fff;
    padding: 20px 15px 15px;
    display: none;
    z-index: 2;
    border-radius: 0 0 5px 5px;
}
.login-popup .row-data:not(:last-child) {
    margin-bottom: 10px;
}
.login-popup .row-data span {
    color: #f27c21;
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
}
.login-popup .row-1 span {
    font-size: 14px;
}
.login-popup .row-data a {
    transition: 300ms;
}
.login-popup .row-data a {
    padding-top: 0;
}
.login-popup .row-1 a, .login-popup .row-3 a {
    display: block;
    padding: 7px;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
}
.login-popup .row-1 a {
    background: #a0cb57;
}
.login-popup .row-2 ul {
    margin: 0 -5px;
    overflow: hidden;
}
.login-popup .row-2 ul li {
    width: 50%;
    padding: 0 5px;
    float: left;
}
.login-popup .row-2 li a {
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    padding: 3px;
    border-radius: 5px;
    display: block;
}
.login-popup .row-2 li a.btn-facebook {
    background: #385c8e;
}
.login-popup .row-2 li a.btn-google {
    background: #dc4e41;
}
.login-popup .row-3 a {
    background: #ff7900;
}
.login-popup-area:hover .login-popup {
    display: block;
}
.menu-action > li:last-child {
    margin-left: 22px;
}
.btn-post-new {
    background: #fff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #f27c21!important;
    padding: 4px 15px!important;
    border-radius: 5px;
    margin-top: 4px;
}
.btn-post-new i {
    color: #f27c21!important;
    font-size: 20px;
    position: relative;
    top: 2px;
}
.btn-post-new:hover {
    color: #fff!important;
    background: #f27c21!important;
}
.menu-action > li a:hover, .menu-action li a:hover i {
    color: #fff!important;
}
.login-popup-area i {
    margin-right: 0;
    font-size: 20px;
}
.top-menu ul li a, .top-menu ul li a i {
    color: #7f97a4;
}
@media screen and (max-width: 1199px) and (min-width: 992px){
    .top-menu ul li a {
        padding-right: 8px!important;
        padding-left: 8px!important;
        font-size: 13px;
    }
    .menu-action > li a {
        font-size: 13px!important;
    }
}
.top-menu .navbar-nav>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}
.top-menu .navbar-nav>li:first-child a {
    padding-left: 0;
}
.top-menu ul li a i:first-child {
    margin-right: 7px;
}
.top-menu ul li a i:last-child {
    margin-left: 7px;
}
.top-menu .new {
    position: relative;
    padding-right: 15px;
}
.top-menu .new:after {
    content: '';
    width: 21px;
    height: 10px;
    background: url(../image/new-icon.png) no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
}
.top-menu ul li a:hover {
    background: #0d2532;
    color: #fff!important;
}
.top-menu ul li a:hover i {
    color: #fff!important;
}
.top-menu .navbar-nav>li>.dropdown-menu, .menu-action .dropdown-menu {
    border-radius: 0;
    padding: 0;
}
.top-menu .navbar-nav>li>.dropdown-menu li a {
    color: #888;
}
.top-menu .navbar-nav>li>.dropdown-menu li a:hover, .menu-action .dropdown-menu li a:hover {
    background: #e8e8e8;
    color: #f27c21!important;
}
.middle-panel {
    padding: 12px 0;
    background: #3379b5;
}
.middle-panel .main-logo {
    float: left;
}
.menu-mobilea-area {
    display: none;
}
/*Services*/
.main-header {
    background: #fff;
}
.services-slider {
    padding: 15px 20px;
}
.services-slider button {
    width: 12px;
    height: 20px;
}
.services-slider .slick-prev {
    background: url(../image/arrow-prev-1.png);
    transition: 0s;
    left: 0;
}
.services-slider .slick-next {
    background: url(../image/arrow-next-1.png);
    transition: 0s;
    right: 0;
}
.services-slider .slick-next:hover {
    background-position: -12px 0;
}
.services-slider .slick-prev:hover {
    background-position: -12px 0;
}
.slick-prev:before, .slick-next:before {
    content: '';
}
.slick-prev:before, .slick-next:before {
    content: '';
}
.slick-initialized .slick-slide {
    text-align: center;
}
.service-item img {
    display: inline-block;
    margin-bottom: 5px;
}
.service-item span {
    display: block;
    font-size: 10px;
    line-height: 1.4;
    text-transform: capitalize;
}
/*Search*/
.block-search {
    width: 100%;
    height: 40px;
    position: relative;
    border: 2px solid #f27c21;
}
.block-search .text {
    width: 100%;
    height: 36px;
    border: none;
    position: relative;
    padding: 0 460px 0 15px;
}
.save-search {
    position: absolute;
    top: 0;
    right: 85px;
    width: 45px;
}
.save-search button {
    width: 100%;
    background: #fff;
    color: #fff;
    border: none;
    height: 36px;
    line-height: 40px;
    font-size: 13px;
    color: #183544;
    border-left: 1px solid #dedede;
}
.save-search i {
    color: #04b5cd;
    font-size: 16px;
}
.save-search .tool-tip-area {
    position: absolute;
    width: 264px;
    transform: translateX(-50%);
    background: #a0cb57;
    opacity: 0.9;
    z-index: 1;
    padding: 10px 20px 10px 10px;
}
.save-search .tool-tip-area p {
    color: #fff;
    line-height: 1.3;
}
.save-search .tool-tip-area a {
    position: absolute;
    right: 10px;
    top: 5px;
}
.save-search .tool-tip-area a i {
    color: #fff;
}
.save-search .tool-tip-area:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #a0cb57;
    content: '';
    position: absolute;
    top: -5px;
    left: 57%;
}
.block-search .btn-search {
    width: 45px;
    height: 40px;
    background: url(../image/btn-search.jpg) no-repeat center;
    border: none;
    position: absolute;
    top: -2px;
    right: 40px;
}
.block-search .btn-advanceds {
    border: 0;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -2px;
    border-radius: 0;
    right: -1px;
    background-color: #f27c21;
}
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.block-search .btn-advanceds .fa {
    color: #fff;
}
.advanced-search {
    border: 1px solid #f27c21;
    padding: 15px 15px 0;
}
.block-search select {
    height: 36px;
    position: absolute;
    border: none;
    border-left: 1px solid #dedede;
    padding-left: 5px;
}
.block-search .address {
    width: 120px;
    top: 0;
    right: 370px;
}
.block-search .price {
    width: 120px;
    right: 250px;
    top: 0;
}
.block-search .distance {
    width: 120px;
    top: 0;
    right: 130px;
}
.row {
    margin: 0 -5px;
}
.row [class*="col-"] {
    padding: 0 5px;
}
.advanced-search label {
    font-weight: normal;
    margin-top: 5px;
}
.advanced-search button {
    width: 150px;
    height: 34px;
    background: #f27c21;
    border: none;
    color: #fff;
}
.advanced-search button.save-search-advanced {
    background: #04b5cd;
    margin-left: 5px;
}
.advanced-search button i {
    color: #fff;
    margin-right: 10px;
}
#main-content {
    padding: 20px 0 0 0;
}
/*Sidebar*/
.widget-sidebar {
    margin-bottom: 10px;
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 3px 3px 0 0 rgba(0,0,0,.02);
}
.widget-sidebar.list-main-menu {
    position: relative;
    z-index: 11;
}
.widget-sidebar.list-main-menu p {
    padding: 0 0 15px 15px;
}
.widget-sidebar.list-main-menu p i {
    margin-right: 10px;
    position: relative;
    top: 1px;
}
.category-menu {
    padding-bottom: 2px!important;
    margin-bottom: 0!important;
}
.widget-sidebar > ul li {
    margin-bottom: 10px;
    line-height: 1.4;
}
.widget-sidebar > ul li:last-child {
    margin-bottom: 0;
}
.category-link {
    padding-left: 0!important;
    display: block;
    width: 100%;
    border-radius: 20px;
}
.widget-sidebar > ul li a {
    position: relative;
    padding-left: 20px;
}
.category-link .icon-menu {
    width: 30px;
    height: 30px;
    /*background: url(../image/list-wi-icon.png) no-repeat;*/
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-position: 0 0;
}
/*.category-link .icon-menu-1 {*/
/*    background-position: 0 0;*/
/*}*/

/*.category-link .icon-menu-2 {*/
/*    background-position: -30px 0;*/
/*}*/

/*.category-link .icon-menu-3 {*/
/*    background-position: -60px 0;*/
/*}*/

/*.category-link .icon-menu-4 {*/
/*    background-position: -90px 0;*/
/*}*/

/*.category-link .icon-menu-4 {*/
/*    background-position: -90px 0;*/
/*}*/

/*.category-link .icon-menu-5 {*/
/*    background-position: -120px 0;*/
/*}*/

/*.category-link .icon-menu-6 {*/
/*    background-position: -150px 0;*/
/*}*/

/*.category-link .icon-menu-7 {*/
/*    background-position: -180px 0;*/
/*}*/

/*.category-link .icon-menu-8 {*/
/*    background-position: -210px 0;*/
/*}*/

/*.category-link .icon-menu-9 {*/
/*    background-position: -240px 0;*/
/*}*/

/*.category-link .icon-menu-10 {*/
/*    background-position: -270px 0;*/
/*}*/

/*.category-link .icon-menu-11 {*/
/*    background-position: -300px 0;*/
/*}*/

/*.category-link .icon-menu-12 {*/
/*    background-position: -330px 0;*/
/*}*/

/*.category-link .icon-menu-13 {*/
/*    background-position: -360px 0;*/
/*}*/

/*.category-link .icon-menu-14 {*/
/*    background-position: 0 -30px;*/
/*}*/

/*.category-link .icon-menu-15 {*/
/*    background-position: -30px -30px;*/
/*}*/
.category-menu .name-menu {
    padding-left: 5px;
}
.sub-menu-area {
    position: absolute;
    top: 0;
    left: 230px;
    width: 400px;
    background: #fff;
    border-radius: 5px;
    border-top: 3px solid #f27c21;
    padding: 20px 15px;
    -webkit-box-shadow: 0px 0 30px 0 rgba(0,0,0,0.25);
    box-shadow: 0px 0 30px 0 rgba(0,0,0,0.25);
    height: 565px;
    display: none;
}
.sub-menu-area:before {
    content: "";
    position: absolute;
    left: -22px;
    top: 0;
    width: 25px;
    height: 100%;
}
.sub-menu-area > span {
    display: block;
    color: #f27c21;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.sub-menu-area ul {
    margin: 0 -5px;
}
.sub-menu-area ul li {
    width: 50%;
    padding: 0 5px;
    display: inline-block;
    vertical-align: top;
    margin: 0 -0.125em 10px;
}
.sub-menu-area ul li a {
    padding-left: 0 !important;
    width: 100%;
}
.category-menu .number, .sub-menu-area ul li a:hover {
    color: #f27c21!important;
}
.category-menu:hover .category-link {
    background: #ebebeb;
}
.category-menu:hover .sub-menu-area {
    display: block;
}
.widget-sidebar > h3 {
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    padding: 11px 15px;
}
.widget-sidebar > h3 i {
    margin-right: 10px;
}
.widget-sidebar > ul {
    padding: 15px;
}

.widget-address > ul {
    padding: 0;
}
.widget-sidebar.list-menu > p {
    padding: 15px 0 15px 15px;
    border: 1px solid #eee;
    border-top: 0;
    background: #fff;
}
.widget-sidebar.list-menu > p a i {
    margin-right: 10px;
    transition: 300ms;
    position: relative;
    top: 1px;
}
.widget-address > ul > li {
    margin-bottom: 0;
    padding: 3px 0 3px 15px;
    border: solid 1px #fff;
}
.widget-address > ul > li.has-child {
    position: relative;
}
.widget-address > ul > li:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    position: absolute;
    top: 30%;
    right: 5px;
    color: #ccc;
}
.widget-sidebar > ul li a {
    position: relative;
    padding-left: 20px;
}
.list-location ul {
    border: solid 1px #eee;
}
.widget-sidebar > ul > li > a:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #444;
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 100%;
    transition: 300ms;
}
.widget-sidebar.list-main-menu > ul > li > a:before {
    display: none;
}
.b_bold {
    color: #F27C21;
    font-weight: normal;
}
.widget-address .sub-menu-address {
    display: none;
}
.widget-address .sub-menu-address {
    position: absolute;
    top: 50%;
    left: 222px;
    width: 200px;
    background: #fff;
    border: 1px solid #f27c21;
}
.widget-address .sub-menu-address {
    padding: 15px 0;
}
.widget-address > ul > li:hover .sub-menu-address {
    display: block;
}
.widget-address > ul > li.has-child:hover {
    border: solid 1px #f27c21;
    background-color: #fcf9f7;
    z-index: 10000;
    border-right: 0;
}
.widget-sidebar .search {
    border-top: 1px solid #eee;
    padding: 15px;
}
.widget-sidebar .search h5 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-bottom: 10px;
}
.widget-sidebar .search h5 i {
    margin-right: 8px;
}
.widget-sidebar .box-price {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}
.widget-sidebar .text-left {
    width: 45%;
    float: left;
}
.widget-sidebar .text-right {
    width: 45%;
    float: right;
    text-align: left;
}
.widget-sidebar .box-price input {
    text-align: center;
    height: 27px;
}
.widget-sidebar .box-price:after {
    content: '';
    width: 6px;
    height: 1px;
    background: #888;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 12px;
}
.widget-sidebar .search button {
    margin-bottom: 10px;
    padding: 7px 22px;
    background: #f27c21;
    border: none;
    color: #fff;
}
.widget-sidebar .search button i {
    margin-right: 5px;
    color: #fff;
}
.sidebar .box-banner {
    margin-bottom: 10px;
}

.feature-pro {
    margin-bottom: 10px;
}
.feature-pro .title, .widget-sidebar.top-user .title {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    background: #fff;
    border: 1px solid #eee;
    padding: 10px 12px;
    font-weight: 700;
    color: #444;
    position: relative;
}
.feature-pro .title:after, .widget-sidebar.top-user .title:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    background: #f27c21;
    top: 0;
    left: 0;
}
.list-collection {
    background: #fff;
}
.feature-pro ul li {
    padding: 11px 12px 8px 12px;
    border-bottom: 1px solid #eee;
}
.collection-area ul li {
    padding: 20px 10px;
}
.item-collection {
    overflow: hidden;
}
.item-collection .box-img {
    width: 110px;
    float: left;
    margin-right: 10px;
}
.item-collection .box-desc {
    width: calc(100% - 120px);
    float: right;
}
.box-img > a {
    display: block;
}
.item-collection .box-img img {
    border-radius: 5px;
}
.box-img > a > img {
    width: 100%;
}
.item-collection .box-desc h3 {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
}
.item-collection .box-desc h3 a {
    color: #333;
}
.feature-pro .title i, .widget-sidebar.top-user .title i {
    color: #444;
    margin-right: 7px;
}
.item-collection .box-desc h3 a:hover {
    color: #f27c21!important;
}
.item-collection .box-desc span {
    font-size: 12px;
    color: #696969;
}
.view-more {
    color: #888;
    font-size: 15px!important;
    display: inline-block;
}
.feature-pro .view-more, .widget-sidebar.top-user .view-more {
    margin-left: 12px;
    padding: 10px 10px 10px 0px;
}
.view-more i {
    color: #888;
    margin-right: 5px;
}
.view-more:hover i {
    color: #d90000;
}
.widget-sidebar.top-user .title {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 10px 15px 45px;
}
.widget-sidebar.top-user .title:before {
    content: '';
    width: 29px;
    height: 33px;
    background: url(../image/icon-3.png) no-repeat;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover!important;
}
.widget-sidebar .list-top-user .item {
    padding: 10px;
    border-bottom: 1px solid #eee;
}
.list-top-user .info-1 {
    margin-bottom: 10px;
}
.list-top-user .item .info-1 .box-img {
    width: 80px;
    margin-right: 10px;
    float: left;
}
.widget-sidebar .list-top-user .item .box-desc {
    width: calc(100% - 90px);
    float: right;
}
.list-top-user .item .box-desc h4 a {
    max-width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 2px;
    height: 16px;
}
a:hover {
    text-decoration: none;
    color: #d90000!important;
}
.list-top-user .info-1 .acc-type {
    position: relative;
    padding-left: 25px;
    margin-bottom: 2px;
}
.list-top-user .info-1 .acc-type span {
    color: #ff7f00;
    font-weight: bold;
}
.list-top-user .info-1 .acc-type:after {
    content: '';
    position: absolute;
    width: 21px;
    height: 23px;
    top: -2px;
    left: 0;
}
.list-top-user .info-1 .acc-type.acc-silver:after {
    background: url(../image/icon-acc-silver.png);
    background-size: cover;
}
.list-top-user .info-1 ul {
    overflow: hidden;
}
.list-top-user .info-1 ul li {
    float: left;
    margin-right: 5px;
}
.list-top-user .info-1 .btn-mess {
    width: 20px;
    height: 20px;
    background: url(../image/icon-mess.png) no-repeat;
    margin-top: 1px;
    display: inline-block;
}
.list-top-user .item .info-2 ul {
    overflow: hidden;
}
.list-top-user .item .info-2 ul li {
    float: left;
    margin-right: 5px;
}
.armorial .level {
    display: inline-block;
    width: 30px;
    height: 33px;
    background: url(../image/icon-year-of-member.png) no-repeat;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
}
.list-top-user .item .info-2 span {
    display: block;
}
.list-top-user .item .info-2 .numb {
    color: #f27c21;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    position: relative;
    padding-left: 20px;
}
.list-top-user .item .info-2 .numb:after {
    content: '';
    width: 16px;
    height: 16px;
    background: url(../image/icon-check.png) no-repeat;
    position: absolute;
    left: 0;
    top: 3px;
}
.list-top-user .item .info-2 .text {
    font-size: 10px;
    color: #000;
}
.list-top-user .info-1 .acc-type.acc-diamond:after {
    background: url(../image/icon-acc-1.png);
    background-size: cover;
}
.widget-sidebar.top-week .title:before {
    background: url(../image/icon-7.png) no-repeat;
}
.product-item-2 {
    border-bottom: 1px solid #eee;
    padding: 10px 5px 10px 0;
}
.prod-box {
    margin-bottom: 28px;
}
.top-list-news .product-item-2 {
    padding: 10px;
}
.prod-box .img-avatar {
    position: relative;
    max-width: 135px;
    float: left;
    margin-right: 10px;
}
.prod-brl .img-avatar {
    margin-right: 0;
    padding-right: 0 !important;
}
.prod-box .img-avatar span.hot, .post-item .box-img span.hot {
    left: 2px;
    top: 2px;
    width: 30px;
    height: 20px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    padding: 3px;
    line-height: 13px;
    position: absolute;
}
.prod-box.flash .img-avatar span.hot {
    background-color: rgba(0,0,0,0.4);
    width: 16.5px;
    height: 23px;
}
.prod-box.flash .img-avatar span.hot i {
    color: #fff;
    font-size: 14px;
    position: relative;
    top: 3px;
}
.photo-right {
    background: url(../image/bg_photo.svg) 0% 0 / cover no-repeat;
    bottom: 35px;
    color: #FFFFFF;
    font-size: 11px;
    height: 22px;
    line-height: 23px;
    position: absolute;
    right: 4px;
    text-align: center;
    width: 28px;
}
.prod-box .img-avatar ul {
    padding: 0;
}
.prod-box .img-avatar ul li {
    padding: 0 2px 0 0;
    text-align: center;
}
.prod-box .img-avatar ul li a {
    font-size: 10px;
    color: #333;
    background-color: #f5f5f5;
    padding: 0px 0;
    display: block;
    height: 22px;
    line-height: 16px;
    width: 100%;
}
.prod-brl .img-avatar ul li a {
    padding: 4px 0;
    display: block;
}
.widget-sidebar .top-list-news .color-gray, .widget-sidebar .top-list-news .price, .widget-sidebar .top-list-news ul > li > a {
    font-size: 11px;
}
.prod-box .img-avatar ul li a i {
    font-size: 10px;
    color: #9fa2a3;
}
.top-list-news .product-item-2 .has-title a {
    height: 38px;
    overflow: hidden;
    color: #444;
    height: 33px;
    overflow: hidden;
    display: inline-block;
    line-height: 1.3em;
    font-weight: 600;
    font-size: 13px;
}
.widget-sidebar .top-list-news .price {
    display: block;
    border-bottom: 1px solid #ececec;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.prod-box .price > * {
    color: #f27c21;
}
.prod-box .price {
    font-size: 13px;
    color: #f27c21;
    display: block;
    padding-bottom: 0px;
    font-weight: bold;
}
.news-tab, .user-action {
    background-color: #fff;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav-tabs>li {
    background: #e5e5e5;
}
.news-tab .nav-tabs>li {
    width: 50%;
    text-align: center;
}
.nav-tabs>li>a {
    text-transform: uppercase;
    border-radius: 0;
    margin-right: 0;
    font-weight: 700;
    padding: 3px 15px;
}
.nav-tabs>li>a, .nav-tabs>li.active>a {
    border: none!important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background: #fba824;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #fff!important;
}
.nav-tabs>li.active>a i {
    color: #fff;
}
.nav-tabs>li>a i {
    margin-right: 5px;
    color: #444;
}
.right-hl .form-area {
    padding: 5px;
}
.right-hl .form-area .form-group {
    margin-bottom: 2px;
}
.right-hl .form-area .form-control {
    height: 27px;
    line-height: 27px;
    padding: 0 10px;
}
.right-hl .form-area select {
    background: #ececec;
}
.right-hl .form-area .form-control {
    height: 27px;
    line-height: 27px;
    padding: 0 10px;
}
.right-hl .form-area button {
    height: 26px;
    width: 100%;
    background: #fba824;
    border: 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}
.top-slider-area {
    margin-bottom: 10px;
}
.top-slider-area {
    padding: 20px 0;
}
.top-slider-area .tab-title {
    overflow: hidden;
}
.top-slider-area .nav-tabs {
    border-bottom: 0;
}
.top-slider-area .tab-title ul {
    float: left;
}
.top-slider-area .news-tab .nav-tabs>li {
    width: auto;
}
.top-slider-area .nav-tabs>li>a {
    padding: 8px 15px;
}
.top-slider-area .tab-title > a {
    float: right;
    margin: 5px 10px 0 0;
}
.slider-in-tab {
    margin: 0 -5px;
    padding: 10px;
}
.slider-in-tab .slick-prev, .slider-in-tab .slick-next, .slider-hl-project .slick-prev, .slider-hl-project .slick-next {
    width: 20px;
    height: 20px;
    background-color: rgba(0,0,0,0.8);
    top: 50%;
    margin-top: -10px;
    z-index: 10;
}
.slider-in-tab .slick-prev:before, .slider-in-tab .slick-next:before, .slider-hl-project .slick-prev:before, .slider-hl-project .slick-next:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    color: #fff;
}
.slider-in-tab .slick-prev:before, .slider-hl-project .slick-prev:before {
    content: '\f104';
}
.slider-in-tab .slick-next:before, .slider-hl-project .slick-next:before {
    content: '\f105';
}
.slider-in-tab .slick-prev:hover, .slider-in-tab .slick-next:hover, .slider-hl-project .slick-prev:hover, .slider-hl-project .slick-next:hover {
    background-color: rgba(247,148,30,0.8);
}
.slider-in-tab .slick-prev, .slider-hl-project .slick-prev {
    left: 5px;
}
.slider-in-tab .slick-next, .slider-hl-project .slick-next {
    right: 5px;
}
.slider-in-tab .slide-item {
    padding: 0 5px;
    text-align: left;
}
.top-slider-area .slide-item:nth-child(-n+8) {
    display: block;
}
.slider-in-tab .prod-box {
    margin-bottom: 0;
}
.top-slider-area .prod-box .img-avatar {
    margin-right: 0;
}
.prod-box.svip .img-avatar span.hot, .post-item.super-vip .box-img span.hot {
    background-color: #be382d;
}
.top-slider-area .photo {
    top: auto;
    bottom: 32px;
}
.prod-box.svip .title .has-title a {
    color: #df0f0f;
}
.prod-box .img-avatar ul {
    padding: 0;
}
.prod-box .img-avatar ul li {
    padding: 0 2px 0 0;
    text-align: center;
}
.prod-box .img-avatar ul li a {
    font-size: 10px;
    color: #333;
    padding: 4px 0;
    background-color: #f5f5f5;
    width: 100%;
}
.prod-box .img-avatar ul li a i {
    font-size: 10px;
    color: #9fa2a3;
}
.prod-box .title ul li {
    font-size: 11px;
    padding-bottom: 5px;
    line-height: 100%;
}
.prod-box.svip .price, .prod-box.svip .price > * {
    color: #d90000;
}
.user-post {
    padding-top: 5px;
    border-top: 1px solid #ddd;
    font-size: 12px;
    height: 27px;
}
.user-post .fa {
    font-size: 14px;
    padding-right: 3px;
}
.prod-box .title .has-title a {
    color: #444;
    height: 33px;
    overflow: hidden;
    display: inline-block;
    line-height: 1.3em;
    font-weight: 600;
    margin: 3px 0;
    font-size: 13px;
}
.photo {
    background: url(../image/bg_photo.svg) 0% 0 / cover no-repeat;
    bottom: 7px;
    color: #FFFFFF;
    font-size: 11px;
    height: 22px;
    line-height: 23px;
    position: absolute;
    right: 5px;
    text-align: center;
    width: 28px;
    top: 83px;
}
.slide-home {
    background-color: #fff;
    padding: 5px 0;
    border: solid 1px #eee;
}
.slide-home > h2 {
    font-size: 16px;
    font-weight: bold;
    color: #f7941e;
    padding: 10px 0 5px 10px;
    text-transform: uppercase;
}
.search-trend {
    padding: 10px 10px 0;
}
.search-trend ul {
    padding-bottom: 15px;
}
.search-trend ul li {
    margin: 0 5px 10px 0;
    display: inline-block;
    width: 200px;
}
.search-trend ul li a {
    /*background: #f6f6f9;*/
    padding: 5px 15px;
    /*border-radius: 20px;*/
    /*border: 1px solid #eaeaea;*/
    font-size: 13px;
    color: #252525;
    /*box-shadow: 0 4px 2px -2px #eaeaea;*/
}
/*.search-trend ul li a:hover {*/
/*    background: #f27c21;*/
/*    color: #fff!important;*/
}
.block-post {
    margin-bottom: 10px;
    margin-left: 7.5px;
    clear: both;
}
.box-title {
    position: relative;
    margin: 25px 0 20px 0;
}
.main-title {
    position: relative;
    z-index: 10;
    overflow: hidden;
    padding: 5px 0;
    margin-bottom: 5px;
}
.main-title h1, .main-title h2 {
    text-transform: uppercase;
    font-size: 19px;
    background: #f3f3f3;
    display: inline-block;
    padding: 5px 45px 0 10px;
    position: relative;
}
.box-title .number {
    color: #f27c21;
}
.box-title p span {
    font-weight: 600;
}
.box-title > p {
    margin: 10px 0 0 0;
}
.main-title .box-img {
    width: 28px;
    float: left;
    height: 28px;
    background: #f27c21;
    text-align: center;
    line-height: 28px;
    border-radius: 50%;
    position: relative;
    top: -3px;
}
.main-title .box-img img {
    position: relative;
    top: -2px;
    left: -1px;
}
.main-title h2 {
    text-transform: uppercase;
    font-size: 21px;
    background: #f3f3f3;
    display: inline-block;
    padding: 0 45px 0 10px;
    position: relative;
}
.main-title h2 a {
    position: absolute;
    left: 100%;
    top: 2px;
    text-transform: none;
    font-size: 12px;
    background: #f27c21;
    width: 100px;
    font-weight: 600;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 5px 0;
}
.box-title:after {
    content: '';
    height: 1px;
    width: 100%;
    background: #858585;
    position: absolute;
    left: 0;
    top: 18px;
}
.list-option {
    clear: both;
}
.list-option select {
    width: 150px;
    height: 25px;
    border: 1px solid #ccc;
    margin-right: 5px;
}
.list-product-1, .list-product-slider {
    background: #fff;
    padding: 10px 10px 0;
}
.list-product-slider, .list-product-1 .row {
    overflow: hidden;
}
.list-product-slider .col-data, .list-product-1 .col-data {
    width: 20%;
    float: left;
}
.s_distance {
    float: right;
    color: #d90000;
}
.sort {
    margin: 5px 0 0 0;
}
.sort li {
    float: left;
    margin-left: 5px;
}
.sort .grid {
    width: 19px;
    height: 14px;
    background: url(../image/gird.png) no-repeat;
    display: inline-block;
}
.sort .list {
    width: 19px;
    height: 14px;
    background: url(../image/list.png) no-repeat;
    display: inline-block;
}
.sort .active.grid, .sort .active.list {
    background-position: -19px 0;
}
.small-title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    border: 1px solid #eee;
    background: #fff;
    padding: 10px;
    position: relative;
}
.post-left .small-title {
    margin-bottom: 10px;
}
.list-order .small-title {
    margin-bottom: 0;
}
.small-title:before {
    content: '';
    width: 100%;
    height: 2px;
    background: #f27c21;
    position: absolute;
    top: 0;
    left: 0;
}
.list-product-2,
.list-product-hot {
    padding: 0 10px;
    background: #fff;
}
.list-product-2,
.list-product-hot {
    border: 1px solid #eee;
    border-top: 0;
}
.list-product-2.list-group .product-item-2 {
    position: relative;
}
.post-left .list-product-2.list-group .col-md-6, .post-left .list-product-2.list-group .col-md-4 {
    width: 100%;
}
.list-product-2.list-group .product-item-2 .col-md-6 {
    position: static;
}
.list-group .photo-right, .list-group .img-avatar {
    display: none;
}
.list-group .prod-box .img-avatar ul {
    display: none;
}
.list-group .prod-box .title .has-title a {
    height: auto;
}
.view-all-1 {
    margin: 20px 0 25px;
}
.view-all-1 a {
    color: #fff;
    background: #f27c21;
    text-transform: uppercase;
    border-radius: 15px;
    padding: 5px 20px;
}
.view-all-1 a:hover {
    color: #fff!important;
}
.promo-section {
    background: #dae3e0;
    padding: 50px 0 30px 0;
    border-bottom: 1px solid #fff;
}
.promo-section .row [class*="col-"] {
    padding: 0 10px;
}
.box-promo {
    margin-bottom: 20px;
    border-radius: 5px;
    transition: transform .3s cubic-bezier(.68,-.55,.265,1.55);
}
.box-promo a img {
    width: 100%;
    max-width: 100%;
    border-radius: 5px 5px 0 0;
}
.box-promo .box-desc {
    background: #fff;
    padding: 20px 10px;
    border-radius: 0 0 5px 5px;
}
.box-promo .box-desc h3 a {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.35em;
    height: 48px;
    overflow: hidden;
    font-weight: bold;
}
.box-promo:hover {
    transform: translateY(-6px);
}
.text-intro-area {
    color: #696969;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 30px;
}
.text-intro-area .main-text {
    height: 188px;
    overflow: hidden;
}
.text-intro-area p {
    line-height: 1.4em;
    margin-bottom: 5px;
    font-size: 12px;
}
.text-intro-area .action {
    margin-top: 10px;
}
.text-intro-area .action .view-short {
    display: none;
}
.text-intro-area .action a:hover, .text-intro-area .action a:hover i {
    color: #f27c21!important;
}
.text-intro-area .main-text.active {
    height: auto;
}
.app-section {
    background: #06161e;
    padding: 15px 0;
}
.app-section .inner {
    overflow: hidden;
}
.app-section .box-text {
    float: left;
    overflow: hidden;
}
.app-section .box-text * {
    color: #fff;
}
.app-section .box-text .left {
    float: left;
    margin-right: 5px;
}
.app-section .box-text .right {
    float: left;
    margin-top: 20px;
}
.app-section .box-text h3 {
    font-size: 18px;
    margin-bottom: 5px;
}
.app-section .box-logo {
    float: right;
}
.app-section .box-logo ul {
    margin-top: 25px;
}
.app-section .box-logo ul li {
    display: inline-block;
}
.app-section .box-logo ul li:first-child {
    margin-right: 10px;
}
.top-foot {
    padding: 25px 0 30px 0;
    background: #183544;
}
.tag-area {
    border-bottom: 1px solid #184c67;
    margin-bottom: 20px;
}
.tag-area ul {
    overflow: hidden;
    margin-bottom: 25px;
}
.tag-area ul li {
    float: left;
    padding-right: 5px;
    margin-right: 5px;
    position: relative;
}
.tag-area ul li a {
    color: #fff;
    font-size: 12px;
}
.tag-area ul li:after {
    background: #fff;
    width: 1px;
    height: 11px;
    content: '';
    position: absolute;
    top: 13px;
    right: 0;
}
.col-footer h4 {
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 10px 0;
}
.col-footer > *, .col-footer a {
    color: #fff;
}
.col-footer > p {
    margin-bottom: 7px;
}
.col-footer ul li {
    margin-bottom: 7px;
}
.box-mail {
    position: relative;
    margin-bottom: 10px;
}
.box-mail .text {
    width: 100%;
    background: #183544;
    border: 1px solid #fff;
    height: 36px;
    padding: 0 110px 0px 10px;
    color: #ffff;
}
.box-mail .submit {
    height: 36px;
    width: 100px;
    text-align: center;
    background: #f27c21;
    border: none;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 0;
    color: #ffff;
}
.statistic img {
    max-width: 150px;
    margin: 10px 50px 10px 0;
}
.bot-foot {
    background: #06161e;
    padding: 25px 0;
}
.legal p {
    color: #fff;
    margin-bottom: 5px;
}
.footer-social ul li a i, .footer-social span {
    color: #fff;
}
.footer-social ul {
    overflow: hidden;
    text-align: right;
}
.footer-social ul li {
    float: right;
    margin-left: 10px;
}
.footer-social ul li a i, .footer-social span {
    color: #fff;
}
.footer-social ul li a:hover i {
    color: #025a9c;
}
.box-label {
    overflow: hidden;
}
.box-label li {
    float: left;
    margin-right: 20px;
}
#myBtn {
    position: fixed;
    bottom: 100px;
    right: 10px;
    z-index: 9999;
    width: 54px;
    height: 54px;
    text-align: center;
    line-height: 30px;
    background: rgba(13,37,50,0.8);
    color: #fff;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    font-size: 25px;
    border-radius: 5px;
    box-shadow: none;
}
.show {
    display: block!important;
}
#myBtn.show {
    opacity: 1;
}
#myBtn .fa {
    color: #fff;
}
.breadcrumb>li+li:before {
    content: '';
    width: 7px;
    height: 12px;
    background: url(../image/arrow.png) no-repeat center center;
    padding: 0 10px;
    top: 0;
    right: 0;
}
.top-title {
    margin-bottom: 10px;
}
.top-title h1 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}
.top-title p span, .top-title p a {
    color: #f27c21;
    font-weight: 600;
}
.top-slider {
    margin: 0 -10px 0 -5px;
    padding: 0 40px;
}
.top-slider button {
    width: 25px;
    height: 50px;
    background: url(../image/arrow-slider.png) no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
}
.top-slider .slick-next, .top-slider .slick-next:hover {
    background-position: -25px 0;
    right: 5px;
}
.top-slider .slick-prev {
    background-position: 0 0;
    left: 5px;
}
.top-slider .slide-item, .mark-slider .slide-item {
    padding: 0 5px;
}
.top-slider .slide-item img {
    width: 100%;
    max-width: 100%;
}
.top-slider .slide-item a:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    border-radius: 5px;
    transform: scale(0);
    transition: 400ms;
}
.top-slider .slide-item a:hover:after {
    transform: scale(1);
}
.top-slider .slide-item a, .mark-slider .slide-item a {
    display: block;
    width: 100%;
    position: relative;
}
.top-slider .slide-item .text, .mark-slider .slide-item .text {
    position: absolute;
    bottom: 3px;
    left: 0;
    text-align: center;
    display: table;
    width: 100%;
    padding: 0 5px;
}
.top-slider button:hover {
    background: url(../image/arrow-active.png) no-repeat;
}
.top-slider .slick-next, .top-slider .slick-next:hover {
    background-position: -25px 0;
    right: 5px;
}
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1;
}
.search-topic {
    padding: 0;
    border: none;
    background: none;
}
.search-topic .search-suggest {
    position: relative;
}
.choose-option .option {
    display: inline-block;
    width: 100%;
    border: 1px solid #e6e6e6;
    border-top: 0;
    height: 45px;
    background: #fff;
    line-height: 45px;
    padding: 0 15px;
    position: relative;
    cursor: pointer;
    outline: none!important;
}
.choose-option .option-1, .choose-option .option-2 {
    border-right: 0;
}
.choose-option .option:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-width: 5px 5px 0;
    border-bottom-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 8px;
}
.choose-option .row [class*="col-"] {
    padding: 0;
}
@media (min-width: 576px){
    .modal-dialog {
        max-width: 375px;
        margin: 30px auto;
    }
}
.option-modal .modal-header {
    border-radius: 6px 6px 0 0;
    text-align: center;
    background: #f9f9f9;
    padding: 12px;
}
.option-modal .modal-header .close {
    margin-top: -1px;
    font-size: 28px;
}
.option-modal .modal-header h4 {
    font-family: 'Roboto-Bold';
}
.option-modal .list-item li {
    position: relative;
}
.option-modal .list-item li:not(:last-child) {
    border-bottom: 1px solid #e6e6e6;
}
.option-modal .list-item li a {
    width: 100%;
    height: 100%;
    padding: 10px;
    position: relative;
    display: block;
}
.option-modal .list-item li a i {
    position: absolute;
    top: 13px;
    right: 10px;
}
.option-modal .list-item li a:hover {
    background: #f9f9f9;
    color: #444!important;
}
.option-modal .modal-body {
    padding: 0;
}
.option-modal-3 .close {
    left: 10px;
    position: absolute;
}
.option-modal-3 .modal-header a {
    position: absolute;
    top: 16px;
    right: 10px;
    font-size: 16px;
    color: #f27c21;
}
.option-modal-3 .modal-body {
    padding: 30px 15px;
}
.option-modal-3 .btn-apply {
    width: 100%;
    height: 40px;
    border: none;
    background: #f27c21;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto-Bold';
    border-radius: 0 0 6px 6px;
}
.group-filter {
    margin-bottom: 20px;
}
.group-filter span {
    display: block;
    margin-bottom: 7px;
    font-family: 'Roboto-Bold';
    font-size: 16px;
}
.group-filter .inner {
    border: 1px solid #e6e6e6;
    border-radius: 6px;
}
.radio-title {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
    padding: 10px;
    font-weight: normal;
    height: 41px;
}
.checkbox-title i, .radio-title i {
    display: inline-block;
    margin-right: 10px;
}
.radio-title input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkmark-1 {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}
.group-filter span {
    display: block;
    margin-bottom: 7px;
    font-family: 'Roboto-Bold';
    font-size: 16px;
}
.radio-title:hover input ~ .checkmark-1 {
    background-color: #ccc;
}
.radio-title input:checked ~ .checkmark-1 {
    background-color: #f27c21;
}
.radio-title .checkmark-1:after {
    content: '';
    position: absolute;
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
.radio-title input:checked ~ .checkmark-1:after {
    display: block;
}
.group-filter .inner label {
    border-bottom: 1px solid #e6e6e6;
}
.group-filter .inner label:last-child {
    border-bottom: none;
}
.super-vip .main-title > a, .block-post .main-title > a {
    background: #fff;
    padding: 3px 15px;
    font-weight: 600;
    position: absolute;
    right: 0px;
    top: 5px;
    border-radius: 26px;
    color: #0d2532!important;
}
.super-vip .main-title > a > i, .block-post .main-title > a > i {
    font-size: 16px;
    color: #888;
}
.super-vip .main-title > a:hover, .block-post .main-title > a:hover {
    color: #fff!important;
    background: #f62d2d;
}
.super-vip .main-title > a:hover i, .block-post .main-title > a:hover i {
    color: #fff;
}
.slider-product {
    padding-bottom: 35px;
}
.slider-product button {
    position: absolute;
    width: 22px;
    height: 22px;
    bottom: 10px;
    right: 0;
    top: auto;
    left: auto;
}
.slider-product .slick-next {
    background: url(../image/arrow-right-slider.png) no-repeat;
    right: 5px;
}
.slider-product .slick-prev {
    background: url(../image/arrow-left-slider.png) no-repeat;
    right: 35px;
}
.slider-product .slick-prev:hover {
    background: url(../image/arrow-left-slider-active.png) no-repeat;
}
.slider-product .slick-next:hover {
    background: url(../image/arrow-right-slider-active.png) no-repeat;
}
.slider-product .product-item-1 {
    text-align: left;
}
.list-product-1.list-group .col-md-3, .list-product-1.list-group .col-data {
    width: 100%;
}
.list-product-1.list-group .product-item-1 {
    border: none;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.list-product-1.list-group .product-item-1:last-child {
    margin-bottom: 8px;
}
.list-page {
    text-align: right;
}
.list-page ul {
    display: inline-block;
}
.pagination li a {
    color: #444;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background: #f27c21;
    border-color: #f27c21;
}
.list-key-search a, .list-key-search span {
    font-weight: bold;
}
.section-details {
    background: #fff;
    padding: 7px 0 0 0;
    border: 1px solid #eee;
    margin-bottom: 10px;
}
.section-details-1 {
    padding: 10px 0 0 0;
}
.product-slider .slick-next, .product-slider .slick-prev {
    width: 27px;
    height: 44px;
}
.product-slider .slick-prev {
    background-image: url(../image/arrow-next.svg);
    left: 10px;
    right: auto;
    z-index: 1;
}
.product-slider .slick-next {
    background-image: url(../image/arrow-prev.svg);
    right: 10px;
    left: auto;
}
.product-slider .img-slide .inner .table {
    width: 100%;
    height: 100%;
    display: table;
}
.product-slider .img-slide .inner .table-cell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.product-slider .img-slide .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.product-slider .img-slide img {
    width: auto;
    max-width: 100%;
    max-height: 360px;
}
.product-slider .slider-nav .slide-item {
    padding: 0 5px;
}
.product-slider .img-slide {
    position: relative;
    padding-top: 100%;
    text-align: center;
}
.product-slider .slider-nav .img-slide {
    padding-top: 0;
}
.product-slider .slider-nav img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}
.product-slider .slider-nav {
    margin: 10px -5px 0;
}
.product-slider .slider-nav .slick-current .img-slide:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #f27c21;
}
.outer-action {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 30px;
}
.outer-action ul {
    display: inline-block;
}
.details-area ul, .details-area ol {
    padding-left: 26px!important;
    list-style: inherit!important;
}
.details-area * {
    line-height: 1.3;
}
.outer-action ul li {
    list-style-type: none;
}
.outer-action ul li a {
    color: #d0021b;
    border: 1px solid #adadad;
    background: #e6e6e6;
    padding: 2px 5px;
    border-radius: 3px;
}
.list-action li a i {
    margin-right: 5px;
}
.list-action li a {
    font-weight: 500;
}
.outer-action ul li a i {
    color: #d0021b!important;
}
.outer-action ul li a:hover {
    color: #d0021b!important;
    background: #d4d4d4;
}
.details-text {
    padding-right: 8px;
}
.details-text h1 {
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 10px 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    line-height: 1.35em;
}
.details-text span.hot {
    line-height: 14px;
    padding: 3px;
    color: #fff;
    font-size: 10px;
    width: 30px;
    background: #be382d;
    margin-right: 5px;
    position: relative;
    top: -1px;
    height: 20px;
    font-weight: bold;
    text-align: center;
    float: left;
}
.all-info, .poster {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.poster {
    border-bottom: 0;
}
.row-info {
    overflow: hidden;
    margin-bottom: 5px;
}
.row-info .info-title {
    width: 50%;
    float: left;
    font-weight: 600;
    color: #AFAFB2;
    text-align: right;
    padding-right: 20px;
}
.row-info .text-desc {
    float: left;
    width: 50%;
}
.row-info .info-title i {
    margin-right: 5px;
    color: #AFAFB2;
    min-width: 18px;
}
.row-info .text-desc .btn-contact {
    /*width: 150px;*/
    height: 28px;
    background: #087db3;
    line-height: 28px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    display: block;
}
.row-info .text-desc .btn-contact:hover {
    color: #fff!important;
}
.list-btn-new li {
    list-style-type: none;
}
.list-btn-new li:not(:last-child) {
    margin-bottom: 10px;
}
.list-btn-new li a {
    display: block;
    widows: 100%;
    text-align: center;
    border-radius: 20px;
    padding: 10px 0;
}
.list-btn-new .btn-make-offer {
    background: #f27c21;
    color: #fff;
}
.list-btn-new .btn-chat {
    border: 1px solid #f27c21;
    color: #f27c21;
}
.list-btn-new {
    margin: 10px 0 10px -26px;
}
.list-btn-new .btn-make-offer:hover {
    color: #fff!important;
}
.list-btn-new .btn-chat:hover {
    color: #f27c21!important;
}
.modal-chat .modal-header {
    background: none;
    border-bottom: 0;
}
.modal-chat .modal-body {
    padding: 20px;
}
#modal-chat-2 .info-area {
    padding: 50px 0;
}
#modal-chat-2 .info-area i {
    color: #f27c21;
}
.modal-chat .info-area i {
    font-size: 50px;
}
.modal-chat .info-area span {
    display: block;
    font-size: 22px;
}
#modal-chat-2 .info-area > span {
    color: #656565;
    margin-bottom: 25px;
    font-weight: normal;
}
.modal-chat .info-area p {
    font-size: 18px;
}
#modal-chat-2 .info-area p {
    margin-bottom: 25px;
}
.box-offer {
    width: 160px;
    margin: 0 auto;
    position: relative;
}
.box-offer input {
    border: none;
    border-bottom: 1px solid #333;
    text-align: center;
    font-size: 24px;
    width: 100%;
}
.box-offer .mask {
    position: absolute;
    top: 5px;
    left: 0;
}
.modal-chat .info-area span {
    display: block;
    font-size: 22px;
}
.chat-form button {
    width: 300px;
    border-radius: 30px;
    border: none;
    color: #fff;
    padding: 10px 0;
}
.chat-form button.visible {
    background: #f27c21;
    cursor: pointer;
}
.person-info {
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.person-info .box-img {
    width: 72px;
    float: left;
    margin-right: 10px;
}
.thumb-img-sp {
    padding-top: 100%;
    position: relative;
}
.thumb-img-sp .global-figure {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.thumb-img-sp .global-image {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.thumb-img-sp .global-image span {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}
.person-info .thumb-img-sp .global-image span {
    border-radius: 50%;
}
.modal-chat .thumb-img-sp i {
    position: absolute;
    bottom: 0;
    right: 2px;
    font-size: 16px;
    color: #f27c21;
}
.person-info .box-desc {
    width: calc(100% - 82px);
    float: left;
}
.person-info .box-desc p {
    font-size: 20px;
    font-weight: bold;
}
.chat-form textarea {
    border: 1px solid #dedede;
    border-radius: 8px;
    padding: 16px;
    font-size: 16px!important;
    height: 240px;
    resize: none;
    width: 100%;
    margin-bottom: 20px;
}
.seller-info-area {
    padding: 10px;
    border: 1px solid #eee;
    background: #fff;
    font-size: 12px;
    margin-bottom: 10px;
}
.seller-info-area .left-info {
    width: 60%;
    float: left;
    border-right: 1px solid #eee;
}
.seller-info-area .right-info {
    width: 40%;
    float: right;
    padding-left: 10px;
}
.seller-info .box-img {
    width: 81px;
    float: left;
    margin-right: 10px;
    border: 1px solid #eee;
}
.seller-info .main-info {
    float: left;
    width: calc(100% - 91px);
}
.seller-info .main-info h3 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
}
.seller-info .main-info .id {
    display: inline-block;
    margin-bottom: 3px;
}
.seller-info .main-info .row-info-1 li {
    float: left;
}
.seller-info .main-info .row-info-1 li:not(:last-child) {
    margin-right: 20px;
}
.seller-info .row-info-1 .acc-type {
    position: relative;
    padding-left: 25px;
}
.seller-info .row-info-1 .acc-diamond span, .seller-info .row-info-1 .acc-gold span, .seller-info .row-info-1 .acc-silver span, .seller-info .row-info-1 .acc-member span {
    color: #ff7f00;
    font-weight: bold;
}
.seller-info .row-info-1 .acc-type.acc-member:after {
    background: url(../image/icon-acc-member.png);
    background-size: cover;
}
.seller-info .row-info-1 .acc-type:after {
    content: '';
    position: absolute;
    width: 21px;
    height: 23px;
    top: -5px;
    left: 0;
}
.rating-area {
    overflow: hidden;
}
.rating-area .user-rating {
    display: inline-block;
}
.jq-star {
    width: 100px;
    height: 100px;
    display: inline-block;
    cursor: pointer;
}
.jq-star-svg {
    padding-left: 3px;
    width: 100%;
    height: 100%;
}
.rating-area > span, .rating-area > a {
    display: inline-block;
    font-size: 12px;
    color: #696969;
    position: relative;
    top: -3px;
}
.rating-area > span {
    margin: 0 10px;
}
.rating-area > a {
    border-bottom: 1px solid #696969;
}
.seller-info-area .action {
    margin-top: 10px;
}
.seller-info-area .action li {
    float: left;
}
.seller-info-area .action li:not(:last-child) {
    margin-right: 10px;
}

.seller-info-area .action li a {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    display: inherit;
    border-radius: 5px;
}
.seller-info-area .action li.flw a {
    color: #00cec7;
    border: 1px solid #00cec7;
}
.seller-info-area .action li.btn-2 a {
    background: #73bb39;
    color: #fff !important;
}
.seller-info-area .action li.btn-2 a i {
    color: #fff;
}
.seller-info-area .mg-right-5 {
    margin-right: 5px;
}
.seller-info-area .right-info .list-post {
    margin: 35px -5px 0 -5px;
}
.seller-info-area .right-info .list-post li {
    float: left;
    width: 65px;
    height: 65px;
    padding: 0 5px;
}
.seller-info-area .right-info .list-post li img {
    max-width: 100%;
    border: 1px solid #eee;
}
.seller-info-area .right-info .list-post li {
    float: left;
    width: 65px;
    height: 65px;
    padding: 0 5px;
}
.seller-info-area .right-info .list-post li.box-numb a {
    text-align: center;
    border: 1px solid #eee;
    display: block;
    width: 100%;
    height: 55px;
}
.seller-info-area .right-info .list-post li.box-numb strong {
    display: block;
    margin-top: 10px;
    line-height: 100%;
}
.section-details-2 {
    padding: 10px;
}
.section-details .info-details {
    background: #f3f3f3;
    margin-bottom: 10px;
    overflow: hidden;
}
.section-details .info-details li {
    float: left;
}
.section-details .info-details li a {
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 20px;
    border-right: 1px solid #fff;
    display: block;
}
.section-details .info-details li.active a {
    background: #f27c21;
    color: #fff;
}
.section-details .info-details li a:hover {
    color: #f27c21!important;
}
.section-details .info-details li:last-child a {
    border-right: 0;
}
.section-info table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}
.section-info table, th, td {
    border: 1px solid #eee;
}
.section-info table tr:nth-child(1) th {
    text-transform: uppercase;
    font-weight: 600;
    background: #eee;
    padding: 10px 10px 10px 15px;
}
.section-info table tr td:nth-child(1) {
    width: 30%;
    font-weight: 600;
}
.section-info table tr td:nth-child(1) {
    font-weight: 500!important;
}
.section-info table tr td:nth-child(2) {
    width: 70%;
}
.section-info table tr td {
    padding: 5px 0 5px 10px;
}
.list-key {
    margin: 0 0 20px 0;
}
.list-key p {
    font-weight: 600;
    margin-bottom: 10px;
}
.list-key ul li {
    display: inline-block;
    margin: 0 5px 10px 0;
}
.list-key ul li a {
    background: #f6f6f9;
    padding: 5px 15px;
    border-radius: 20px;
    border: 1px solid #eaeaea;
    font-size: 12px;
    color: #252525;
    box-shadow: 0 4px 2px -2px #eaeaea;
}
.list-key ul li a:hover {
    background: #f27c21;
    color: #fff!important;
}
.block-warning {
    display: table;
    margin-bottom: 10px;
}
.block-warning .box-icon {
    width: 125px;
    background: #daecf8;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.block-warning .box-text {
    display: table-cell;
    width: calc(100% - 125px);
}
.block-warning .box-text h3 {
    color: #fff;
    background: #4a64af;
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
}
.block-warning .box-text h3 i {
    color: #fff;
    margin-right: 5px;
}
.block-warning .inner {
    display: table;
    background: #ecf5fa;
    padding: 5px 0;
}
.block-warning .inner .main-text {
    display: table-cell;
    width: calc(100% - 130px);
    padding-left: 50px;
    color: #4a64af;
}
.block-warning .inner .main-text span {
    color: #4a64af;
    font-weight: bold;
}
.block-warning .inner .link {
    display: table-cell;
    width: 130px;
    text-align: center;
    vertical-align: middle;
}
.block-warning .inner .link a {
    background: #82c31d;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
}
.block-warning .inner .link a i {
    color: #fff;
    margin-right: 5px;
}
.block-warning .inner .link a:hover, .block-warning .inner .link a:hover i {
    color: #f27c21!important;
}
.block-comment {
    border: 1px solid #eee;
    margin-bottom: 10px;
}
.comment-area {
    border-bottom: 1px solid #d5d5d5;
    background: #fff;
}
.statistics {
    padding: 10px 0 10px 10px;
}
.comment-area h2 {
    font-size: 18px;
    margin-bottom: 5px;
}
.list-statistics .item .col-md-2 span {
    position: relative;
}
.list-statistics .item .col-md-2 span:after {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    background: url(../image/star.png)no-repeat;
    right: -22px;
    top: 2px;
    background-size: cover!important;
}
.list-statistics .item.active .col-md-2 span:after {
    background: url("../image/star-active.png")no-repeat;
}
.list-statistics .item .progess-bar {
    background: #d2d2d4;
    height: 10px;
    margin-top: 6px;
    position: relative;
}
.list-statistics .item .progess-bar span {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    background: #ffc82e;
}
.cmt-form {
    border-left: 1px solid #d5d5d5;
    margin-left: -10px;
    padding: 10px 10px 20px;
}
.cmt-form {
    border-left: 1px solid #d5d5d5;
    margin-left: -10px;
    padding: 10px 10px 20px;
}

.cmt-form .box-value span.text {
    position: relative;
    top: -6px;
}

.cmt-form .form-area input,.cmt-form .form-area textarea {
    width: 100%;
    border: 1px solid #d5d5d5;
    padding: 10px;
}

.cmt-form .form-area input {
    margin-bottom: 10px;
    height: 30px;
}

.cmt-form .form-area textarea {
    margin-bottom: 10px
}

.cmt-form .form-area button {
    width: auto;
    color: #fff;
    border: none;
    background: #3e81d2;
    padding: 6px 10px;
    border-radius: 4px;
}

.cmt-form .form-area button i {
    margin-right: 5px;
    color: #fff;
}

.cmt-panel .rating-area,.cmt-panel p {
    display: inline-block;
}

.cmt-panel .info-rating ul {
    display: inline-block;
}

.cmt-panel .info-rating ul span {
    width: 19px;
    height: 19px;
    background: url("../image/star.png") no-repeat;
}

.cmt-panel .info-rating ul span.active {
    background: url("../image/star-active.png") no-repeat;
}

.main-title .box-img i {
    color: #fff;
}
.super-vip .main-title .box-img {
    background: #d90000;
}
.news-page,
.breadcrumb {
    padding-left: 10px;
    padding-right: 10px;
}
.news-page {
    background: #fff;
}
.news-page .breadcrumb {
    border-bottom: 1px solid #e2e2e2;
    background: #fff;
}
.breadcrumb>li.active {
    color: #f27c21;
}
.breadcrumb {
    padding: 8px 0;
    margin-bottom: 10px;
}
.news-type {
    border-radius: 5px;
    margin: 0 0 5px 0;
}
.news-type .list-tags {
    overflow: hidden;
    list-style-type: none;
    padding-top: 5px;
}
.news-type .list-tags li {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.news-type .list-tags li a {
    border: 1px solid #e2e2e2;
    padding: 3px 18px;
    border-radius: 3px;
}
.section-news h1 {
    display: inline-block;
    color: #444;
    font-size: 16px;
    padding: 5px 10px 5px 0;
    text-transform: uppercase;
    position: relative;
    border-bottom: 1px solid #f27c21;
    bottom: -1px;
    font-weight: bold;
}
.section-news > ul {
    border: 1px solid #e2e2e2;
}
.hot-news-item {
    overflow: hidden;
}
.section-news > ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}
.section-news > ul li {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px;
    padding: 0 10px 10px 10px;
}
.section-news > ul li:first-child {
    padding-top: 10px;
}
.hot-news-item .box-img {
    width: 23%;
    float: left;
    padding-right: 10px;
}
.section-news > ul li:first-child .box-img {
    margin-bottom: 10px;
}
.hot-news-item .box-desc {
    width: 77%;
    float: left;
}
.hot-news-item .box-desc h4 a {
    color: #696969;
    font-size: 16px;
    line-height: 1.35em;
    margin-bottom: 5px;
    font-weight: bold;
}
.details-area {
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}
.block-post-1 h1 {
    font-size: 19px;
    margin-bottom: 10px;
}
.details-area h2 {
    font-size: 16px;
}
#st-1 {
    font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;;
    direction: ltr;
    display: block;
    opacity: 1;
    text-align: left;
    z-index: 94034;
  }
  #st-1.st-animated {
    -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
  }
  #st-1.st-hidden {
    opacity: 0;
  }
  #st-1.st-hide {
    display: none;
  }
  #st-1 .st-btn {
    -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
    -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in; -o-transition: opacity 0.2s ease-in, top 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 32px;
    line-height: 32px;
    margin-right: 8px;
    padding: 0 8px;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: top;
    white-space: nowrap;
  }
  #st-1 .st-btn:last-child {
    margin-right: 0;
  }
  #st-1 .st-btn > svg {
    height: 16px;
    width: 16px;
    position: relative;
    top: 8px;
    vertical-align: top;
  }
  #st-1 .st-btn > img {
    display: inline-block;
    height: 16px;
    width: 16px;
    position: relative;
    top: 8px;
    vertical-align: top;
  }
  #st-1 .st-btn > span {
    -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0.5px;
    min-width: 60px;
    opacity: 1;
    padding: 0 6px;
    position: relative;
    vertical-align: top;
  }
  #st-1.st-has-labels .st-btn {
    min-width: 120px;
  }
  #st-1.st-has-labels .st-btn.st-remove-label {
    min-width: 50px;
  }
  #st-1.st-has-labels .st-btn.st-remove-label > span {
    display: none;
  }
  #st-1.st-has-labels .st-btn.st-hide-label > span {
    display: none;
  }
  #st-1 .st-total {
    color: #555;
    display: inline-block;
    font-weight: 500;
    line-height: 12px;
    margin-right: 0;
    max-width: 80px;
    padding: 4px 8px;
    text-align: center;
  }
  #st-1 .st-total.st-hidden {
    display: none;
  }
  #st-1 .st-total > span {
    font-size: 16px;
    line-height: 17px;
    display: block;
    padding: 0;
  }
  #st-1 .st-total > span.st-shares {
    font-size: 9px;
    line-height: 9px;
  }
  #st-1.st-justified {
    display: flex;
    text-align: center;
  }
  #st-1.st-justified .st-btn {
    -moz-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  }#st-1 .st-btn:hover {
    opacity: .8;
    top: -4px;
  }#st-1 .st-btn[data-network='facebook'] {
    background-color: #4267B2;
  }
  #st-1 .st-btn[data-network='facebook'] svg {
    fill: #fff;
  }
  #st-1 .st-btn[data-network='facebook'] > span {
    color: #fff;
  }
  #st-1 .st-btn[data-network='googleplus'] {
    background-color: undefined;
  }
  #st-1 .st-btn[data-network='googleplus'] svg {
    fill: #fff;
  }
  #st-1 .st-btn[data-network='googleplus'] > span {
    color: #fff;
  }
  #st-1 .st-btn[data-network='pinterest'] {
    background-color: #CB2027;
  }
  #st-1 .st-btn[data-network='pinterest'] svg {
    fill: #fff;
  }
  #st-1 .st-btn[data-network='pinterest'] > span {
    color: #fff;
  }
  #st-1 .st-btn[data-network='twitter'] {
    background-color: #55acee;
  }
  #st-1 .st-btn[data-network='twitter'] svg {
    fill: #fff;
  }
  #st-1 .st-btn[data-network='twitter'] > span {
    color: #fff;
  }
  #st-1 .st-btn[data-network='linkedin'] {
    background-color: #0077b5;
  }
  #st-1 .st-btn[data-network='linkedin'] svg {
    fill: #fff;
  }
  #st-1 .st-btn[data-network='linkedin'] > span {
    color: #fff;
  }
  #st-1 .st-btn[data-network='vk'] {
    background-color: #4c6c91;
  }
  #st-1 .st-btn[data-network='vk'] svg {
    fill: #fff;
  }
  #st-1 .st-btn[data-network='vk'] > span {
    color: #fff;
  }
  #st-1 .st-btn[data-network='blogger'] {
    background-color: #ff8000;
  }
  #st-1 .st-btn[data-network='blogger'] svg {
    fill: #fff;
  }
  #st-1 .st-btn[data-network='blogger'] > span {
    color: #fff;
  }
  #st-1 .st-btn[data-network='sharethis'] {
    background-color: #95D03A;
  }
  #st-1 .st-btn[data-network='sharethis'] svg {
    fill: #fff;
  }
  #st-1 .st-btn[data-network='sharethis'] > span {
    color: #fff;
  }
  .bot-sidebar {
    padding: 30px 0 0 0;
    background: #dae3e0;
}
#main {
    position: relative;
}
#tiles {
    list-style-type: none;
    position: relative;
    margin: 0;
    padding: 0;
}
#tiles > li {
    width: 235px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: none;
    cursor: pointer;
    margin-bottom: 30px;
    padding-bottom: 15px;
}
.category-name {
    font-size: 16px;
    display: flex;
    margin-bottom: 10px;
}
.category-name > a {
    display: flex;
    width: 100%;
}
.category-name .icon {
    width: 30px;
    height: 30px;
    float: left;
}
.category-name .text {
    color: #f27c21;
    display: inherit;
    align-items: center;
    margin-left: 5px;
}
#tiles ul li {
    margin-bottom: 5px;
}



@media screen and (max-width: 992px) {
    .top-panel ul.pull-right {
        display: inline-block;
        float: none!important;
    }
    .top-panel {
        text-align: center;
        height: 36px;
    }
    .app-section .box-text, .app-section .box-logo, .app-section .box-text .left, .app-section .box-text .right {
        float: none;
        text-align: center;
    }
    .app-section .box-text {
        margin-bottom: 10px;
    }
    .choose-option .option {
        border-top: 1px solid #e6e6e6;
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .navbar-nav, .middle-panel .top-banner {
        display: none;
    }
    .middle-panel {
        text-align: center;
    }
    .middle-panel .main-logo {
        float: none;
        display: inline-block;
    }
    .list-product-slider .col-data, .list-product-1 .col-data {
        width: 33.33333%;
    }
    .footer-social {
        float: left!important;
        margin-bottom: 10px;
    }
    .box-label {
        float: none!important;
        width: 100%;
    }
}
@media screen and (max-width: 767px){
    .top-menu .navbar-nav, .middle-panel .top-banner, .sidebar {
        display: none;
    }
    .menu-action li:first-child {
        margin-left: 0;
    }
    .top-panel .menu-action li {
        padding: 0 5px;
    }
    .btn-post-new {
        display: none!important;
    }
    .btn-post-new-1 {
        height: 31px;
        width: 30px;
        display: block!important;
    }
    .btn-post-new-1 i {
        font-size: 20px;
        color: #fff!important;
    }
    .menu-action > li a {
        padding-top: 0;
    }
    .middle-panel {
        display: none;
    }
    .menu-mobilea-area {
        display: block;
    }
    .menu-mobilea-area .navbar-default {
        background: #3379b5;
    }
    .menu-mobilea-area .navbar {
        border: none;
    }
    .mobile-menu .navbar-brand {
        padding: 3px 0 0 15px;
    }
    .mobile-menu .navbar-brand img {
        width: 150px;
    }
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background: #eee;
    }
    .mobile-menu .icon-bar {
        height: 4px!important;
        width: 25px;
        border: 0;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background: #f8f8f8;
    }
    .mobile-menu i {
        margin-right: 5px;
    }
    .mobile-menu .fa-angle-down {
        font-size: 18px;
        margin-left: 5px;
        position: relative;
        top: 2px;
        color: #444;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a i, .navbar-default .navbar-nav>.open>a:hover i, .navbar-default .navbar-nav>.open>a:focus i, .navbar-default .navbar-nav a:hover i, .navbar-default .navbar-nav a:focus i {
        color: #f27c21!important;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
        background: none;
    }
    .block-search .address, .block-search .price, .block-search .distance {
        display: none !important;
    }
    .block-search .text {
        padding-right: 100px;
    }
    .advanced-search .text-right {
        text-align: left!important;
    }
    .advanced-search {
        padding: 15px;
    }
    .list-product-1 .col-data, .list-product-slider .col-data {
        width: 50%;
    }
    .box-title select {
        display: block;
        margin-bottom: 5px;
    }
    .seller-info-area .left-info, .seller-info-area .right-info {
        width: 100%;
        border: none;
    }
    .seller-info-area .action {
        text-align: center;
    }
    .seller-info-area .action li {
        width: 100%;
        margin-bottom: 10px;
    }
    .seller-info-area .action li {
        width: 100%;
        margin-bottom: 10px;
    }
    .cmt-form {
        margin-left: 0;
        border-left: 0;
    }
    .hot-news-item .box-desc h4 a {
        height: 34px;
        overflow: hidden;
    }
    .hot-news-item .box-desc p {
        display: none!important;
    }
    .hot-news-item .box-desc h4 a, .hot-news-item .box-desc p {
        font-size: 13px;
    }
    .main-title h1 {
        font-size: 16px;
        padding-right: 15px;
    }
    .box-title:after {
        top: 13px;
    }
    .main-title .box-img {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
    .main-title .box-img i {
        font-size: 12px;
    }
}