@import 'cart.css';
@import 'header-style.css';
@import 'layout-style.css';
@import 'line-icon.css';
@import 'chat-box.css';

/* remove 1px form first item flexbox */
.row:before, .row:after { width: 100%; } 

img { max-width: 100%; height: auto; } 
iframe { max-width: 100%; } 
a, a:hover, :focus, a:focus { text-decoration: none; outline: none; } 
ul { padding-left: 0; list-style: none; } 
.nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: transparent; } 
hr { margin-top: 15px; margin-bottom: 15px; } 

/* sticky footer */
html { position: relative; } 

/* ribbon */
.ribbon { position: fixed; z-index: 99; width: 61px; height:61px; background-size: 61px !important; } 
.ribbon.tl { top: 0; left: 0; background: url('../templates/default/assets/img/black_ribbon_top_left.png') no-repeat 0 0; } 
.ribbon.tr { top: 0; right: 0; background: url('../templates/default/assets/img/black_ribbon_top_right.png') no-repeat 0 0; } 
.ribbon.bl { bottom: 0; left: 0; background: url('../templates/default/assets/img/black_ribbon_bottom_left.png') no-repeat 0 0; } 
.ribbon.br { bottom: 0; right: 0; background: url('../templates/default/assets/img/black_ribbon_bottom_right.png') no-repeat 0 0; } 

/* ads */
.ads { margin-bottom: 10px; } 
.ads img { display: block; margin: auto; } 

/* alert */
.alert { padding: 10px 35px 10px 10px; } 

/* custom checkbox */
.checkbox input[type="checkbox"].custom-checkbox { outline: none !important; opacity: 0; position: absolute; margin: 0; padding: 0; left: 0; top: 0; width: 20px; height: 20px; } 
.checkbox label { padding-left: 23px; } 
.checkbox .checkbox-icon { color: #ECF0F1; display: block; height: 20px; top: 0; left: 0; position: absolute; width: 20px; text-align: center; line-height: 20px; font-size: 20px; cursor: pointer; } 
.checkbox .checkbox-icon .fa { position: absolute; left: 0; top: 0; } 
/* hide uncheck on hover */
.checkbox .checkbox-icon .check, .checkbox .checkbox-icon:hover .uncheck, .checkbox input[type="checkbox"].custom-checkbox:checked + .checkbox-icon .uncheck { opacity: 0; } 
/* on checkbox :hover, :checked */
.checkbox .checkbox-icon:hover .check, .checkbox input[type="checkbox"].custom-checkbox:checked + .checkbox-icon .check { opacity: 1; } 
.checkbox .checkbox-icon:hover .check, .checkbox input[type="checkbox"].custom-checkbox:checked + .checkbox-icon { color: #3498DB; } 

/* navbar main */
.navbar-main .navbar { margin-bottom: 0; border-radius: 0; } 
.navbar-main.affix { top: 0; left: 0; right: 0; z-index: 98; border-radius: 0; border: 0; } 
/* disabled affix */
.disabled.affix { position: relative; } 

.item-meta { /*display: none; */ display: block; } 
.single-content .item-meta { display: block; } 
.modal.in { padding-right: 0 !important; } 
.modal-open .affix { position: relative; } 
.modal-backdrop { z-index: 97; } 
.modal .modal-content { border-radius: 0; border: 0; } 
.modal .modal-header { border: 0; } 
.modal .modal-header .title { font: normal 500 18px 'Kanit'; margin: 0; border: 0; color: #2196F3; } 
.modal .close { position: absolute; top: 15px; right: 15px; margin-top: 0; text-shadow: none; opacity: 1; background-color: #ECF0F1; width: 24px; height: 24px; font-size: 100%; } 
.modal .close .material-icons { font-size: 21px; color: #95A5A6; } 
.modal .close:hover .material-icons { color: #7F8C8D; } 

/* logo */
.navbar-brand { position: relative; z-index: 2; } 
.navbar-brand > img { max-height: 100%; height: auto; width: auto; } 

.navbar-main .navbar { background-color: #fff; border: 0; } 
.navbar-main .navbar.navbar-fixed-top { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } 
.navbar-main .material-icons { line-height: 0; } 
.navbar-toggle { background-color: transparent; border: 0; margin-right: 0; } 
.navbar-menu { overflow-y: auto; overflow-x: hidden; height: 100%; } 
.navbar-menu .nav > li > a { padding-left: 10px; padding-right: 10px; } 

/* navbar account widget */
.navbar-account { float: right; } 
.navbar-account .member-profile .member-avatar { max-width: 20px; } 
.navbar-account .dropdown-menu { left: auto; right: 0; } 
.navbar-account .widget-item { float: left; } 
.navbar-account > .widget-item > a,
.navbar-account > .widget-item > .widget-item-custom { padding: 15px 10px; line-height: 20px; position: relative; display: block; color: #333; } 
.navbar-account .search .dropdown-menu { min-width: 400px; padding: 10px; } 

/* social header */
.navbar-account .widget-social { float:left; display: none; } 
.navbar-account .widget-social .item-social-list { padding-top: 5px; } 
.navbar-account .widget-social .item-social-list a { padding: 0; background-color: transparent; color: #999; } 

/* navbar collapse */
.navbar-collapse-open:after { content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background-color: rgba(0,0,0,0.8); } 
.navbar-collapse-open .navbar-main { position: relative; } 
.navbar-main .navbar-collapse { overflow: visible; position: fixed; top: 0; bottom: 0; right: -250px; width: 250px; z-index: 100; margin: 0; transition: all 0.2s linear; border: 0; } 
.navbar-collapse.in { right: 0; background-color: #fff; } 
.navbar-toggle.close { float: none; position: absolute; top: 0; right: 100%; background-color: #b54543; color: #fff; opacity: 1; border-radius: 0; margin: 0; width: 36px; height: 36px; } 
.navbar-toggle.close .material-icons { line-height: normal; text-shadow: none; } 

/* mobile search */
.navbar-collapse .search-mobile { margin-top: 10px; margin-bottom: 10px; } 
.navbar-collapse .search-mobile .dropdown-menu { position: relative; top: 0; float: none; background-color: transparent; display: block; box-shadow: none; padding: 0; } 
.navbar-collapse .search .btn { background-color: #455A64; color: #fff; } 

.power-by { padding : 10px 0; } 
.power-by p { color : #fff; } 
.footer-igw { background-color: #f2f2f2; text-align: center; padding: 10px 0; } 
.footer-igw img { max-width: 90px; margin-top: -3px; } 
.footer-igw p { margin-bottom: 0; color: #627a7f; } 
.footer-igw a { color: #00A8E8 !important; } 

/* theme */
.material-icons { vertical-align: middle; text-rendering: optimizeLegibility; } 
.caption > .title { display: block; } 
.caption > .title, .item-label, .item-price, .item-tag, .item-product-tag, .item-rating, .item-meta { margin-bottom: 10px; } 
.festival-banner { background-color: #fff; } 
.festival-banner .container > img { max-width: 100%; display: block; height: auto; margin: auto; } 
.item-readmore { display: inline-block; } 
.item-readmore .fa-user { margin-right: 10px; display: inline-block; } 
.back-to-top { opacity: 0; position: fixed; bottom: -20px; right: 20px; border-radius: 4px; background-color: #337ab7; z-index: -1; transition: all 0.5s ease; } 
.back-to-top:after { font-family: 'FontAwesome'; font-size: 18px; content: '\f077'; display: block; color: #fff; padding: 5px 8px; transition: all 0.3s ease; transform: translateY(0); } 
.back-to-top.show { opacity: 1; z-index: 1; bottom: 20px; } 
.back-to-top.show:hover:after { transform: translateY(-3px); } 

/* main content */
.main-content { margin-bottom: 20px; padding-top: 10px; } 
.main-content .row > .content { margin-bottom: 20px; } 
.main-content .row > .content > section:before, .main-content .row > .content > section:after { content: ''; display: table; clear: both; } 
.pagination .material-icons { font-size: 14px; vertical-align: middle; } 

/* single content */
.single-content .page-header > .title { margin-bottom: 10px; } 
.single-content .item-post-tag .title { display: inline-block; vertical-align: middle; } 
.single-content .item-post-image .page-header { display: none; } 

.item-content ul,
.item-content ol { padding-left: 25px; } 
.item-content ul { list-style-type: disc; } 
.item-content ol { list-style-type: decimal; } 

/* thumbnail */
.thumbnail { border: 0; margin-bottom: 20px; } 
.thumbnail .item-image { display: block; position: relative; } 
.thumbnail .item-description { margin-bottom: 10px; font-size: 13px; } 

/* button */
.btn-facebook .fa { font-size: 16px; vertical-align: middle; margin-right: 6px; } 
.btn-facebook { background-color: #3b5998; color: #fff; } 
.btn-facebook:hover { background-color: #4264aa; color: #fff; } 

.widget-sidebar .widget-box-head .title { font-weight: bold; } 
.widget-sidebar .widget-box.widget-fanpage { padding: 0; background-color: transparent; } 
.widget-sidebar .widget-banner .item img { display: block; margin: auto; } 

/* language */
.language { margin-left: -10px; margin-right: -10px; text-align: right; } 
.language .item-lang { width: 24px; } 
.language .lang-abbr { text-transform: uppercase; vertical-align: middle; } 
.language .dropdown-menu { box-shadow: none; border-radius: 0; } 
.language .dropdown-menu > li > a { white-space: normal; } 
.language .lang-title { padding-left: 10px; padding-top: 10px; float: left; } 
.language > a { display: block; padding: 10px; } 
.navbar-collapse .language { text-align: left; } 
.navbar-collapse .language .lang-title { color: #fff; display: inline-block; } 
.navbar-collapse .language > a { display: block; } 
.navbar-collapse .language .dropdown-menu { background-color: transparent; right: 0; border: 0; } 

/* account nav */
.navbar-main .member-profile img { max-width: 20px; } 
.user-profile-avatar > img { max-width: 20px; float: left; margin-right: 10px; } 
.widget-sidebar .user-profile-avatar > img { max-width: 70px; } 
.user-profile-menu { margin-bottom: 0; } 
.user-profile-menu > li { line-height: 24px; } 
.user-profile-menu > li a { color: #222; } 
.user-profile-manage { margin-top: 30px; } 
.user-profile-manage .nav-tabs > li { border: 0; } 
.user-profile-manage .nav-tabs > li a { background-color: transparent; border-radius: 0; border: 0; color: #222; } 
.user-profile-manage .nav-tabs > li.active >a, .user-profile-manage .nav-tabs>li.active>a:hover, .user-profile-manage .nav-tabs>li.active>a:focus { border: 0; background-color: #286090; color: #fff; } 
.user-profile-manage .nav-tabs > li > a:hover { border: 0; background-color: #286090; color: #fff; } 

/* footer */
.footer { background-color: #eee; } 
.footer-nav .navbar { margin-bottom: 0; text-align: center; border: 0; min-height: auto; } 
.footer-nav .navbar .nav, .footer-nav .navbar .nav > li { float: none; } 
.footer-nav .navbar .nav > li { display: inline-block; } 
.footer-nav .nav > li > a:hover, .footer-nav .nav > li > a:focus { background-color: transparent; } 
.widget-footer .widget-box { margin-top: 15px; margin-bottom: 15px; } 
.widget-footer .widget-fanpage { overflow: hidden; } 
.widget-footer-description p { margin: 0; } 

/* hero banner */
.hero-banner > img, .hero-banner .site-cover-bg { margin: auto; display: block; width:100%; } 
.hero-banner .site-cover-bg .slick-dots { bottom: 0; } 
.hero-banner .site-cover-bg .slick-arrow { z-index: 10; width: auto; opacity: 0; transition: all 0.4s linear; } 
.hero-banner .site-cover-bg .slick-prev { left: 0; } 
.hero-banner .site-cover-bg .slick-next { right: 0; } 
.hero-banner .site-cover-bg .slick-prev:before, .hero-banner .site-cover-bg .slick-next:before { font-size: 50px; font-family: 'FontAwesome'; } 
.hero-banner .site-cover-bg:hover .slick-arrow { opacity: 1 } 
.hero-banner .site-cover-bg:hover .slick-prev { left: 5%; } 
.hero-banner .site-cover-bg:hover .slick-next { right: 5%; } 
.hero-banner .site-cover-bg .slick-prev:before { content: '\f190'; } 
.hero-banner .site-cover-bg .slick-next:before { content: '\f18e'; } 
.hero-banner .slick-dotted.slick-slider { margin-bottom: 0; } 

/* page header */
.title { font-size: 14px; } 
.page-header, .section-header { margin: 10px 0 5px; padding-bottom: 0; position: relative; border: 0; display: table; width: 100%; } 
.page-header .view-all { float: right; padding-top: 3px; } 
.page-header > .title, .section-header > .title { font-weight: 600; display: inline-block; } 
.view-all-bottom { display: none; } 

/* member */
.member { margin-bottom: 30px; } 

/* member form modal */
.member-form-modal .member-form { background-color: transparent; border: 0; padding: 0; } 
.member-form-modal .modal-header { border: 0; } 

.member-form .facebook-auth { margin-bottom: 15px; } 
.member-form .page-header { text-align: center; } 
.member-form .form-group .material-icons { font-size: 16px; } 
.member-form .btn { color: #fff; } 
.member-form .btn:hover { color: #fff; } 
.member-form .btn-signin { float: right; } 
.member-form .btn-signin, .member-form .btn-send-password { background-color: #2196F3; } 
.member-form .btn-signin:hover, .member-form .btn-send-password:hover { background-color: #1E88E5; } 
.member-form .btn-register { background-color: #78909C; border-color: #78909C; } 
.member-form .btn-register:hover { background-color: #607D8B; border-color: #607D8B; } 


.member-form .register { background-color: #f2f4f6; text-align: center; padding: 15px; margin: 0 -15px -15px; } 
.member-form .form-control { background-color: #f2f4f6; box-shadow: none; } 
.member-form .form-control:focus { background-color: #f9f9f9; } 

.member-form .facebook-auth { text-align: center; } 
.member-form .item-icon { margin: auto; display: block; width: 70px; height: 70px; line-height: 70px; text-align: center; margin-bottom: 10px; background-color: #90A4AE; border-radius: 50%; } 
.member-form .item-icon .material-icons { font-size: 70px; color: #fff; } 
.member-form .item-icon label { display: block; margin-bottom: 10px; } 
.member-form .remember { float: left; margin: 7px 0; color: #2C3E50; } 
.member-form .forgot-password { float: right; color: #BDC3C7; font-size: 12px; margin-top: 2px; } 
.member-form .forgot-password:hover { color: #3498DB; } 
.member-form .btn-action { clear: both; } 
.member-form .btn-action .btn, .member-form .modal-footer .btn { display: block; text-align: center; width: 100%; } 
.required label { position: relative; } 
.required label:after { content: '\f069'; font-family: 'FontAwesome'; font-size: 8px; color: #ff3300; display: inline-block; vertical-align: top; margin-left: 4px; } 

.forget-password .item-icon .material-icons { font-size: 52px; } 

/* breadcrumb */
.module-breadcrumb { margin-bottom: 10px; } 
.breadcrumb { background-color: transparent; padding: 8px 10px; margin-bottom: 0; font-size: 12px; border-radius: 0; } 

/* layout view */
.layout-switch { float: right; } 
.layout-switch .btn { box-shadow: none; color: #ddd; padding: 4px; } 
.layout-switch .btn:hover { color: #222; } 
.layout-switch .btn .fa { font-size: 18px; } 
.layout-switch .btn.active { color: #222; } 

/* grid */
.layout-view > .row, .item-related .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } 
.layout-view-list .item .thumbnail:before, .layout-view-list .item .thumbnail:after { content: ''; display: table; clear: both; } 

/* product */
.half { clear: both; } 
.label { color: #222; background-color: #eee; font-size: 12px; } 
.label:hover { background-color: #222; color: #fff; } 
.item-price .regular-price { color: #ccc; font-weight: normal; } 
.item-price .discount-price, .item-price .sale-price { color: #d32f2f; } 
.item-rating .fa-star { color: #FBC02D; } 
.item-tag-category, .item-post-image { margin-bottom: 20px; } 
.sub-category > li { display: inline-block; vertical-align: top; width: 24%; position: relative; padding-bottom: 10px; } 
.sub-category > li > a { padding: 0; display: block; font-size: 13px; } 
.sub-category .material-icons { font-size: 16px; vertical-align: top; } 

/* product detail page */
.item-contact-form { border-radius: 0; border: 0; color: #fff; font-size: 13px; background-color: #455A64; height: 30px; border-radius: 4px; } 
.item-contact-form:hover { background-color: #37474F; color: #fff; } 
.module-product.single-content { margin-top: 10px; } 
.module-product.single-content .item-product-detail > .title { font-size: 18px; margin-bottom: 10px; } 
.module-product.single-content .item-product-detail .item-meta { margin: 0 0 15px; border: 0; padding: 0; font-size: 12px; } 
.module-product.single-content .item-product-detail .item-meta .item-rating { margin-bottom: 0; } 
.module-product.single-content .item-product-detail .item-meta .item-review { color: #aaa; } 
.module-product.single-content .item-product-detail .item-meta .item-rating,
.module-product.single-content .item-product-detail .item-meta .item-review { display: inline-block; } 
.module-product.single-content .item-product-detail .item-price { font-size: 16px; padding-bottom: 10px; padding-top: 5px; font-weight: 600; border-bottom: 1px solid #eee; } 
.module-product.single-content .item-product-detail .item-price > div { display: inline-block; } 
.module-product.single-content .item-product-detail .item-feature,
.module-product.single-content .item-product-detail .item-share { display: inline-block; vertical-align: top; } 
.module-product.single-content .item-product-detail .item-feature, .module-product.single-content .item-product-detail .share { display: inline-table; } 
.module-product.single-content .item-product-detail .item-feature, .module-product.single-content .item-product-detail .share .btn { margin-left: 2px; margin-right: 2px; } 
.module-product.single-content .item-product-detail .item-feature { margin-left: 2px; } 
.module-product.single-content .item-product-detail .add-cart .qty { display: inline-block; margin-right: 5px; vertical-align: bottom; font-size: 13px; } 
.module-product.single-content .item-product-detail .add-cart .qty .title { margin-bottom: 5px; } 
.module-product.single-content .item-product-detail .add-cart .add-to-cart { margin-right: 5px; } 

.module-product.single-content .item-detail { padding-bottom: 15px; border-bottom: 1px solid #eee; margin-bottom: 20px; } 
.module-product.single-content > .item-description { margin-bottom: 20px; border-bottom: 1px solid #eee; } 
.module-product.single-content > .item-description .item-content { margin-bottom: 15px; } 
.module-product.single-content > .item-description .section-header .title { font-size: 14px; } 
.module-product.single-content .item-tag-category .title, .module-product.single-content .item-tag .title { display: inline-block; } 

/* product image slide */
.module-product .slider-thumbnail .item-thumbnail { margin: 10px 5px; } 
.module-product .slider-thumbnail .item-thumbnail:hover { cursor: pointer; } 
.module-product .slider-thumbnail .item-thumbnail:hover,
.module-product .slider-thumbnail .slick-current { outline: 2px solid #2196F3; } 
.module-product .slider-thumbnail .slick-arrow { height: 34px; width: 34px; background-color: rgba(0,0,0,0.8); z-index: 5; } 
.module-product .slider-thumbnail .slick-arrow.slick-prev { left: 0; } 
.module-product .slider-thumbnail .slick-arrow.slick-next { right: 0; } 
.module-product .item-category label { font-size: 12px; } 

/* product tag */
.item-product-tag .label { font-weight: 400; padding: 2px 8px; color: #fff; text-shadow: 0 -1px 0px rgba(0,0,0,0.2); } 
.item-product-tag .label-hot { background-color: #E8A235; } 
.item-product-tag .label-sale { background-color: #E1503C; } 
.item-product-tag .label-new { background-color: #2196F3; } 
.item-product-tag .label-recommended { background-color: #5CA669; } 
.item-product-tag .label-preorder { background-color: #8A63AD; } 

/* product item feature list */
.module-product .item-product-detail .item-feature-list { margin-bottom: 15px; border-bottom: 1px solid #eee; } 
.module-product .item-product-detail .item-feature-list li + li { margin-top: 6px; } 
.module-product .item-product-detail .item-feature-list .item-label { color: #222; font-weight: 500; font-size: 13px; } 
.module-product .item-product-detail .item-feature-list .label { background-color: transparent; padding: 0; font-size: 13px; font-weight: 500; color: #455A64; } 
.module-product .item-product-detail .item-feature-list .label:hover { color: #1E88E5; } 

/* product list view */
.half .module-product .layout-view-list .item .thumbnail .item-product-tag,
.module-product .layout-view-list .item .thumbnail .item-price .discount-price,
.module-product .layout-view-list .item .thumbnail .item-price .regular-price { display: inline-block; } 

/* product out of stock */
.module-product .product-out-of-stock .alert { margin-bottom: 10px; } 
.module-product .product-out-of-stock .form-inline .form-group { display: inline-block; } 

/* module gallery */
.module-gallery .item-meta { display: block; } 
.module-gallery.list-album .caption > .title { margin-bottom: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.module-gallery .thumbnail { position: relative; } 
.module-gallery .thumbnail .sticky { position: absolute; top: 0; right: 0; padding: 9px 11px; z-index: 1; background-color: #eee; } 
.module-gallery .caption .title { margin-bottom: 0; } 
.module-gallery.gallery-detail .gallery-list { margin-bottom: 20px; } 
.module-gallery.list-content .gallery-list .photo { padding: 0 0 20px; display: block; position: relative; } 
.module-gallery.list-content .gallery-list .photo:hover:after { content: 'zoom_in'; font-family: 'Material Icons'; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 42px; width: 42px; line-height: 42px; font-size: 24px; color: #fff; text-align: center; background-color: #555; } 

/* cart top menu*/
.cart-top .dropdown-menu { min-width: 100%; } 
.cart-top .result .empty-cart .fa-shopping-bag { font-size: 2em; margin-right: 10px; vertical-align: middle; } 
.cart-top .result .empty-cart { text-align: center; padding: 20px 0; } 
.cart-top .result .item { padding: 10px; } 
.cart-top .result .item-price { margin-bottom: 0; } 
.cart-top .result .item-qty { margin-bottom: 5px; display: block; } 
.cart-top .result .thumbnail { position: relative; margin-bottom: 0; border: 0; padding: 0; border-radius: 0; } 
.cart-top .result .caption { padding: 0 25px 0 0; } 
.cart-top .result .delete { position: absolute; top: -1px; right: 0; } 
.cart-top .result .action-has-item { text-align: center; padding: 10px 0; } 
.cart-top .result .btn { display: block; margin: 0 10px; } 
.cart-top .result-each-item { max-height: 300px; overflow: auto; } 

/* post tags */
.item-meta .item-post-tag { margin-bottom: 9px; } 
.item-meta .item-post-tag .label { vertical-align: middle; font-size: 12px; padding: 5px 10px; margin-bottom: 4px; display: inline-block; } 

/* share */
.item-share .share .btn { display: inline-block; font-size: 12px; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; padding: 0; border: 0; } 
.item-share .share .item-facebook { background-color: #3b5999; } 
.item-share .share .item-twitter { background-color: #55acee; } 
.item-share .share .item-google-plus { background-color: #dd4b39; } 

/* item meta */
.item-meta > li { display: inline-block; } 

/* widget sidebar */
.widget-box { margin-bottom: 15px; } 
.widget-box .widget-box-head { margin-bottom: 8px; } 
.widget-box .item-meta { margin-bottom: 0; display: none; } 
.widget-box .item-meta > li { font-size: 11px; } 
.widget-box .item-content .title { display: block; font-weight: 400; font-size: 14px; } 
.widget-article-recent .item-image, .widget-news .item-image { display: table-cell; max-width: 100px; width: 100px; margin-right: 10px; } 
.widget-article-recent .item-image img, .widget-news .item-image img { max-width: 100%; display: block; height: auto; } 
.widget-article-recent .item-content, .widget-news .item-content { display: table-cell; vertical-align: top; padding-left: 10px; } 
.widget-article-recent .widget-box-body > .item + .item, .widget-news .widget-box-body > .item + .item { margin-top: 10px; } 

/* widget article */
.widget-article-recent .item-description { display: none; } 

/* widget news */
.widget-news .item-description { display: none; } 

/* widget menu */
.widget-menu .dropdown-menu > li > a { color: #222; } 

/* widget menu */
.widget-sidebar .widget-list-style a { color: #222; display: block; padding: 7px 0; border-bottom: 1px solid #eee; } 
.widget-sidebar .widget-list-style .widget-box-body > ul > li { display: block; } 
.widget-sidebar .widget-list-style .toggle-menu { float: right; margin-top: 2px; font-size: 16px; transition: all 0.3s linear; } 
.widget-sidebar .widget-list-style .active > .toggle-menu { transform: rotateX(180deg); } 
.widget-sidebar .widget-list-style .category-dept-0 ul { display: none; } 
.widget-sidebar .widget-list-style .category-dept-1 li a { padding-left: 10px; } 
.widget-sidebar .widget-list-style .category-dept-2 li a { padding-left: 15px; } 
.widget-sidebar .widget-list-style .toggle-menu:hover, .widget-sidebar .widget-list-style li:hover:before, .widget-sidebar .widget-list-style .active, .widget-sidebar .widget-list-style .active span:after { color: #168EEA; } 

/* widget tag */
.widget-tag .item-tag { background-color: #eee; display: inline-block; padding: 6px 10px; font-size: 12px; } 

/* widget social */
.widget-footer .widget-social .item-social-list .title { display: none; } 
.widget-social .item-social-list .title { display: none; } 
.widget-social .item-social-list a { width: 36px; height: 36px; line-height: 36px; display: inline-block; text-align: center; color: #fff; margin-bottom: 4px; } 
.widget-social .item-line { background-color: #4ecd00; } 
.widget-social .item-facebook { background-color: #3b5998; } 
.widget-social .item-twitter { background-color: #1da1f2; } 
.widget-social .item-instagram { background-color: #405de6; } 
.widget-social .item-youtube { background-color: #cd201f; } 
.widget-social .item-google-plus { background-color: #dd4b39; } 

/* module forum */
.module-forum.single-content .member-profile .avatar { margin-bottom: 10px; } 
.module-forum.single-content .member-profile .member-name { margin-bottom: 5px; font-weight: 500; } 
.module-forum.single-content .page-header .title { margin-bottom: 0; } 
.module-forum.list-content .post-title .title { font-size: 14px; } 
.module-forum.list-content .item-post-by, .module-forum.list-content .item-post-reply .fa-user { color: #777; } 
.module-forum.list-content .item-post-date { display: block; } 
.module-forum.list-content .icon > img { max-width: 24px; max-height: 24px; } 

/* module tag content */
.module-tag-content .item-tag { display: inline-block; background-color: #eee; padding: 5px 10px 4px; } 

/* module comment */
.module-comment form .page-header { margin-top: 0; } 
.module-comment form { background-color: #f8f8f8; padding: 15px; } 
.module-comment .comment-list { margin-bottom: 10px; } 
.module-comment .comment-list .media { margin-top: 0; background-color: #f8f8f8; padding: 10px; } 
.module-comment .comment-list .media + .media { margin-top: 10px; } 
.module-comment .comment-list .avatar { padding-right: 15px; } 
.module-comment .comment-list .item-content .title { margin-bottom: 10px; } 
.module-comment .avatar img { max-width: 100px; } 
.module-comment .attach-image img { max-width: 80px; border: 1px solid #ccc; border-radius: 4px; padding: 3px; background-color: #fff; } 
.module-comment .attach-image { position: relative; } 
.module-comment .attach-image:hover img { box-shadow: rgba(0,0,0,0.2); } 
.module-comment .attach-image:after { opacity: 0; content:'\f0b2'; font-family: 'FontAwesome'; height: 20px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: inline-block; margin: auto; text-align: center; color: #fff; font-size: 18px; } 
.module-comment .attach-image:hover:after { opacity: 1 } 

/* captcha */
.captcha { display: inline-block; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; padding: 15px 0 0; } 
.captcha .form-control { background-color: #fff; } 

/* inform payment */
.inform-payment .item-form { border: 1px solid #ddd; background-color: #f2f4f6; padding: 10px; } 
.inform-payment .item-form .datepicker .input-group-addon { background-color: #78909C; color: #fff; } 
.inform-payment .item-form .bootstrap-filestyle input[type="text"] { background-color: #fff; } 
.inform-payment .item-form .bootstrap-filestyle .btn { background-color: #78909C; color: #fff; } 
.inform-payment .item-form .btn-confirm { background-color: #2196F3; color: #fff; } 
.inform-payment .item-form .btn-confirm:hover { background-color: #42A5F5; color: #fff; } 
.inform-payment .item-form .btn-confirm:focus { background-color: #1E88E5; color: #fff; } 
.inform-payment .item-form .btn-confirm, .inform-payment .item-form .remark { display: inline-block; } 

/* form custom */
.form-custom .form-group { position: relative; } 
.form-custom .alpaca-icon-required:before { content: none; } 
.form-custom .alpaca-icon-required { float: right; } 
.form-custom .alpaca-icon-required:after { content: '*'; display: inline-block; color: #e53935; padding-left: 3px; font-size: 9px; } 

/* module reviews */
.module-reviews .thumbnail { background-color: #fff; border-radius: 4px; padding: 15px; text-align: center; } 
.module-reviews .thumbnail .caption { padding: 0; } 
.module-reviews .thumbnail .avatar { margin-bottom: 15px; } 
.module-reviews .thumbnail .name { margin-bottom: 3px; } 
.module-reviews .thumbnail .date { font-size: 12px; margin-bottom: 10px; } 
.module-reviews .thumbnail .rating { margin-bottom: 10px; } 
.module-reviews .lSAction > a { background: none; } 
.module-reviews .lSAction .lSPrev { left: 10px; } 
.module-reviews .lSAction .lSPrev:before,
.module-reviews .lSAction .lSNext:before { font-family: 'FontAwesome'; font-size: 24px; line-height: normal; color: #333; width: 32px;; height: 32px;; border: 2px solid #333; border-radius: 50px; display: inline-block; text-align: center } 
.module-reviews .lSAction .lSPrev:before { content: '\f104'; } 
.module-reviews .lSAction .lSNext:before { content: '\f105'; } 

.search-q {width: 200px;border-right: 0; } 
.search-criteria {width: 119px; } 

/* Breakpoint */
@media (max-width:480px) {.navbar-account .dropdown { position: relative; }
.navbar-account .member-name { display: none; } 
.search-q {border-right: 0 !important; } 
.search-criteria {width: 90px !important; } 
 }
 @media (max-width: 767px) {
  .navbar-main .navbar > .contianer, .navbar-account .cart-top { position: static; } 
 }
@media (min-width:768px) {.navbar-account .widget-social { display: block; } 
.cart-top .dropdown-menu { min-width: 350px; } 
.navbar-brand { padding: 0; } 
.page-header > .view-all { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } 
.navbar-menu { overflow: visible; height: auto; } 
.layout-view-list .item-image, .layout-view-list .caption { float: left; } 
.layout-view-list .item-image { width: 33.333%; } 
.layout-view-list .caption { width: 66.666667%; padding: 0 0 0 10px; } 
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0; } 
.member-form-modal .modal-dialog { width: 400px; } 
.navbar-main .navbar-collapse { position: static; width: 100%; right: 0; } 
.language { background-color: transparent; } 
.language .dropdown-menu { min-width: 60px; position: absolute; width: auto; } 
.language .dropdown-menu > li > a { padding: 5px 0; text-align: center } 
.language { margin-left: 0; margin-right: 0; background-color: transparent; text-align: left; } 
.ribbon { position: fixed; z-index: 99; width: 123px; height:123px; background-size: 123px !important; } 
.module-forum.list-content .page-header .btn { float: right; } 
 }

.item-related {display: table;width: 100%; } 

/* filter search */
.filter-search .input-group-addon {position: relative;text-align: left; } 
.filter-search label {font-size: 13px;line-height: 1px;text-align: left;display: inline-block;vertical-align: middle;font-weight: normal;margin-bottom: 4px; } 
.filter-search button {border-top-right-radius: 4px;border-bottom-right-radius: 4px; } 
.filter-search .filter-search-select {opacity: 0 !important;visibility: visible !important;position: absolute !important;left: 0 !important;right: 0 !important;bottom: 0 !important;top: 0 !important;width: 100% !important; } 

/* search result */
.page-search-result .layout-view-grid > .row,
.page-search-result .module-gallery > .row {display: flex; flex-wrap: wrap; flex-direction: row;}
.page-search-result .layout-view-gird > .row > .item,
.page-search-result .module-gallery > .row > .item {display: flex;}