html:not([theme="dark"]) {
--border-color: #ddd; --border-color-dark: #e1e1e1;
--slider-background-color: #ededed;
}
html[theme="dark"] {
--text-color: #fff;
--text-color-meta: #AAAAAA;
--text-color-meta-dark: #717171;
--text-color-darker: #222;
--text-color-darkest: #000;
--text-color-hover: #999999;
--text-color-mute: #9a9a9a;
--text-color-light: hsla(0, 0%, 87%, 0.8);
--text-color-lighter: hsla(0, 0%, 73%, 0.8);
--link-color: #ebebeb;
--link-hover-color: #fff;
--error-color: rgb(240, 50, 50);
--background: #262626;
--background-secondery: #262630;
--background--darker: #121212;
--background--darkest: #040404;
--background--lighter: #3e3e3e;
--nav-bg: #262626;
--nav-border: #424242;
--panel-bg: #1c1c1c;
--border-color-light: #ddd;
--logo-color: #ffffff;
--logo-color-dark: #000000;
--panel-header-bg: #1d1d1d;
--panel-box-bg: #1c1c1c;
--border-color: rgba(255,255,255,0.1);
--border-color-20: rgba(255,255,255,0.2);
--border-color-30: rgba(255,255,255,0.3);
--content-box-shadow: 0 1px 1px rgba(180, 180, 180, 0.1);
--border-color-dark: rgba(255,255,255,0.2);
--menu-link-color: var(--text-color-light);
--menu-hover-bg: var(--background--lighter);
--search-input-bg:#ff;
--footer-bg: var(--background);
--input-bg: var(--background--darker);
--input-color: var(--text-color);
--input-border-color: var(--border-color);
--category-sidebar-bg: var(--background-secondery);
--sidebar-title-color: var(--text-color-light);
--category-list-color: var(--text-color-mute);
--category-list-item-hover:var(--background--lighter);
--tab-box-bg: var(--background--lighter);
--tab-box-active-bg: var(--background-secondery);
--tab-box-active-border: var(--border-color);
--brand-success: #208e4e;
--brand-info: #d7b426;
--brand-warning: #aa8a0a;
--brand-primary: #0d5d4d;
--slider-background-color: #464646; }
body { font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; }
body.dark .modal-content { background-color: #ffffff;}
body.dark { background-color: #000;}
.breadcrumb-item.active { color: #f8f9fa;}
.content-wrapper>.content { padding: 0 .5rem; padding-top: 1rem;}
.content-wrapper { background: #ffffff00; /*background: #f4f6f9;*/ }
/* .content-wrapper { background: #0a0b18; } .content-wrapper{ color: #e1e1e1;} */
[class*=sidebar-dark-] {color: #e1e1e1;background: #2c2c34;}
[class*=sidebar-dark] .brand-link { border-bottom: 0px solid #4b545c;color: rgba(255,255,255,.8);
text-align: center;}
[class*=sidebar-dark] .user-panel {border-bottom: 0px solid #4f5962;}
.accent-warning .page-item.disabled a, .accent-warning .page-item.disabled .page-link {
background-color: #424249;border-color: #0f1014;color: #e1e1e1;}
/*--------------------------------------------------------------
# Card Setting
--------------------------------------------------------------*/
.card {position: relative;display: -ms-flexbox; display: flex; -ms-flex-direction: column;
flex-direction: column; min-width: 0; margin-bottom: 1rem; word-wrap: break-word;
background-clip: border-box; border-radius: .25rem;
/* background-color: #23242d94; border-color: #23242d; color: white; */
}
/* .card-header { padding: .75rem 1.25rem; margin-bottom: 0; border-bottom: 1px solid;
background-color: #fff; border-color: #23242d;} */
.card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding: 1.25rem;}
/* background-color: #23242d82; border-color: #181924; */}
.card { z-index: 0; border: none; border-radius: 0.5rem; position: relative }
.card.card-outline-tabs .card-header a { border-top: 0px solid transparent;}
.card-primary.card-outline-tabs > .card-header a:hover { border-top: 3px solid #ffc107;}
.card-primary.card-outline-tabs > .card-header a.active { border-top: 3px solid #ffc107;}
.card-primary.card-outline-tabs > .card-header a:hover { border-top: 3px solid #007bff;}
.c-dark-theme .card-header { background-color: #ffffff24; border-color: #181924;}
.c-dark-theme .card-footer { background-color: #ffffff24; border-color: #181924;}
.c-dark-theme .table { color: #e1e1e1; background-color: transparent;}
/*--------------------------------------------------------------
# Datatable settings
--------------------------------------------------------------*/
.dataTables_filter {float: left; width: 35%;padding-top: 5px;background: #23242d; margin-top: 0px;}
.dataTables_filter input {margin-left: 5px;margin-right: 5px;}
.dataTables_filter label {float: right; display: inline-flex;margin-bottom: 5px;}
.dataTables_length label {display: inline-flex;}
.dataTables_length label {display: inline-flex;margin-bottom: 5px;}
.dataTables_length select {float: left; width:50px; margin-left: 5px;margin-right: 5px;}
.dataTables_length select {float: left; width:50px; margin-left: 5px;margin-right: 5px;}
.dataTables_length, .dataTables_filter { padding-top: 0px !important; height: 32px;}
.dataTables_wrapper .btn-group > .btn, .dataTables_wrapper .btn-group-vertical > .btn {
position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto;
padding-top: 0px !important; padding-bottom: 0px !important;}
.dataTables_wrapper { width:100%;background: #23242d;}
.dt-buttons {float: left; width:40%;padding: 0px;background: #424249; margin-top: 0px;height:27px}
.dt-buttons button {display: inline-flex;margin: auto;margin-right: 2px;text-align:center;}
.dt-buttons button {display: inline-flex;margin: auto;margin-right: 2px;text-align:center;}
.table-responsive {overflow-x: unset; }
.table-bordered th, .table-bordered td { border: 1px solid #00000085;}
.table thead th { border-bottom: 2px solid #353640;}
.table td, .table th { padding: 2px;font-size: 12px;border-top: 1px solid #353640;}
table.dataTable thead th, table.dataTable thead td { font-weight: 400 !important;}
td {border: 1px solid; border-color: #434546; }
tbody tr.even:hover { box-shadow: inset 0 0 0 9999px rgb(255 251 251 / 21%);
cursor: pointer; }
tbody tr.odd:hover { box-shadow: inset 0 0 0 9999px rgb(255 251 251 / 31%);
cursor: pointer; }
pre {color:#fff; }
/*--------------------------------------------------------------
# Nav Control
--------------------------------------------------------------*/
.nav-tabs > li .close { margin: -2px 0 0 10px; font-size: 18px;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #ffffff; background-color: #000000; }
.nav-pills .nav-link:hover { color: #000 !important; background-color: #ffc107;}
/* .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #e1e1e1;
background-color: #23242d; border-color: #23242d #23242d #23242d;}
.nav-tabs .nav-item { margin-bottom: 0 !important; margin-top: 8px !important; height: 26px; padding-bottom: 0px;}
.nav-tabs .nav-item { margin-bottom: -22px; margin-top: 7px;}
.nav-tabs { border-color: #23242d; border-bottom: 1px solid #23242d !important;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus,.text-sm .nav-link
{ padding: 0.1rem 0.8rem !important;}*/
.nav-tabs-boxed .tab-content { padding: .75rem 1.25rem; border: 1px solid;
border-radius: 0 .25rem .25rem .25rem; color: #768192; background-color: #fff;
border-color: #d8dbe0;}
.c-dark-theme .nav-tabs-boxed .tab-content { color: #e1e1e1; background-color: #23242d;
border-color: #23242d;}
.main-header { border-bottom: 1px solid #2c2c34; z-index: 1034; }
.main-footer { color: #e1e1e1; background: #1e1e29; border-top: 1px solid #181924;
padding: 1rem;}
.text-sm .main-footer, .main-footer.text-sm { padding: 0;}
.text-sm .main-header .nav-link, .main-header.text-sm .nav-link {padding: 0.35rem 0.7rem;}
.text-sm .nav-compact .nav-link > .right, .text-sm .nav-compact .nav-link > p > .right { top: 0.3rem !important;}
.text-sm .content-header { padding: 5px .5rem; background: #2c2c34; border-bottom: 0; color: white;}
.text-sm2 {font-size: 0.775rem !important;}
.text-sm2 .btn {font-size: 0.775rem !important;}
/*--------------------------------------------------------------
# Modal Control
--------------------------------------------------------------
.modal-content .modal-header,.modal-content .modal-footer {border-color: #424242;}
.modal-header .close {color: #FFF;}
.modal-content {background-color: #05060c;}*/
.modal-content .close { border: none; font-size: 18px; border-radius: 50%;
line-height: 18px; height: 40px; width: 40px; display: -webkit-flex;
display: -moz-box; display: flex; -webkit-align-items: center;
-moz-box-align: center; align-items: center; -webkit-justify-content: center;
-moz-box-pack: center; justify-content: center; }
.modal .close { border: none; }
/*--------------------------------------------------------------
# Form Control
--------------------------------------------------------------*/
.form-control {background-color: #282d36;border-color: #282d36;}
.form-group { text-align: left; margin-bottom: 0px;}
.form-group label {float: left; margin-top: 10px; }
.form-group input {float: right; width: 65%;}
.form-control:disabled, .form-control[readonly] { background-color: #e9ecef;
opacity: 1;color: black;}
.form-control { color: #e1e1e1; background-color: #474859d4; border-color: #181924; border: 1px solid #181924 !important; }
.input-group-text {display: -ms-flexbox;display: flex; -ms-flex-align: center;
align-items: center; padding: .375rem .75rem; margin-bottom: 0;
font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057;
text-align: center; white-space: nowrap; background-color: #e9ecef;
border: 1px solid #181924 !important; border-radius: .25rem; color: rgba(225,225,225,.5);
background-color: #181924; border-color: #181924;}
input:-internal-autofill-selected { appearance: menulist-button; background-color: #181924 !important;
background-image: none !important;color: -internal-light-dark(white,black) !important;}
.dropdown-item:hover, .dropdown-item:focus {color: #fff !important;background-color: #6e5a1b;}
.dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none;
/* background-color: #95969773; */}
.list-group-item {position: relative; display: block; padding: 0.75rem 1.25rem;
background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.125);}
html[theme="dark"] .list-group-item {background-color: #23242d; }
/*--------------------------------------------------------------
# Mobile Filter
--------------------------------------------------------------*/
.mobile-filter-bar { border: solid 1px var(--border-color); height: 44px;
line-height: 44px; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
background-color: #fafafa; border-top: none; }
.mobile-filter-bar > ul > li { border-right: solid 1px var(--border-color);
padding-right: 15px; padding-left: 15px; text-transform: uppercase; }
.mobile-filter-bar > ul > li:first-child { padding-left: 0; }
@media (min-width: 768px) {
.mobile-filter-sidebar { left: 0 !important; }
.mobile-filter-bar { display: none; }
.closeFilter { display: none; } }
@media (max-width: 767px) {
.jobs-s-tag { margin-bottom: 4px; }
.hide-xs { display: none; }
.btn-block-sm { display: block; width: 100%; }
.closeFilter { cursor: pointer; display: block; font-size: 16px;
height: 30px; line-height: 30px; padding: 3px; position: absolute;
right: 10px; text-align: center; top: 7px; width: 30px; z-index: 2147483647; }
.menu-overly-mask { background-color: #000; height: 100%; left: 0;
opacity: 0.3; position: fixed; top: 0; -webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s; visibility: hidden;
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
backface-visibility: hidden; width: 100%; z-index: 1100; }
.menu-overly-mask.is-visible { cursor: pointer; opacity: 0.5;
visibility: visible; -webkit-backface-visibility: visible;
-moz-backface-visibility: visible; backface-visibility: visible; }
.mobile-filter-sidebar .inner-box { margin-bottom: 0; border-radius: 0 !important; }
.page-sidebar.mobile-filter-sidebar { height: 100%; overflow: auto;
padding: 0; position: fixed; top: 0; width: 250px; z-index: 1110;
left: -251px; } }
/*--------------------------------------------------------------
# bootStrap Control
--------------------------------------------------------------*/
.bootstrap-datetimepicker-widget.dropdown-menu { background: black;}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {border-left: 7px solid transparent;
border-right: 7px solid transparent; border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2); }
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent;
border-right: 6px solid transparent; border-bottom: 6px solid black; }
.bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent;
border-right: 7px solid transparent; border-top: 7px solid #ccc;
border-top-color: rgba(0, 0, 0, 0.2); }
.bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent;
border-right: 6px solid transparent; border-top: 6px solid black }
.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
background: none; color: #6c757d; }
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #e9ecef; }
.bootstrap-datetimepicker-widget table td.cw { color: #6c757d; }
.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
background: #e9ecef; }
.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
color: #6c757d; }
.bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #007bff;
border-top-color: rgba(0, 0, 0, 0.2); }
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
background-color: #007bff; color: #000; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #000; }
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
color: #6c757d; }
.bootstrap-datetimepicker-widget table td span:hover { background: #e9ecef; }
.bootstrap-datetimepicker-widget table td span.active { background-color: #007bff;
color: #000; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.bootstrap-datetimepicker-widget table td span.old { color: #6c757d; }
.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
color: #6c757d; }
/*--------------------------------------------------------------
# Other Settings
--------------------------------------------------------------*/
.custom-select-sm, .form-control-sm { height: 1.5125rem; padding-top: 0.15rem; padding-bottom: 0.15rem; }
.hidden-xs {display : table-cell;}.hidden-sm {display : table-cell;}
.datepicker { color : #ffffff !important; }
#company-form { text-align: center; position: relative; margin-top: 0px }
#company-form fieldset .form-card { background: white; border: 0 none; border-radius: 0px; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
padding: 20px 40px 30px 40px; box-sizing: border-box; width: 94%; margin: 0 3% 20px 3%; position: relative }
#company-form fieldset .form-card { text-align: left; }
#progressbar { margin-bottom: 30px; overflow: hidden; color: white }
#progressbar .active { color: #ffc107 }
#progressbar li { list-style-type: none; font-size: 12px; width: 15%; float: left; position: relative }
#progressbar #account_info_link:before { font-family: FontAwesome; content: "\f0b1" }
#progressbar #efris_info_link:before { font-family: FontAwesome; content: "\f02e" }
#progressbar #db_config_link:before { font-family: FontAwesome; content: "\f658" }
#progressbar #customer_db_config_link:before { font-family: FontAwesome; content: "\f084" }
#progressbar #other_configuration_link:before { font-family: FontAwesome; content: "\f013" }
#progressbar #certificate_link:before { font-family: FontAwesome; content: "\f0a3" }
#progressbar li:before { width: 50px; height: 50px; line-height: 45px; display: block; font-size: 18px; color: #000000;
background: white; border-radius: 50%; margin: 0 auto 10px auto; padding: 2px }
#progressbar li:after { content: ''; width: 100%; height: 2px; background: white; position: absolute; left: 0; top: 25px; z-index: -1 }
#progressbar li.active:before, #progressbar li.active:after { background: #ffc107 }
@media (max-width: 576px) { .col-fsm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} }
.product-image-thumb { padding:0.1rem !important; }
.btn { padding : 0.05rem 0.7rem }
.error { color: red; }
html[theme="dark"] .error { color: #ffab00; }
.fs-title { font-size: 20px; color: #ffc107; margin-bottom: 10px; font-weight: bold; text-align: left }
.user-panel .info {display: inline-block; padding: 0px 5px 0px 10px;}
.login-page, .register-page {-ms-flex-align: center;align-items: center;background: #e9ecef;
display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column;
height: 100vh; -ms-flex-pack: center; justify-content: center; color: #000;
background: #fff;}
.login-box, .register-box { width: 360px; background: #0a0b18;}
html[theme="dark"] .login-page { background: #0a0b18;}
html[theme="dark"] .register-page { background: #0a0b18;}
html[theme="dark"] .login-box { background: #0a0b18;}
html[theme="dark"] .register-box { background: #0a0b18;}
.voucher { background: #141a2c8c; border: 0px solid rgb(255 253 253 / 32%); position: relative;}
.invoice { background: #141a2c8c; border: 1px solid rgb(255 253 253 / 32%); position: relative;}
@media (max-width: 576px) { .dataTables_wrapper button { padding : 2px !important; }}
.dropdown-item:hover, .dropdown-item:focus { color: #fff; background-color: #e0a800;}
.buy {background: #ffc107;font-size: 11px;padding: 0px 4px;border-radius: 4px;color: black;
font-weight: bold;float: right;text-align: center;contain: content;margin-top:1px}
.titlebg { font-size: 15px !important;margin-top: 3px !important;
background: linear-gradient(45deg, rgba(0, 0, 0, 0.7), transparent);
padding-left:10px !important;padding-right:10px !important;
line-height:1.5rem; border-radius:0.25rem; }
/*--------------------------------------------------------------
# Video Background
--------------------------------------------------------------*/
.video-container {position: relative;}
#SasWallPaper { position: fixed; right: 0; top: 0; min-width: 100%; min-height: 100%; }
.content-header { background: rgba(0, 0, 0, 0.5); }
.content { position: sticky; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; min-width: 95%; }
.navbar-warning { background-color: #ffc107c9; }
.text-muted { color: #afafbd !important; }
.video-container .watermark { position: fixed; left: 50%; top: 60%; transform: translate(-50%, -50%);
color: rgb(0 0 0 / 50%); object-fit:contain;}
/*--------------------------------------------------------------
# Header Menu
--------------------------------------------------------------*/
.hbuttonsel { padding-top: 4px !important;font-weight: bold !important; background: #2c2c34bd !important;
border-color: #2c2c34bd !important; color: #ffeb3b !important;top: 0px !important;
border-radius: 0.25rem 0.25rem 0rem 0rem;}
.hbutton { padding-top: 4px !important;font-weight: bold !important;background: #2c2c346b !important;
border-color: #2c2c346b !important; color: white !important;top: 0px !important;
border-radius: 0.25rem 0.25rem 0rem 0rem;}
.hbuttonsel1 {padding-top: 4px !important;font-weight: bold !important; background: #040466b8 !important;
border-color: #040466b8 !important; color: #f1ff81 !important;top: 0px !important;
border-radius: 0.25rem 0.25rem 0rem 0rem;}
.hbutton1 { padding-top: 4px !important;font-weight: bold !important;background: #0404668a !important;
border-color: #0404668a !important; color: white !important;top: 0px !important;
border-radius: 0.25rem 0.25rem 0rem 0rem;}
.hbuttonsel2 { padding-top: 4px !important;font-weight: bold !important; background: #095c5cc7 !important;
border-color: #095c5cc7 !important; color: #f1ff81 !important;top: 0px !important;
border-radius: 0.25rem 0.25rem 0rem 0rem;}
.hbutton2 { padding-top: 4px !important;font-weight: bold !important;background: #095c5c85 !important;
border-color: #095c5c85 !important; color: white !important;top: 0px !important;
border-radius: 0.25rem 0.25rem 0rem 0rem;}
.hbuttonsel3 { padding-top: 4px !important;font-weight: bold !important; background: #2a6e79d9 !important;
border-color: #2a6e79d9 !important; color: #f1ff81 !important;top: 0px !important;
border-radius: 0.25rem 0.25rem 0rem 0rem;}
.hbutton3 { padding-top: 4px !important;font-weight: bold !important;background: #0d3dc36b !important;
border-color: #0d3dc36b !important; color: white !important;top: 0px !important;
border-radius: 0.25rem 0.25rem 0rem 0rem;}
.hbuttonsel4 { padding-top: 4px !important;font-weight: bold !important; background: #c33f0bda !important;
border-color: #c33f0bda !important; color: #f1ff81 !important;top: 0px !important;
border-radius: 0.25rem 0.25rem 0rem 0rem;}
.hbutton4 { padding-top: 4px !important;font-weight: bold !important;background: #c33f0b6b !important;
border-color: #c33f0b6b !important; color: white !important;top: 0px !important;
border-radius: 0.25rem 0.25rem 0rem 0rem;}
.hbuttonsel5 { padding-top: 4px !important;font-weight: bold !important; background: #81272cc7 !important;
border-color: #81272cc7 !important; color: #f1ff81 !important;top: 0px !important;
border-radius: 0.25rem 0.25rem 0rem 0rem;}
.hbutton5 { padding-top: 4px !important;font-weight: bold !important;background: #81272c73 !important;
border-color: #81272c73 !important; color: white !important;top: 0px !important;
border-radius: 0.25rem 0.25rem 0rem 0rem;}
.hbuttonsel6 { padding-top: 4px !important;font-weight: bold !important; background: #096cffc7 !important;
border-color: #096cffc7 !important; color: #f1ff81 !important;top: 0px !important;
border-radius: 0.25rem 0.25rem 0rem 0rem;}
.hbutton6 { padding-top: 4px !important;font-weight: bold !important;background: #096cff73 !important;
border-color: #096cff73 !important; color: white !important;top: 0px !important;
border-radius: 0.25rem 0.25rem 0rem 0rem;}
.titlebutton { padding-top: 3px !important;font-weight: bold !important;background: #fdfdfd6b !important;
border-color: #fdfdfd6b !important; color: #0000009c !important;top: 0px !important;
border-radius: 0.25rem; font-size: 0.775rem !important;
padding: 0rem 0.5rem;height: 1.6rem;}
.float{ position:fixed; width:60px; height:60px; bottom:40px; right:0px; background-color:#25d366;
color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999;
z-index:100;}
/*--------------------------------------------------------------
# SideBar CSS
--------------------------------------------------------------*/
.my-float{ margin-top:16px;}
.main-sidebar:hover .brand-link > .sasQuote { display:block; }
.sasQuote { display:none; }
.fg-dark { color: #000 !important; }
.fg-default { color: #fff !important; }
.fg-info { color: #007bff !important; }
.fg-warning { color: #ffc107 !important; }
.fg-danger { color: #dc3545 !important; }
.fg-success { color: #28a745 !important; }
.fg-gray { color: #6c757d !important; }
.fg-gray-dark { color: #343a40 !important; }
.asb-dashboard { background:#80000044 !important;}
.asb-sasbook { background:#c6f70244 !important;}
.asb-transaction { background:#03df3044 !important;}
.asb-accounts { background:#df910344 !important;}
.asb-inventory { background:#df038744 !important;}
.asb-masters { background:#3d997044 !important;}
.asb-imports { background:#70809044 !important;}
.asb-settings { background:#69696944 !important;}
.asb-accountreports { background:#66339944 !important;}
.asb-efrisreports { background:#4169e144 !important;}
.psb-dashboard { background:#80000044 !important;}
.psb-attendance { background:#c6f70244 !important;}
.psb-employee { background:#03df3044 !important;}
.psb-payroll { background:#3d997044 !important;}
.psb-schedule { background:#70809044 !important;}
.psb-leave { background:#66339944 !important;}
.psb-settings { background:#69696944 !important;}
.csb-dashboard { background:#80000044 !important;}
.csb-leads { background:#c6f70244 !important;}
.csb-customers { background:#03df3044 !important;}
.csb-inventory { background:#3d997044 !important;}
.psb-dashboard { background:#80000044 !important;}
.psb-projects { background:#c6f70244 !important;}
.psb-customers { background:#03df3044 !important;}
.psb-inventory { background:#3d997044 !important;}
.esb-dashboard { background:#80000044 !important;}
.esb-products { background:#c6f70244 !important;}
.esb-orders { background:#03df3044 !important;}
.esb-customers { background:#3d997044 !important;}
.msb-dashboard { background:#80000044 !important;}
.msb-whatsapp { background:#03df3044 !important;}
.msb-email { background:#c6f70244 !important;}
.msb-sms { background:#3d997044 !important;}
.msb-settings { background:#70809044 !important;}
/*.ssb-home { background:#c6f70244 !important;}
.ssb-dashboard { background:#80000044 !important;}
.ssb-products { background:#03df3044 !important;}
.ssb-category { background:#3d997044 !important;}
.ssb-specialoffer { background:#df038744 !important;}
.ssb-mycart { background:#df910344 !important;}
.ssb-purchase { background:#70809044 !important;}
.ssb-myaccount { background:#69696944 !important;}*/
.truncate { overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
-webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: smaller;
font-style: italic;}
.shopmenuopen { display:block;}
.shopmenuclose { display:none;}
/*--------------------------------------------------------------
# Filter settings
--------------------------------------------------------------*/
div.dtsp-topRow.dtsp-bordered { border: 0px solid #222020; border-radius: 3px;}
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane {
flex-grow: 1; flex-shrink: 0; font-size: .9em; margin-top: 1px !important;
color: white !important; background: goldenrod;}
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper {
border: 1px solid #f0f0f000; border-radius: 4px;}
div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody {
background: #5c5c5cd6 !important; border-bottom: none;}
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper:hover {
border: 1px solid #cfcfcf80;}
div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody table tr>th, div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody table tr>td {
padding: 5px 10px; border-color: #ffffff59;}
div.dtsp-panesContainer button.dtsp-clearAll, div.dtsp-panesContainer button.dtsp-collapseAll, div.dtsp-panesContainer button.dtsp-showAll {
background-color: #ffc107;border-radius: 3px;}
div.dtsp-panesContainer button.dtsp-clearAll, div.dtsp-panesContainer button.dtsp-collapseAll, div.dtsp-panesContainer button.dtsp-showAll {
float: right; padding: 0px 3px;margin-right: 2px;}
div.dtsp-topRow.dtsp-bordered:hover { background-color: #f0f0f0; opacity: .6;
border: 0px solid #cfcfcf; border-radius: 3px; cursor: pointer !important;}
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane input.dtsp-paneInputButton, div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane button.dtsp-paneButton {
height: 21px; width: 35px; min-width: 0; display: inline-block; margin: 2px;
border: 0px solid transparent; background-color: transparent; margin-bottom: 0px;}
div.dtsp-topRow { display: flex; flex-direction: row; flex-wrap: nowrap;
border: 2px solid rgba(0, 0, 0, 0); border-radius: 3px; justify-content: space-around;
align-content: flex-start; align-items: flex-start;min-height: 22px;}
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane {
flex-grow: 1; flex-shrink: 0; font-size: .9em; margin-top: 1px !important;
color: white !important; background: #07e1d7c9; border-radius: 4px;}
div.dtsp-panesContainer div.dtsp-title {float: left; padding: 0;}
div.dtsp-panesContainer { margin-bottom: 3px;}
/*--------------------------------------------------------------
# Image Hover Shining
--------------------------------------------------------------*/
.an_homecategories-list { display: flex; flex-wrap: wrap; justify-content: left; margin: 0px;}
.an_homecategories-item { display: block; max-width: 160px; width: 100%; position: relative; margin: 0 15px 18px; }
.an_homecategories-item { position: relative; overflow: hidden; }
.an_homecategories-item-desc .h4 { margin: 17px 0 10px !important; font-size: 14px; font-weight: 700;
line-height: 1.2; text-align: center; text-transform: none;color:white;
background: linear-gradient(45deg, rgba(0, 0, 0, 0.7), transparent);
}
.an_homecategories-list .card { margin-bottom: 0rem !important; }
.homecatg {background: #fff; display: block; position: relative; width: 100%;
border-radius: 7px; box-shadow: 0 0 20px rgba(110, 162, 173, 0.1);
overflow: hidden; margin-bottom: 30px }
.glass-shine-effect { /* background-color: rgba(255, 255, 255, 0%);
box-shadow: 0 8px 32px 0 rgb(188 181 181 / 50%);
backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px);
border-radius: 5%; border: 1px solid rgb(0 0 0 / 18%); */ display: flex;
justify-content: center; align-items: center; cursor: pointer; position: relative;
transition: transform 200ms ease; overflow: hidden; }
.glass-shine-effect:before { position: absolute; top: 0;
left: -82%; z-index: 2; display: block; content: ''; width: 50%; height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
-webkit-transform: skewX(-25deg); transform: skewX(-25deg);
}
.glass-shine-effect:hover { -webkit-animation: shine 5.75s !important; animation: shine 5.75s !important; }
.glass-shine-effect:hover:before { transition: left 1000ms ease; left: 170px; }
.glass-shine-effect2 {display: flex; justify-content: center; align-items: center;
cursor: pointer; position: relative; transition: transform 200ms ease; overflow: hidden; }
.glass-shine-effect2:before { position: absolute; top: 0; left: -75%; z-index: 2;
display: block; content: ''; width: 50%; height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
-webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.glass-shine-effect2:hover { -webkit-animation: shine 5.75s !important; animation: shine 5.75s !important; }
.glass-shine-effect2:hover:before { transition: left 1000ms ease; left: 1070px; }
.glass-shine-effect3 { display: flex; justify-content: center; align-items: center;
cursor: pointer; position: relative;transition: transform 200ms ease; overflow: hidden;}
.glass-shine-effect3:before { position: absolute; top: 0; left: -75%; z-index: 2;
display: block; content: ''; width: 50%; height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
-webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.glass-shine-effect3:hover { -webkit-animation: shine 5.75s !important; animation: shine 5.75s !important; }
.glass-shine-effect3:hover:before { transition: left 1500ms ease; left: 570px; }
.glass-shine-effect4 { display: flex; justify-content: center; align-items: center;
cursor: pointer; position: relative; transition: transform 200ms ease; overflow: hidden;}
.glass-shine-effect4:before { position: absolute; top: 0; left: -75%; z-index: 2;
display: block; content: ''; width: 50%; height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
-webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.glass-shine-effect4:hover { -webkit-animation: shine 5.75s !important; animation: shine 5.75s !important; }
.glass-shine-effect4:hover:before { transition: left 1000ms ease; left: 170px; }
.glass-shine-effect5 { display: flex; justify-content: center; align-items: center;
cursor: pointer; position: relative; transition: transform 200ms ease; overflow: hidden;}
.glass-shine-effect5:before { position: absolute; top: 0; left: -85%; z-index: 2;
display: block; content: ''; width: 50%; height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
-webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.glass-shine-effect5:hover { -webkit-animation: shine 5.75s !important; animation: shine 5.75s !important; }
.glass-shine-effect5:hover:before { transition: left 1000ms ease; left: 370px; }
.intro { width: 100%; background-position: center top; background-repeat: no-repeat;
background-size: cover; min-height: 300px; height: 30vh; display: -webkit-flex;
display: -moz-box; display: flex; -webkit-align-items: center;
-moz-box-align: center; align-items: center;
-webkit-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-moz-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-o-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.dtable { display: table; }
.hw100 { height: 100%; width: 100%; }
.dtable-cell { display: table-cell; vertical-align: middle; }
.intro .container { max-width: 800px; }
.thumbtext {position: absolute; bottom: 0px; height: 30px;
background: #ffffff73; /* border-radius: 0px 0px 5px 5px; */
left: 1px;padding: 2px 0px; font-size: 16px; color: black;}
.viewmore { font-size: 12px; font-weight: normal; letter-spacing: 0.54px;
padding: 0px; position: absolute; right: 1px; text-align: center;
text-transform: uppercase; top: 5px; }
/*--------------------------------------------------------------
# Footer News Ticker
--------------------------------------------------------------*/
.ticker { height: 31px; overflow: hidden; width: 100%;float: left;margin: 0px;margin-block-end: 0px;
padding-inline-start: 0px;padding-inline-end: 0px;}
ul.ticker li span{ background-color: #FF5656; border-right: 1px solid #fff;
color: #FFF; margin-right: 0px; font-size: 21px; padding: 5px 15px 14px 15px; }
.ticker a:hover, .ticker li:hover{ color:#D8D8D8; }
.ticker a, .ticker li{ color: #ffffff; font-size: 15px; background:#333; list-style: none; }
.ticker1 { height: 24px; overflow: hidden; width: 100%;float: left;margin: 0px;margin-block-end: 0px;
padding-inline-start: 0px;padding-inline-end: 0px;border-radius: 0.25rem;margin-top: 3px;}
ul.ticker1 li span{ background-color: #FF5656; border-right: 1px solid #fff;
color: #FFF; margin-right: 0px; font-size: 20px; padding: 5px 15px 14px 15px; }
.ticker1 a:hover, .ticker li:hover{ color:#D8D8D8; }
.ticker1 a, .ticker li{ color: #ffffff; font-size: 15px; background:#333; list-style: none; }
.footer-ticker {bottom: 0; position: fixed; background: rgba(0, 0, 0, 0.5); padding-left: 70px !important;
padding-right: 0 !important; width: 100%; right: 0;}
@media (max-width: 576px) { .hidden-sm {display : none;} .hidden-xs {display : none;}
.footer-ticker {padding-left: 00px !important;}
}
@media (max-width: 700px) { .hidden-md {display : none;}
.footer-ticker {padding-left: 00px !important;}}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.tawk-footer { display: none !important;}
.page-info.hasOverly { padding: 0; }
.page-info { width: 100%; min-height: 94px; color: #fff; padding: 60px 0; }
.page-info.hasOverly > div { background: rgba(0, 0, 0, 0.4); padding: 20px 0; }
.hasOverly > div { background: rgba(0, 0, 0, 0.4);}
.iconbox-wrap { border-collapse: separate; border-spacing: 0; display: table;
height: auto; min-height: 40px; padding: 15px; position: relative;
text-align: center; width: 100%; }
.iconbox { display: table-row; }
.iconbox-wrap-icon { display: table-cell; text-align: center; vertical-align: middle;
border-right: 1px solid rgba(255, 255, 255, 0.2);}
.iconbox-wrap-icon .icon { height: 60px !important; line-height: 60px !important;
margin-left: auto; margin-right: auto; vertical-align: middle !important;
width: 60px !important; color: #d89609 !important; }
.page-info i { color: #fff; font-size: 40px; display: block; }
.iconbox-wrap-content { display: table-cell; padding-left: 10px; text-align: left;
vertical-align: middle; }
.iconbox h5 { font-size: 36px; font-weight: 700; line-height: 40px; padding-bottom: 0; }
.iconbox-wrap-text { color: #aaa; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
font-size: 16px; text-transform: uppercase; }
.icon-color.fb { background: #3b5998; }
.icon-color.tw { background: #55acee; }
.icon-color.gp { background: #dd4b39; }
.icon-color.lin { background: #007bb5; }
.icon-color.pin { background: #cb2027; }
.footer-nav-inline.social-list-color li a { color: #fff; font-size: 14px; width: 28px;
display: inline-block; text-align: center; padding: 3px 0;}
.footer-nav li a { border-left: solid 1px var(--border-color); padding: 0;
color: #333; font-size: 12px; }
.footer-nav-inline li a { color: #333; font-size: 16px; }
.page-bottom-info { color: #fff;
background: -webkit-linear-gradient(292deg, #D89608 44%, #745a21 85%) no-repeat 0 0 #D89608;
background: -moz- oldlinear-gradient(292deg, #D89608 44%, #745a21 85%) no-repeat 0 0 #D89608;
background: -o-linear-gradient(292deg, #D89608 44%, #745a21 85%) no-repeat 0 0 #D89608;
background: linear-gradient(158deg, #D89608 44%, #745a21 85%) no-repeat 0 0 #D89608;
}
.page-bottom-info-inner { background-size: cover; padding: 15px 0; }
.page-bottom-info-content { max-width: 900px; margin-left: auto; margin-right: auto; }
.page-bottom-info-content h1 { font-family: "Roboto", Helvetica, Arial, sans-serif;
font-weight: 500; letter-spacing: 1px; margin-bottom: 15px; margin-top: 0;
position: relative; }
.color50 { opacity: 0.5;
}
.footer-content { border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px; padding: 40px 0; color: #333;
background: #f5f5f5; }
.footer-title { color: #000; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
font-size: 15px; font-weight: 700; margin-bottom: 10px; margin-top: 0;text-transform: uppercase; }
.mobile-app-content { max-width: 300px; }
.app-icon { display: block; max-width: 100%; }
.hide-visually { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px;
overflow: hidden; padding: 0; position: absolute; width: 1px; }
.hero-subscribe { margin-top: 30px; }
.no-margin { margin: 0 !important; }
.list-inline { padding-left: 0; margin-left: -5px; list-style: none; }
.list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; }
.paymanet-method-logo { border-top: solid 1px var(--border-color); border-bottom: solid 1px var(--border-color);
color: #888; font-size: 11px; letter-spacing: 2px; margin-bottom: 20px;
margin-top: 30px; padding: 20px 0; text-transform: uppercase; }
.copy-info { display: block; font-size: 11px; margin-top: 10px; padding-left: 0; }
.paymanet-method-logo img { display: inline-block; margin: 0 5px; height: 30px; }
.btn-lg { padding: 10px 18px !important; font-size: 1rem !important; border-radius: 8px !important; }
.btn-primary-dark { color: #fff !important; background-color: #875b00 !important; }
.btn { display: inline-block; font-weight: normal; line-height: 1.5;
text-align: center; white-space: nowrap; vertical-align: middle;
-webkit-user-select: none; -moz-user-select: none; user-select: none;
border: 1px solid transparent; padding: 8px 12px; font-size: 0.85rem;
border-radius: 6px; -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.btn-primary-dark:hover {
color: #fff;
background-color: #745a21;
border-color: #D89608;
}
.btn:hover {
color: #fff !important;
background-color: #745a21 !important;
border-color: #D89608 !important;
}
/*--------------------------------------------------------------
# Categories Pages
--------------------------------------------------------------*/
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle;
border-top: 4px dashed; border-right: 4px solid transparent;
border-left: 4px solid transparent; }
.dropup, .dropdown { position: relative; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none;
float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0;
font-size: 0.85rem; color: #292b2c; text-align: left; list-style: none;
background-color: #fff; background-clip: padding-box; border-radius: 6px;
border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px rgba(110, 162, 173, 0.1);
overflow: hidden; }
@media (min-width: 768px) { .dropdown-menu > li { padding: 4px 8px; } }
.dropdown-item { display: block; width: 100%; clear: both; font-weight: normal;
color: #292b2c; text-align: inherit; white-space: nowrap;
background-color: transparent; border: 0; }
@media (min-width: 768px) { .dropdown-menu > li a { color: #333; } }
.btn-primary:not([href]):not([tabindex]):not(.btn-line) { color: #fff; }
.btn-primary.btn-gradient { color: #fff;
background: -webkit-linear-gradient(292deg, #16A085 44%, #16A085 85%);
background: -moz- oldlinear-gradient(292deg, #16A085 44%, #16A085 85%);
background: -o-linear-gradient(292deg, #16A085 44%, #16A085 85%);
background: linear-gradient(158deg, #16A085 44%, #16A085 85%);
border-color: #16A085; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear; transition: all 0.25s linear;
}
.btn-danger { color: #fff; background-color: #d9534f; border-color: #d9534f; }
.btn-danger:not([href]):not([tabindex]):hover { color: #fff; }
.btn-danger:not([href]):not([tabindex]) { color: #fff; }
.btn-danger:active, .btn-danger:active:focus, .btn-danger.active, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle {
color: #fff; background-color: #c9302c; background-image: none; border-color: #c12e2a; }
.btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #c12e2a; }
.btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem;
line-height: 1.5; border-radius: 0.2rem; }
.btn-sm { padding: 4px 8px; font-size: 0.65rem; border-radius: 4px; }
.text-sm .btn { font-size: 0.63rem !important; }
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg);
border-color: var(--bs-btn-active-border-color); }
.btn:active, .btn.active { background-image: none; }
.btn:focus, .btn:hover { text-decoration: none; }
.btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color); }
.PARENT, .aPARENT, .bPARENT, .cPARENT, .dPARENT, .ePARENT { font-size:14px;
font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-weight:bold;}
.PARENT { color:orangered; }
.aPARENT { color:brown; }
.bPARENT { color:blue; }
.cPARENT { color:green; }
.dPARENT { color:crimson; }
.ePARENT { color:purple; }
/* html[theme="dark"] { background-image: linear-gradient(to right, #f6b01e 0%, #3d3b3b 0%) !important; } */
html[theme="dark"] .PARENT { color:#ffd500; }
html[theme="dark"] .aPARENT { color:#eea6a6; }
html[theme="dark"] .bPARENT { color:#a1a1ff; }
html[theme="dark"] .cPARENT { color:#3af03a; }
html[theme="dark"] .dPARENT { color:#ffc3ce; }
html[theme="dark"] .ePARENT { color:#f788f7; }
html[theme="dark"] .starslg { color: #6a6a6b; !important }
html[theme="dark"] .a._more { color: #80a4f3; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
text-decoration: none; }
a:not([href]):not([tabindex]) { text-decoration: none; }
a:not([href]):not([tabindex]) { text-decoration: none; }
a:focus, a:hover, a:active { outline: none; text-decoration: none; color: #0d5d4d; }
a:focus, a:hover { color: #0d5d4d; text-decoration: underline; }
a:active, a:hover { outline-width: 0; }
a:hover { color: var(--bs-link-hover-color); }
img { max-width: 100%; }
img { vertical-align: middle; }
img { border-style: none; }
.form-inline .form-control { max-width: 100%; }
.text-center { text-align: center; }
.float-left, .pull-left { float: left; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.list-inline { padding-left: 0; margin-left: -5px; list-style: none; }
.d-inline-b { display: inline-block; }
/*======================================================================================*/
/* =============================================================== */
/* Header Section
/* =============================================================== */
.header-section { padding: 1px 0; background: rgb(255 94 0 / 8%); background-position: center; background-size: cover;
height: auto; -webkit-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-moz-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-o-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; width: 100%; }
.header-section .container { text-align:center; font-size:16px;}
@media screen and (min-width: 1024px) { .header-section { height: 30px; display: block; } }
html[theme="dark"] .header-section { background: rgb(256 256 256 / 8%); };
/* =============================================================== */
/* CATEGORY INTRO
/* =============================================================== */
.search-row-wrapper { background-position: center; background-size: cover;
height: auto; -webkit-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-moz-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
-o-transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
transition: all 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; width: 100%; }
.search-row-wrapper .inner { padding: 50px 0; }
.search-row-wrapper.events .inner { background: rgba(0, 0, 0, 0.45); }
.search-row-wrapper .btn-primary { line-height: 22px; }
@media screen and (min-width: 1024px) { .search-row-wrapper { height: 140px; display: block; } }
/* =============================================================== */
/* CATEGORY LIST
/* =============================================================== */
@media (min-width: 768px) { .mobile-filter-bar { display: none; } }
.mobile-filter-bar { border: solid 1px var(--border-color); height: 44px;
line-height: 44px; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
background-color: #fafafa; border-top: none; }
.mobile-filter-bar > ul > li:first-child { padding-left: 0; }
.mobile-filter-bar > ul > li { border-right: solid 1px var(--border-color);
padding-right: 15px; padding-left: 15px; text-transform: uppercase; }
.mobile-filter-bar .dropdown-menu > li { padding: 0 18px; line-height: 28px; }
.mobile-filter-bar .dropdown-menu > li a { font-size: 11px; color: #333; }
.category-list-wrapper { background: #fff; clear: both; height: auto; width: 100%; }
.item-list { border-bottom: solid 1px var(--border-color); clear: both; padding: 5px 15px;
height: auto; width: 100%; display: block; position: relative; /* overflow: hidden; */
-moz-transition: background 0.25s ease-in; -o-transition: background 0.25s ease-in;
transition: background 0.25s ease-in; -webkit-transition: background 0.25s ease-in; }
.item-list .row { margin: 0; }
.category-list.make-grid .item-list .row { display: -webkit-flex !important;
display: -moz-box !important; display: flex !important;-webkit-flex-direction: column;
-moz-box-orient: vertical;-moz-box-direction: normal;flex-direction: column;
height: 100%; }
.category-list.make-grid .item-list .row > div { -webkit-flex: auto; -moz-box-flex: 1;
flex: auto; display: -webkit-flex !important; display: -moz-box !important;
display: flex !important; }
.category-list.make-grid .item-list .row .price-box { display: -webkit-flex !important;
display: -moz-box !important; display: flex !important;
-webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal;
flex-direction: column;
-webkit-align-self: flex-end; align-self: flex-end;justify-self: flex-end; }
.trun-name2 { width: 120px; height: 3em; min-height: 3em; line-height: 1em;
text-overflow: ellipsis; margin-bottom: 0px; cursor: pointer;
word-break: break-all; overflow: hidden; white-space: normal; display: block; }
.trun-name3 { width: 165px; height: 3em; min-height: 3em; line-height: 1em;
text-overflow: ellipsis; margin-bottom: 0px; cursor: pointer;
word-break: break-all; overflow: hidden; white-space: normal; display: block; }
.item-list:hover .item-list-wrapper { background: #F6F6F5; border: 1px solid rgba(0, 0, 0, .1);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); }
.category-list:not(.make-compact):not(.make-list) .item-list:hover .item-list-wrapper { border-radius: 16px;
border-bottom: solid 1px var(--border-color); clear: both; padding: 5px 15px;
height: auto; width: 100%; position: absolute;z-index: 20;left:0px;top:0px;
-moz-transition: background 0.25s ease-in; -o-transition: background 0.25s ease-in;
transition: background 0.25s ease-in; -webkit-transition: background 0.25s ease-in; }
.category-list:not(.make-grid) .item-list:hover .item-list-wrapper {
border-bottom: solid 1px var(--border-color); clear: both; padding: 5px 15px;
height: auto; width: 100%; z-index: 20;left:0px;top:0px;
-moz-transition: background 0.25s ease-in; -o-transition: background 0.25s ease-in;
transition: background 0.25s ease-in; -webkit-transition: background 0.25s ease-in; }
.category-list:not(.make-grid) .item-list:hover { padding:0px;}
.item-list:hover .make-favorite span { width: auto; font-size: 12px; }
.category-list:not(.make-compact):not(.make-list) .item-list:hover .make-favorite { display:block; }
.category-list:not(.make-compact):not(.make-list) .item-list .make-favorite { display:none; }
.category-list:not(.make-compact):not(.make-list) .item-list:hover .trun-name { overflow: visible; white-space: normal; height: auto; }
.category-list:not(.make-compact):not(.make-list) .item-list .trun-name { width: 180px; height: 2em; min-height: 2em; line-height: 1em;
text-overflow: ellipsis; margin-bottom: 0px; cursor: pointer; word-break: break-all;
overflow: hidden; white-space: normal; display:block; }
.item-list .make-favorite span { width: auto; font-size: 12px !important; }
/*.item-list:hover .row { z-index: 12; position: absolute; height: auto; left: -17px;
top: -17px; right: -17px; background-color: #fff; padding: 16px;
border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
border-radius: 16px; } */
.category-list:not(.make-compact):not(.make-list) .item-list:last-child { border-bottom: none; }
.category-list { background: #fff; border-radius: 7px; display: block;
box-shadow: 0 0 20px rgba(110, 162, 173, 0.1); overflow: hidden; }
.category-list.event-category-list { background: none; border-radius: 0; box-shadow: none; }
.category-list.event-category-list .category-list-wrapper { margin-top: 30px;
background: none; overflow: inherit; width: auto; display: -webkit-flex;
display: -moz-box; display: flex; }
@media (max-width: 767px) { .category-list.event-category-list .category-list-wrapper { margin-top: 20px; } }
.add-image { position: relative; }
.photo-count { background: #ccc; border: 0 none; font-size: 12px; opacity: 0.75;
padding: 0 3px; position: absolute; right: 4px; top: 5px; border-radius: 3px; }
.add-image a { display: block; }
.add-image a img { width: 100%; }
.add-title { /* font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; padding-bottom: 7px; */
font-weight: bold !important; font-size: 15px; line-height: 20px; }
.add-title a { color: #191919; outline: 0; cursor: pointer;font-weight: normal !important;
-webkit-transition: all 0.2s linear 0s, letter-spacing 0s linear 0s;
-moz-transition: all 0.2s linear 0s, letter-spacing 0s linear 0s;
-o-transition: all 0.2s linear 0s, letter-spacing 0s linear 0s;
transition: all 0.2s linear 0s, letter-spacing 0s linear 0s; }
.ads-details h4, .ads-details .job-title { font-weight: bold; }
.info-row { display: block; clear: both; font-size: 12px; /*color: #9a9a9a;*/ }
.business-ads { background: none repeat scroll 0 0 #dfdfdf; border: 1px solid #d1d1d1;
border-radius: 50%; display: inline-block; height: 25px; line-height: 18px;
padding: 3px; text-align: center; width: 25px; }
.item-list .btn-danger.make-favorite { color: #fff; text-transform: uppercase;
-webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease; transition: all 0.25s ease;
font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; }
.category-list:not(.make-compact):not(.make-grid) .item-list .item-price {
/* font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: bold; */ font-size: 1.3rem; }
.item-price small { font-size: 18px; font-weight: bold; }
.item-list .make-favorite span { /* width: 0; font-size: 0; */
-webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease; transition: all 0.25s ease; }
.ads-details { width : 100%; }
.price-box { padding: 0; }
@media (max-width: 991px) { .item-list .make-favorite { padding: 3px 5px; } }
@media (max-width: 767px) {
.price-box { clear: both; display: block; height: auto; padding: 10px 15px 0;
text-align: left !important; width: 100%; }
.make-list .item-list { text-align: left; }
.item-list .ads-details { padding: 10px 0 0; }
.make-compact .item-list .make-favorite { float: left; margin-left: 10px; } }
/* List View Grid View Comact View */
.make-compact .item-list .photobox, .make-compact .item-list .info-row .category {
display: none; }
.make-compact .item-list .add-title { float: left; clear: left; height: 19px; overflow: hidden;
padding-bottom: 7px; width: 60%; }
.make-compact .item-list .info-row { display: block; float: left; clear: none;
font-size: 12px; width: 40%; }
.make-compact .item-list h2.item-price { line-height: 20px; }
@media (max-width: 1199px) {
.make-compact .item-list .add-title, .make-compact .item-list .info-row { width: 100%; }
.ads-details { padding: 0; } }
.category-list.make-compact .item-list .item-price { float: right; font-size: 20px;
line-height: normal; margin-bottom: 0; padding-bottom: 0; }
.category-list.make-grid .item-list .item-price { float: right; font-size: 25px; line-height: normal;
margin-bottom: 0; padding-bottom: 0; }
.category-list.make-compact .item-list .make-favorite span { /* font-size: 0; */
-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 0; }
.category-list.make-list .item-list, .category-list.make-compact .item-list {
height: auto !important; }
.category-list.make-grid .item-list { width: 25%; float: left; clear: none;
border-right: solid 1px var(--border-color); }
@media (max-width: 767px) { .category-list.make-grid .item-list { width: 50%; } }
.category-list.make-grid .item-list .make-favorite { margin-bottom: 5px; }
.category-list.make-grid .item-list { width: 25%; float: left; clear: none;
border-right: solid 1px var(--border-color); }
@media (max-width: 767px) { .category-list.make-grid .item-list { width: 50%; } }
.category-list.make-grid .item-list .make-favorite { margin-bottom: 5px; }
/* LIST */
/* GRID */
.make-grid .category-list-wrapper .item-list:nth-child(4n+4) { border-right: none; }
@media (max-width: 991px) {
.make-grid .item-list { width: 33.33%; }
.make-grid .category-list-wrapper .item-list:nth-child(4n+4) { border-right: solid 1px var(--border-color); }
.make-grid .category-list-wrapper .item-list:nth-child(3n+3) { border-right: none; } }
@media (max-width: 778px) { .make-grid .item-list { width: 33.33%; } }
@media (max-width: 540px) {
.make-grid .item-list { width: 50%; border-right: solid 1px var(--border-color) !important; }
.make-grid .category-list-wrapper .item-list:nth-child(2n+2) { border-right: none !important; } }
@media (max-width: 360px) {
.make-grid .item-list { width: 100%; border-right: none; } }
.make-grid .item-list .photobox, .make-grid .item-list .add-desc-box, .make-grid .item-list .price-box {
width: 100%; clear: both; display: block !important; -webkit-flex: auto;
-moz-box-flex: 1; flex: auto; max-width: 100%; }
.make-grid .item-list .add-desc-box { padding: 6px 0; }
.make-grid .item-list .price-box { text-align: left; padding-left: 0; padding-right: 0; }
/* pagination */
.pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem;
--bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: #fff; --bs-pagination-border-width: 1px;
--bs-pagination-border-color: #dee2e6; --bs-pagination-border-radius: 0.375rem;
--bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: #e9ecef;
--bs-pagination-hover-border-color: #dee2e6;
--bs-pagination-focus-color: var(--bs-link-hover-color);
--bs-pagination-focus-bg: #e9ecef; --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-pagination-active-color: #fff; --bs-pagination-active-bg: #0d6efd;
--bs-pagination-active-border-color: #0d6efd; --bs-pagination-disabled-color: #6c757d;
--bs-pagination-disabled-bg: #fff; --bs-pagination-disabled-border-color: #dee2e6;
display: flex; padding-left: 0; list-style: none; }
.pagination-bar { margin-top: 35px; display: block; }
.pagination-bar .pagination { margin-top: 0; }
.pagination-bar .pagination li a { color: #9a9a9a; border-color: #cfcfcf; }
.pagination-bar .pagination li a:hover { color: #000000; }
.pagination-bar .pagination li:last-child a { color: #414141; }
.pagination-bar .pagination li.active a { background-color: #f8f8f8; color: #000000;
border-color: #cfcfcf; cursor: default; font-weight: bold; }
/* post-promo */
.post-promo { margin-top: 15px; }
.post-promo h2 { padding-bottom: 10px; }
/* Ribbons */
.cornerRibbons { box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); left: -6%;
overflow: hidden; position: absolute; top: 20%;
-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg); transform: rotate(-45deg);
width: 200px; z-index: 2; -webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
.cornerRibbons a { color: #fff; display: block;
font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
font-size: 12px; font-weight: normal; text-align: center;
text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
text-transform: uppercase; border: 1px solid rgba(255, 255, 255, 0.1);
-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.cornerRibbons.topAds { background: #16A085; }
.cornerRibbons.urgentAds { background: #d9534f; }
.cornerRibbons.featuredAds a { background: #e4cb65; color: #fff; }
.make-grid .item-list .cornerRibbons { left: -30%; top: 7%; }
.make-compact .item-list .cornerRibbons { left: -15%; text-indent: -99999px; top: 18%; }
@media (max-width: 991px) {
.cornerRibbons { left: -10%; top: 19%; width: 170px; z-index: 2; }
.cornerRibbons { font-size: 11px; }
.make-compact .item-list .cornerRibbons { left: -20%; } }
@media (max-width: 767px) {
.cornerRibbons { left: -36px; top: 24px; width: 160px; }
.make-grid .item-list .cornerRibbons { left: -36px; top: 24px; }
.cornerRibbons { font-size: 11px; }
.make-compact .item-list .cornerRibbons { left: -100px; } }
/*************** TAB BOX ***************/
.tab-box { background: #f8f8f8; position: relative; }
.nav-tabs { --bs-nav-tabs-border-width: 1px; --bs-nav-tabs-border-color: #dee2e6;
--bs-nav-tabs-border-radius: 0.375rem; --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
--bs-nav-tabs-link-active-color: #495057; --bs-nav-tabs-link-active-bg: #fff;
--bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); }
@media (min-width: 768px) { .nav > li:hover > a:not(.btn) { background: none; } }
@media (min-width: 768px) { .nav > li > a:not(.btn):hover { background: none; } }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate;
border-color: var(--bs-nav-tabs-link-hover-border-color); }
.nav-tabs .nav-link { margin-bottom: calc(-1* var(--bs-nav-tabs-border-width));
background: none; border: var(--bs-nav-tabs-border-width) solid transparent;
border-top-left-radius: var(--bs-nav-tabs-border-radius);
border-top-right-radius: var(--bs-nav-tabs-border-radius);}
.nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); }
.nav-tabs.add-tabs > li > a, .nav-tabs.add-tabs > li.active > a, .nav-tabs.add-tabs > li.active > a:hover, .nav-tabs.add-tabs > li.active > a:focus {
border-radius: 0; padding-bottom: 15px !important; padding-top: 15px !important; \
margin-right: 0; font-size: 13px; }
.nav-tabs.add-tabs > li:hover > a { background: #EDEDED; }
.nav-tabs.add-tabs > li.active > a { border-left: solid 1px var(--border-color);
border-right: solid 1px var(--border-color); border-top: 1px solid #e6e6e6;
background: #fff; }
.nav-tabs.add-tabs > li.active > a:hover, .nav-tabs.add-tabs > li.active > a:active, .nav-tabs.add-tabs > li.active > a:focus {
border-bottom: solid 1px #fff; }
@media (min-width: 768px) { .nav > li.active { background: none; } }
@media (max-width: 991px) { .nav-tabs .badge { font-size: 11px; } }
@media (max-width: 767px) {
.nav-tabs.add-tabs > li > a { font-size: 12px; }
.nav-tabs .badge { display: none; }
.select-sort-by .selecter-options { font-size: 11px !important; } }
.nav-tabs.add-tabs > li:first-child > a { border-left: 1px solid transparent; }
@media (max-width: 767px) {
.navbar-site.navbar { background: #fff; border-radius: 0; height: auto;
margin-bottom: 0 !important; padding: 0; }
.navbar-site.navbar > .container { display: block; -webkit-justify-content: safe !important;
-moz-box-pack: safe !important; justify-content: safe !important; }
.navbar-site.navbar .navbar-collapse { padding: 15px; }
.navbar-site.navbar .navbar-identity { display: block; height: 80px; padding: 0 15px;
border-bottom: solid 1px #ddd; }
.navbar-site.navbar .navbar-identity .btn, .navbar-site.navbar .navbar-identity .navbar-toggler {
margin-top: 18px; padding: 0 10px; height: 40px; }
.navbar-site.navbar .nav > li, .navbar-site.navbar .nav > .nav-item { padding: 3px 0; }
.navbar-site.navbar .nav > li a:not(.btn), .navbar-site.navbar .nav > .nav-item a:not(.btn) {
color: #333; }
.navbar-site.navbar .nav > li .dropdown-menu > li, .navbar-site.navbar .nav > .nav-item .dropdown-menu > li {
font-size: 13px; }
.navbar-site.navbar .nav > li .dropdown-menu > li.active, .navbar-site.navbar .nav > .nav-item .dropdown-menu > li.active {
background: #eeeeee; font-weight: bold; color: #2a3744; }
.navbar-site.navbar button.flag-menu { display: inline-block; float: right;
position: relative; margin-right: 10px; }
.navbar-site.navbar button.flag-menu .flag-menu .flag-icon { width: 22px; height: 16px; } }
html[theme="dark"] .nav-tabs .nav-link.active, html[theme="dark"] .nav-tabs .nav-item.show .nav-link {
color: var(--text-color-meta);
background-color: var(--tab-box-bg);
border-color: var(--tab-box-active-bg) var(--tab-box-active-bg) var(--tab-box-bg); }
html[theme="dark"] .nav-tabs .nav-link.active .badge-secondary, html[theme="dark"] .nav-tabs .nav-item.show .nav-link .badge-secondary {
background: var(--background--lighter);
color: var(--text-color) !important;
border-color: var(--nav-border); }
@media (max-width: 767px) {
html[theme="dark"] .navbar-site.navbar .nav > li a:not(.btn), html[theme="dark"] .navbar-site.navbar .nav > .nav-item a:not(.btn) {
color: var(--link-color); }
html[theme="dark"] .navbar-site.navbar .nav > li .dropdown-menu > li.active, html[theme="dark"] .navbar-site.navbar .nav > .nav-item .dropdown-menu > li.active {
background: var(--background--lighter);
color: var(--text-color-light); } }
/* tab filter */
.tab-filter { position: absolute; right: 0; top: 0; }
@media (max-width: 767px) { .tab-filter { display: none; } }
.listing-filter { border-bottom: solid 1px var(--border-color); padding: 15px; }
.listing-filter.listing-filter-event { padding: 15px 0; display: -webkit-flex;
display: -moz-box; display: flex; -webkit-align-items: center;-moz-box-align: center;
align-items: center; }
.listing-filter.listing-filter-event .pull-left.col-6 { display: -webkit-flex;
display: -moz-box; display: flex; }
.listing-filter.listing-filter-event .btn-group.col { max-width: 125px; }
.listing-filter.listing-filter-event .breadcrumb-list { -webkit-align-self: center; align-self: center; }
.listing-filter.listing-filter-event .btn.btn-line { line-height: normal; }
.listing-filter.listing-filter-event .dropdown-menu .dropdown-item { font-size: .65rem; }
.breadcrumb-list { color: #888; font-size: 14px; font-weight: normal; line-height: 1.5;
margin-bottom: 0; padding-left: 8px; padding-right: 8px;}
.breadcrumb-list a.current { color: #000; font-weight: bold; margin-right: 5px; }
.dropdown-menu-modal { width: 100%; max-width: 400px; }
.listing-view-action span { color: #888; cursor: pointer; }
.listing-view-action span.active { color: #000; }
.dropup, .dropdown { position: relative; }
.dropdown-toggle::after { display: inline-block; width: 0; height: 0;
margin-left: 0.3em; vertical-align: middle; content: "";
border-top: 0.3em solid; border-right: 0.3em solid transparent;
border-left: 0.3em solid transparent; }
.dropdown-toggle:focus { outline: 0; }
.dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000;
display: none; float: left; min-width: 10rem; padding: 0.5rem 0;
margin: 0.125rem 0 0; font-size: 0.85rem; color: #292b2c; text-align: left;
list-style: none; background-color: #fff; background-clip: padding-box;
border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px rgba(110, 162, 173, 0.1); overflow: hidden; }
.dropdown-menu.dropdown-line { width: -webkit-calc(100% - 10px);
width: -moz-calc(100% - 10px); width: calc(100% - 10px); }
.dropdown-menu.dropdown-line.has-form .dropdown-item { font-size: 13px;
padding: 8px 12px; }
.dropdown-menu.dropdown-line.has-form .dropdown-item .custom-control {
display: -webkit-flex; display: -moz-box; display: flex;
-webkit-align-items: center; -moz-box-align: center;
align-items: center; }
.dropdown-menu.dropdown-line.has-form .dropdown-item a { font-size: 13px;
padding: 8px 12px; }
.dropdown-menu.dropdown-line > a { font-size: 13px; }
.dropdown-item { display: block; width: 100%; clear: both; font-weight: normal;
color: #292b2c; text-align: inherit; white-space: nowrap; background-color: transparent;
border: 0; }
.dropdown-item:focus, .dropdown-item:hover { color: #1d1e1f;
text-decoration: none; /* background-color: #f7f7f9; */ }
.dropdown-item.active, .dropdown-item:active { color: #fff !important;
text-decoration: none; background-color: #16A085; }
.dropdown-item.disabled, .dropdown-item:disabled { color: #636c72;
background-color: transparent; }
/* Customize bootstrap-select plugin */
.tab-filter .select-sort-by { margin-right: 15px; margin-top: 10px; min-width: 150px !important; }
@media (max-width: 575px) { .tab-filter .select-sort-by { display: none !important; } }
.tab-filter .selecter.bottom .selecter-options {bottom: auto !important; top: auto; }
.select-sort-by .selecter-selected { font-size: 12px; padding: 4.5px 15px; }
.tab-filter .selecter-item { padding: 8px 15px; font-size: 12px; }
/*************** Save Search ****************/
.save-search-bar { border-top: solid 1px var(--border-color); }
.save-search-bar:hover { background: #EDEDED; }
.save-search-bar a:focus { box-shadow: 0 3px 2px rgba(0, 0, 0, 0.05) inset; }
.save-search-bar a { display: block; font-weight: 500; padding: 10px 0; }
/* =============================================================== */
/* Login Page
/* =============================================================== */
.ctx-identification .bottom-container { align-items: flex-end;
display: flex; flex: 2; width: 100%; }
.ctx-identification #social-logins { margin-bottom: 24px; flex: 1;}
.mdc-touch-target-wrapper { display: inline; }
.ctx-identification #social-logins button span.mdc-button__label {margin: 0 auto; }
.mdc-button .mdc-button__label { position: relative; }
.mdc-button .mdc-button__touch { height: 48px; left: 0; position: absolute;
right: 0; top: 50%; transform: translateY(-50%); }
.ctx-identification #social-logins .facebook-blue { background: #1877f2 !important; }
.login-btn {
transition: background-color .3s, box-shadow .3s;
text-decoration: none;
padding: 12px 16px 12px 42px;
border: none;
border-radius: 3px;
box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
color: #757575;
font-size: 15px;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
background-color: white;
background-repeat: no-repeat;
background-position: 12px 11px;
display: inline-block;
}
.facebook-btn {background: #1877f2 !important; color: white; text-align: left;}
.facebook-img {float: left;margin-right: 5px;margin-left: 10px;margin-top: 4px;}
.google-btn {background: #d9d9d9 !important; color: black; text-align: left;}
.google-img {width: 22px;height: 22px;float:left;margin-right:5px;
margin-left: 10px;margin-top: 1px;display: block;-webkit-user-select: none;
background-color: hsl(0deg 0% 100%);transition: background-color 300ms;
padding: 2px;border-radius: 4px;}
.instagram{
}
.login-btn {
&:hover {
box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
}
}
.ctx-identification #social-logins button { cursor: pointer; }
.actions .mdc-touch-target-wrapper button { height: 45px; width: 100%; }
.login-box button span:nth-child(2) { top: -100%; right: 0; width: 2px;
height: 100%;}
.login-box button span { position: absolute; display: block; }
.mdc-button--raised {
--mdc-elevation-box-shadow-for-gss: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);
border-radius: 4px;
border-radius: var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
box-shadow: var(--mdc-protected-button-container-elevation, var(--mdc-elevation-box-shadow-for-gss));
font-family: Roboto, sans-serif;
font-family: var(--mdc-protected-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));
font-size: .875rem;
font-size: var(--mdc-protected-button-label-text-size, var(--mdc-typography-button-font-size, .875rem));
font-weight: 500;
font-weight: var(--mdc-protected-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));
height: 36px;
height: var(--mdc-protected-button-container-height, 36px);
letter-spacing: .0892857143em;
letter-spacing: var(--mdc-protected-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, .0892857143em));
text-transform: uppercase;
text-transform: var(--mdc-protected-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));
}
.mdc-button { border-radius: 4px;
border-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px));
font-family: Roboto, sans-serif;
font-family: var(--mdc-text-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));
font-size: .875rem;
font-size: var(--mdc-text-button-label-text-size, var(--mdc-typography-button-font-size, .875rem));
font-weight: 500;
font-weight: var(--mdc-text-button-label-text-weight, var(--mdc-typography-button-font-weight, 500));
height: 36px;
height: var(--mdc-text-button-container-height, 36px);
letter-spacing: .0892857143em;
letter-spacing: var(--mdc-text-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, .0892857143em));
text-transform: uppercase;
text-transform: var(--mdc-text-button-label-text-transform, var(--mdc-typography-button-text-transform, uppercase));
}
.mdc-button { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0;
--mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0;
--mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
will-change: transform, opacity; }
.mdc-button--raised { padding: 0 16px;
transition: box-shadow .28s cubic-bezier(.4,0,.2,1); }
.mdc-button { -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
padding: 0 8px; text-decoration: none;
-webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
text-decoration: var(--mdc-typography-button-text-decoration, none); }
.mdc-button--touch { margin-bottom: 6px; margin-top: 6px; }
.mdc-button { align-items: center; -webkit-appearance: none;
background: transparent; border: none; box-sizing: border-box;
display: inline-flex; justify-content: center; line-height: inherit;
min-width: 64px; outline: none; overflow: visible; position: relative;
-webkit-user-select: none; -moz-user-select: none; user-select: none;
vertical-align: middle; }
.mdc-button--raised .mdc-button__ripple { border-radius: 4px;
border-radius: var(--mdc-protected-button-container-shape, var(--mdc-shape-small, 4px));
}
.mdc-button .mdc-button__ripple { border-radius: 4px;
border-radius: var(--mdc-text-button-container-shape, var(--mdc-shape-small, 4px));
}
.mdc-button__ripple { bottom: 0; box-sizing: content-box; left: 0;
overflow: hidden; position: absolute; right: 0; top: 0; z-index: 0;}
.mdc-button--raised .mdc-button__ripple:after, .mdc-button--raised .mdc-button__ripple:before {
background-color: #442b2d;
background-color: var(--mdc-protected-button-hover-state-layer-color, var(--mdc-theme-on-primary, #442b2d));
}
.mdc-button .mdc-button__ripple:after, .mdc-button .mdc-button__ripple:before {
background-color: #f8982d;
background-color: var(--mdc-text-button-hover-state-layer-color, var(--mdc-theme-primary, #f8982d));
}
.mdc-button .mdc-button__ripple:after, .mdc-button .mdc-button__ripple:before {
height: 200%; left: -50%; top: -50%; width: 200%; }
.mdc-button .mdc-button__ripple:before {
transition: opacity 15ms linear, background-color 15ms linear;
z-index: 1; z-index: var(--mdc-ripple-z-index, 1);}
.mdc-button .mdc-button__ripple:after, .mdc-button .mdc-button__ripple:before {
border-radius: 50%; content: ""; opacity: 0; pointer-events: none;
position: absolute; }
/* =============================================================== */
/* Product Page
/* =============================================================== */
.col-thin-left { padding-left: 10px; }
.col-thin-right { padding-right: 10px; }
.ads-details-wrapper.inner-box { padding-bottom: 0; }
.page-content .inner-box { overflow: auto; padding: 0px; }
.inner-box.ads-details-wrapper { width: 100%; clear: both; }
.inner-box { background: #fff; border-radius: 7px; box-shadow: 0 0 20px rgba(110, 162, 173, 0.1);
margin-bottom: 0px; padding: 20px 15px;}
.__ps-to-header { top: 40px; position: -webkit-sticky; position: sticky; }
._6cl-4cm>.col { width: 16.6666666667%; }
@media (max-width: 576px) { ._6cl-4cm>.col { width: 60%; } }
._no-g>[class*=col] { padding-left: 0; padding-right: 0; }
.a._more { cursor: pointer; font-size: .875rem; color: #264996; background-color: transparent;
border:0;outline: 0px;}
.a._more:focus, .a._more:hover, a._more:focus, a._more:hover { outline: 0; -webkit-text-decoration: underline;
text-decoration: underline; }
.aim { position: relative; }
.aim>.hook { top: -57px; }
.aim>.hook { height: 100%; }
.aim>.hook { visibility: hidden; }
.aim>.hook { position: relative; }
.alert._nfo { background-color: #e9edf5; }#
.alert {align-items: center !important; display: flex !important; border-radius: 4px !important; padding: 8px !important; background-color: #f1f1f2 !important;}
.alert .msg { padding-left: 8px;}
.alert .tit { font-size: .875rem; font-weight: 700; color: #313133; }
.alert .text { padding-top: 2px; font-size: .75rem; color: #75757a;}
.alert._nfo .ic { fill: #264996 !important; }
.alert .ic { align-self: flex-start; flex-shrink: 0;}
.ibg { background: #d3d3d338; }
#jm .-b { font-weight: 700; }
#jm .-bb { border-bottom: 1px solid #f1f1f2; }
#jm .-bg-bl5 { background-color: #264996; }
#jm .-bg-gn5 { background-color: #6dbd28; }
#jm .-ba-gy1 { border: 1px solid #d4d4d6; }
#jm .-bg-gy1 { background-color: #d4d4d6; }
#jm .-bg-gy05 { background-color: #f1f1f2; }
#jm .-bg-or58 { background-color: #ff550c; }
#jm .-bg-rd5 { background-color: #b81a0a}
#jm .bdg._free { text-transform: uppercase; color: #6dbd28; background-color: #f0f8ea;}
#jm .-c-bet { align-content: space-between; }
#jm .-cp { cursor: pointer; }
#jm .-d-co { flex-direction: column; }
#jm .-d-co [class*=col] { flex-basis: auto; }
#jm .-db {display: block;}
#jm .-dif { display: inline-flex; }
#jm .-df { display: flex; }
#jm .-df .row { flex-wrap: wrap; flex: 0 1 auto; display: flex; margin-left: auto;
margin-right: auto; max-width: 1184px; width: 100%; }
#jm .-df, .row { display: flex; }
#jm .-df .card { box-shadow: 0 2px 5px 0 rgb(0 0 0 / 0%); border-radius: 4px;
background-color: #fff; }
html[theme="dark"] #jm .-df .card { background-color: #00000000; }
#jm .-elli { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#jm .-f-yl5 { fill: #f6b01e !important; }
#jm .-f-wt { fill: #fff !important; }
#jm .-fh { height: 100%; }
#jm .-fg1 { flex-grow: 1; }
#jm .-f1 { flex: 1; }
#jm .-fs0 { font-size: 0; }
#jm .-fs10 { font-size: .625rem; }
#jm .-fs12 { font-size: .75rem; }
#jm .-fs14 { font-size: .875rem; }
#jm .-fs16 { font-size: 1rem; }
#jm .-fs18 { font-size: 1.125rem; }
#jm .-fs20 { font-size: 1.25rem; }
#jm .-fs24 { font-size: 1.5rem; }
#jm .-fs29 { font-size: 1.8125rem; }
#jm .-fsh0 { flex-shrink: 0; }
#jm .-fw { width: 100%; }
#jm .-fw-w { flex-wrap: wrap; }
#jm .-fw-nw { flex-wrap: nowrap !important; }
#jm .-f-or5, .btn._def .ic { fill: #f68b1e !important; }
#jm .-hov-or5, #jm .-hov-or5:focus { color: #f68b1e !important; padding-left: 0px;
padding-right: 0px; border: 0px; background: #ffffff00; }
#jm .-gn7 { color: #4d861c;}
#jm .-gy5 { color: #75757a; }
#jm .-gy7 { color: #535357; }
#jm .-gy9 { color: #313133; }
#jm .-hr:before { height: 1px; background-color: #f1f1f2; content: ""; top: 0; right: 0; left: 0; position: absolute; }
#jm .-hr { position: relative; }
#jm .-hr h2 { margin: 0; padding: 0; }
#jm .-hr._bet~._bet:before, #jm .-hr:before { content: ""; }
html[theme="dark"] #jm .-hr:before { background-color: #464646a1; }
#jm .-hr._bet:before { content: none; }
#jm .-i-ctr { align-items: center; }
#jm .-lh-1 { line-height: 1; }
#jm .-ltr { direction: ltr; }
#jm .-j-bet { justify-content: space-between; }
#jm .-j-ctr { justify-content: center; }
#jm .-j-end { justify-content: flex-end; }
#jm .-lthr { -webkit-text-decoration: line-through; text-decoration: line-through; }
#jm .-lsn { list-style: none;}
#jm .-m { font-weight: 500; }
#jm .-m0a {margin: 0 auto;}
#jm .-mam { margin: 16px; }
#jm .-mas { margin: 8px; }
#jm .-maxxs { margin: 2px; }
#jm .-mbs { margin-bottom: 8px; }
#jm .-mbm { margin-bottom: 16px; }
#jm .-me-base { align-self: baseline; }
#jm .-me-end { align-self: flex-end; }
#jm .-me-start { align-self: flex-start; }
#jm .-mlm { margin-left: 16px; }
#jm .-mla { margin-left: auto; }
#jm .-mls { margin-left: 8px; }
#jm .-mlxl { margin-left: 32px; }
#jm .-mlxs { margin-left: 4px; }
#jm .-mh-48px { min-height: 48px; }
#jm .-mrxl { margin-right: 32px; }
#jm .-mhm { margin-left: 16px; }
#jm .-mhm { margin-right: 16px; }
#jm .-mhs { margin-left: 8px; margin-right: 8px; }
#jm .-mhxs { margin-left: 4px; margin-right: 4px; }
#jm .-mrs { margin-right: 8px; }
#jm .-mra { margin-right: auto; }
#jm .-mrm {margin-right: 16px;}
#jm .-mta { margin-top: auto; }
#jm .-mts { margin-top: 8px; }
#jm .-mtm { margin-top: 16px; }
#jm .-mtxs { margin-top: 4px; }
#jm .-mvm { margin-bottom: 16px; margin-top: 16px;}
#jm .-mvs { margin-bottom: 8px; margin-top: 8px; }
#jm .-mvxs { margin-bottom: 4px; margin-top: 4px; }
#jm .-mw-34 { min-width: 34px; }#jm .-oh { overflow: hidden; }
#jm .-oh { overflow: hidden; }
#jm .-oxa { overflow-x: auto; }
#jm .-out0 { outline: 0; }
#jm .-or5 { color: #f68b1e !important; }
#jm .-pas { padding: 8px !important; }
#jm .-paxs { padding: 4px !important; }
#jm .-pam { padding: 16px; padding-left: 16px; }
#jm .-pbm { padding-bottom: 16px; }
#jm .-pbl { padding-bottom: 24px; }
#jm .-pbs { padding-bottom: 8px; }
#jm .-pbxs { padding-bottom: 4px; }
#jm .-pea { pointer-events: all; }
#jm .-phm { padding-left: 16px; padding-right: 16px;}
#jm .-phs { padding-left: 8px; padding-right: 8px; }
#jm .-phs, .col6 { padding-right: 8px; }
#jm .-phxs { padding-left: 4px; padding-right: 4px; }
#jm .-pls { padding-left: 8px; }
#jm .-plm { padding-left: 16px; }
#jm .-plxs { padding-left: 4px; }
#jm .-prl { padding-right: 24px; }
#jm .-pr { position: relative; }
#jm .-prn { padding-right: 0; }
#jm .-prm {padding-right: 16px;}
#jm .-prs { padding-right: 8px; }
#jm .-prxs { padding-right: 4px; }
#jm .-ptl { padding-top: 24px; }
#jm .-ptm { padding-top: 16px; }
#jm .-pts { padding-top: 8px; }
#jm .-ptxs { padding-top: 4px;font-weight: normal; }
#jm .-ptxl { padding-top: 32px; }
#jm .-pvs { padding-bottom: 8px; padding-top: 8px; }
#jm .-pvxs { padding-bottom: 4px; padding-top: 4px; }
#jm .-pvl { padding-bottom: 24px; padding-top: 24px; }
#jm .-pvm { padding-bottom: 16px; padding-top: 16px; }
#jm .-sc { scrollbar-color: #d4d4d6 transparent; scrollbar-width: thin; }
#jm .-sc:hover { scrollbar-color: #a3a3a6 transparent; }
#jm .-sc:hover::-webkit-scrollbar-thumb { background-color: #a3a3a6; }
#jm .-sc::-webkit-scrollbar { height: 6px; width: 6px }
#jm .-sc::-webkit-scrollbar-track { background: transparent }
#jm .-sc::-webkit-scrollbar-thumb { background-color: #d4d4d6; order-radius: 3px }
#jm .-rad4 { border-radius: 4px; }
#jm .-tal { text-align: left; }
#jm .-tac { text-align: center; }
#jm .-tar { text-align: right; }
#jm .-upp { text-transform: uppercase; }
#jm .-ubpt { unicode-bidi: plaintext; }
#jm .-yl5 { color: #f6b01e; }
#jm .-yl7 { color: #af7d15; }
#jm .-wb-ba { word-break: break-all; }
#jm .-wht { color: #ffffff; }
#jm .row { flex-wrap: wrap; flex: 0 1 auto; display: flex; margin-left: auto;
margin-right: auto; max-width: 1184px; width: 100%;}
#jm p { margin: 0; padding: 0; }
#jm h2, h3, h4 { margin: 0; padding: 0; font-weight: 400; }
#jm input { border-radius: 0; }
#jm a._more { color: #264996; }
#jm li { margin: 0;padding: 0; }
#jm select { border-radius: 0; margin: 0; text-transform: none;}
.bdg { font-family: Roboto, Arial, Helvetica, sans-serif; align-items: center;
justify-content: center; display: inline-flex; border-radius: 2px; padding-left: 4px;
padding-right: 4px; min-height: 24px; font-size: .875rem; font-weight: 500; }
.bdg._sm { min-height: 20px; font-size: .75rem; }
.bdg._dsct { min-width: 40px; direction: ltr; color: #f68b1e; background-color: #fef3e9; }
.bdg._dsct:before { content: "-"; }
.bdg._dsct._sm { min-width: 32px; }
#jm .btn { cursor: pointer; outline: 0; border: 0; border-radius: 4px; padding: 16px;
font-size: .875rem !important; line-height: 1rem; text-align: center;
text-transform: uppercase; font-weight: 500;
font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
background-color: transparent; }
#jm .btn._i { align-items: center; display: flex; padding-bottom: 12px !important;
padding-top: 12px !important; }
#jm .btn._i span { margin: 0 auto; /* padding-right: 24px; */ }
#jm .btn._i._rnd { text-indent: 8px; padding: 0px !important;}
#jm .btn._i .ic { flex-shrink: 0; }
#jm .btn .ic { fill: #fff; }
#jm .btn:disabled { background-color: #a3a3a6 !important; color: #fff;}
#jm .ic { fill: #313133; }
html[theme="dark"] #jm .ic { fill: #ffffff; }
.nav-item .ic2 { fill: #313133; }
html[theme="dark"] .nav-item .ic2 { fill: #ffffff; }
/* #jm .btn { background-color: #555555 !important; }
html[theme="dark"] #jm .btn { background-color: #555555 !important; }*/
.btn._def, .btn._def._i { padding: 0 !important; }
.btn._def { border-radius: 0; padding: 0; position: relative; }
.btn._def._ti { align-items: center; display: inline-flex; text-indent: 8px; padding: 0px !important;}
.btn._def._i { padding: 0; }
.btn._def._i._rnd:after { border-radius: 50%; }
.btn._def:focus, .btn._def:hover { background-color: #fcdbb9 !important; }
.btn._def:focus:after, .btn._def:hover:after { border: 8px solid #fcdbb9;
border-radius: 4px; content: ""; bottom: -8px; top: -8px;
left: -8px; position: absolute; }
.btn._def:focus:after, .btn._def:hover:after, [data-bbl]._offs-r:after { right: -8px; }
.btn._def:hover { background-color: #fcdbb9; }
.btn._def._ti:focus:after, .btn._def._ti:hover:after { border-width: 4px 8px; bottom: -4px;
top: -4px; }
.btn._def:focus:after, .btn._def:hover:after { border: 8px solid #fcdbb9; border-radius: 4px;
content: ""; bottom: -8px; top: -8px; right: -8px; left: -8px; position: absolute; }
.btn._i { align-items: center; /* display: flex; */}
.btn._i span { margin: 0 auto; padding-right: 24px;}
.btn._i._md { padding-bottom: 8px; padding-top: 8px;}
.btn._md { padding-left: 16px; padding-right: 16px;}
.btn._prim { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2); transform: translateZ(0);
overflow: hidden; color: #fff; background-color: #f68b1e !important; position: relative; }
.btn._prim:focus, .btn._prim:hover { /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2),
background: radial-gradient(circle, #fff 10%, transparent 0) 50%; pointer-events: none;
transform: scale(10); opacity: 0; position: absolute; width: 100%; */
background-color: #e07e1b; inset 0 0 0 2px #af6315;
transition: transform 1s, opacity 1s;
content: ""; top: 0; left: 0; background-color: #e07e1b !important;}
.btn._prim:focus {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), inset 0 0 0 2px #af6315;}
.btn._prim:after { background: radial-gradient(circle, #fff 10%, transparent 0) 50%;
pointer-events: none; transition: transform 1s, opacity 1s; transform: scale(10);
opacity: 0; content: ""; top: 0; left: 0; position: absolute;}
.btn._sec { box-shadow: 0 0 0 1px #f68b1e; transform: translateZ(0); overflow: hidden;background-color: #fff;position: relative;}
.btn._sec:focus { box-shadow: 0 0 0 2px #f68b1e; }
.btn._sec:hover { background-color: #fef3e9; .4l4}
.btn._sec:after { background: radial-gradient(circle, #f68b1e 10%, transparent 0) 50%;pointer-events: none;transition: transform 1s, opacity 1s;
transform: scale(10);height: 100%;width: 100%;opacity: 0;content: "";top: 0;left: 0;position: absolute; }
.btn._sm { padding-left: 16px; padding-right: 16px;padding-top: 8px;font-size: .75rem;}
.btn._qty { display: inline-flex; }
.btn._slcart { height: 24px !important;margin: 0px 5px 0px 5px !important;}
._prim._qty.btn:disabled, .btn:disabled { background-color: #a3a3a6; }
._prim.btn:disabled { box-shadow: none; }
._qty3 { height: 24px !important;line-height: 23px !important;
width: 24px !important;border-radius: 4px; }
#jm ._qty { pointer-events: all; flex-shrink: 0;}
#jm ._qty { display: inline-flex; }
#jm .-w-32 { width: 32px; }
#jm .-lh-1 { line-height: 1; }
#jm .-tac { text-align: center; }
#jm .-f1 { flex: 1; }
.btn._rnd { border-radius: 99px; }
.btn._sm { padding-left: 16px !important; padding-bottom: 8px !important;
padding-right: 16px !important; padding-top: 8px !important;
font-size: .75rem !important; text-transform: none !important; color: #fff; }
.btn._rmvcart { color: black; }
html[theme="dark"] .btn._rmvcart { color: white; }
.bdg { font-family: Roboto, Arial, Helvetica, sans-serif; align-items: center; justify-content: center; display: inline-flex;
border-radius: 2px;padding-left: 4px;padding-right: 4px; min-height: 24px;font-size: .875rem;font-weight: 500;}
.bdg._xs { min-height: 18px; font-size: .625rem;}
.bdg._dfl { text-transform: uppercase; color: #75757a; background-color: #f1f1f2;}
.bdg._o-st { text-transform: uppercase;color: #fff; }
.brd-btn._rnd { display: flex; border: 1px solid #313133; border-radius: 99px; }
.brd-btn._rnd, .prd .btn._wslt { padding: 4px; }
.brd-btn._rnd:focus, .brd-btn._rnd:hover { outline: 0 !important; }
.brd-btn._rnd:focus, .brd-btn._rnd:hover { border-color: #f68b1e !important; }
.brd-btn._rnd:focus, .brd-btn._rnd:hover { color: #f68b1e !important; }
.brd-btn._rnd:focus .ic, .brd-btn._rnd:hover .ic { fill: #f68b1e !important; }
.brd-btn { cursor: pointer; text-transform: uppercase; font-weight: 500;color: #fff; }
.card2 { box-shadow: 0 0 1px rgb(0 0 0 / 63%), 0 1px 3px rgb(0 0 0 / 63%) !important;
margin-bottom: 1rem !important; }
.card-b { border: 1px solid #d4d4d6; border-radius: 4px; }
.card-b .hdr { border-bottom: 1px solid #d4d4d6; }
.cola { flex-grow: 1; padding-left: 8px; padding-right: 8px; max-width: 100%; }
.col4 { flex-basis: 25%; max-width: 25%; min-width: 25%; width: 25%;
padding-left: 8px; padding-right: 8px; }
.col6 { flex-basis: 37.5%; max-width: 37.5%; min-width: 37.5%; width: 37.5%;
padding-left: 8px; padding-right: 8px; }
.col8 { flex-basis: 50%; max-width: 50%; min-width: 50%; width: 50%;
padding-left: 8px; padding-right: 8px; }
.col10 { flex-basis: 62.5%; max-width: 62.5%; min-width: 62.5%; width: 62.5%;
padding-left: 8px; padding-right: 8px; }
.col12 { flex-basis: 75%; max-width: 75%; min-width: 75%; width: 75%;
padding-left: 8px; padding-right: 8px; }
.col16 { flex-basis: 100%; max-width: 100%; min-width: 100%; width: 100%;
padding-left: 8px; padding-right: 8px; }
.crs label { margin-bottom: 0rem !important; }
.crs { -webkit-overflow-scrolling: touch;}
.crs { scroll-behavior: smooth; scroll-snap-type: x mandatory;
scroll-snap-type: mandatory; -webkit-scroll-snap-type: mandatory;}
#jm .-fw-nw, .cms .tabs>label, .crs { flex-wrap: nowrap;}
.crs-w { overflow: hidden; position: relative; }
.crs-w .c-btn._dis { cursor: default; }
.crs-w .c-btn { z-index: 30; cursor: pointer; outline: 0; transform: translate3d(0, -50%, 0);
font-size: 0; top: 50%; position: absolute; }
.crs-w .crs::-webkit-scrollbar { -webkit-appearance: none; display: none }
.crs-w .crs { -webkit-user-select: none; -moz-user-select: none; user-select: none;
scrollbar-width: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none;
scroll-snap-type: x mandatory; display: flex; overflow-x: scroll; }
.crs-w .crs, html { scroll-behavior: smooth; }
.crs-w .crs>.itm { /* scroll-snap-align: start; */ flex-shrink: 0; display: flex; }
.crs-w .itm-sel { cursor: pointer; border: 1px solid transparent; outline: 0;
border-radius: 2px; width: 100%; }
.crs-w .itm-sel img { border-radius: 2px; }
.crs-w .itm-sel._on, .crs-w .itm-sel:focus { border: 1px solid #f68b1e; }
.crs-w._main .c-btn._prev { left: 8px; }
.crs-w._main .c-btn { border-radius: 99px; padding: 8px; opacity: 0;
background-color: rgba(49, 49, 51, .5); }
.crs-w._main .c-btn .ic { fill: #fff; }
.crs-w._main .c-btn._next { right: 8px; }
.crs-w._main .c-btn:not(._dis):hover { background-color: #75757a; }
.crs-w._main:hover .c-btn:not(._dis) { opacity: 1; }
.crs-w._main .c-btn._hid { display: none; }
.crs-w._nav:before { content: ""; }
.crs-w._nav:after { content: ""; }
.crs-w._gal { display: flex; }
.crs-w._gal:before { padding-left: 24px; }
.crs-w._gal .itm { padding-left: 4px; padding-right: 4px; }
.crs-w._gal .c-btn._prev { left: 0; }
.crs-w._gal .c-btn._dis .ic { fill: #a3a3a6; }
.crs-w._gal .c-btn .ic { fill: #313133; }
.crs-w._gal .c-btn._next { right: 0; }
.crs-w._gal:after { padding-left: 24px; }
.crs-w._gal._m .itm { width: 48px; height: 40px; }
.crs-w button { -webkit-appearance: button; padding: 0; border: 0; margin: 0; text-transform: none;
font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
overflow: visible; background-color: transparent; }
.ic-bg { align-items: center; justify-content: center; display: flex; border-radius: 50%;
font-size: 0; }
.markup em { font-style: normal; }
.prd._box { flex-direction: column; display: flex; border-radius: 4px; margin: 4px;
padding-bottom: 8px; width: 100%; line-height: 1; overflow: hidden;}
.prd._box .core { flex-direction: column; flex-grow: 1; display: flex; outline: 0; width: 100%; }
.prd._box .core .img { height: auto; width: 100%; display: block; }
.prd._box .name { padding-left: 8px; padding-bottom: 4px; padding-right: 8px;
padding-top: 8px; font-size: .875rem; text-overflow: ellipsis; white-space: nowrap;
overflow: hidden; }
.prd._box .name2 { padding-left: 4px;padding-bottom: 4px;padding-right: 4px;
padding-top: 8px; font-size: .875rem; text-overflow: ellipsis; white-space: nowrap;
overflow: hidden; }
.prd._box .prc { padding-left: 8px; padding-right: 8px; padding-top: 4px; font-size: 1rem;
text-align: left; font-weight: 500; unicode-bidi: plaintext; }
.prd._box .prc[data-oprc]:after { content: attr(data-oprc); padding-top: 4px;
font-size: .75rem; -webkit-text-decoration: line-through;
text-decoration: line-through; font-weight: 400; display: block; color: #75757a;}
.prd._box ._dsct { top: 8px; right: 8px; position: absolute; }
@media (max-width: 767px) { .prd._box { overflow: visible;} }
.prd._cl { margin-left: 16px; margin-right: 16px; padding-bottom: 16px; padding-top: 16px; }
.prd._cl .core { padding: 0; }
.prd._cl+._cl { border-top: 1px solid #d4d4d6; }
html[theme="dark"] .prd._cl+._cl { border-top: 1px solid #3d3d41;}
._cl .core { display: flex; outline: 0; padding: 16px;}
.prd._cl .img-c { align-self: baseline; width: 72px;}
._cl .img-c { flex-shrink: 0; border-radius: 4px; overflow: hidden; position: relative;}
._cl .img-c .img { height: auto; width: 100%; display: block;}
.prd._cl .main { padding-left: 16px; padding-right: 16px;min-width: 0;width: 100%;}
.prd._cl .ft { padding-top: 4px; }
._cl .ft { flex-wrap: wrap; align-items: center;display: flex; margin-top: auto;padding-top: 8px;}
._cl .xprss { flex-shrink: 0; margin-right: 8px; margin-top: 4px; }
.prd._cl .sd { min-width: 30%; width: 30%; flex-shrink: 0;}
._cl .sd .prc { font-size: 1.25rem; text-align: right; font-weight: 500;}
.prd .prc { unicode-bidi: plaintext; }
._cl .sd .s-prc-w { align-items: center; justify-content: flex-end;display: flex;padding-top: 4px;}
._cl .sd .old { font-size: 1rem; -webkit-text-decoration: line-through;
text-decoration: line-through;color: #75757a;}
.prd .old { unicode-bidi: plaintext; }
._cl .sd ._dsct { margin-left: 8px; -webkit-text-decoration: none;
text-decoration: none;}
.bdg._dsct { min-width: 40px; direction: ltr;color: #f68b1e;background-color: #fef3e9;}
.bdg._dsct:before { content: "-"; }
.prd._cl .name { font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
@supports (-webkit-line-clamp:2) {
.prd._cl .name{ display: -webkit-box; white-space: normal;
-webkit-box-orient: vertical; -webkit-line-clamp: 2; } }
.prd._cl .bt { align-items: center; display: flex; padding-top: 8px;}
.prd { background-color: #f2f2f2; position: relative; box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
margin-bottom: 1rem;}
.prd._artcart { background: #fff !important; box-shadow: 0 0 1px rgb(0 0 0 / 0%), 0 1px 3px rgb(255 255 255 / 0%) !important;}
html[theme="dark"] .prd._artcart { background: #00000000 !important; box-shadow: 0 0 1px rgb(0 0 0 / 0%), 0 1px 3px rgb(255 255 255 / 0%) !important;}
._headcart { fill: red !important; margin-bottom: 2px !important;box-shadow: 0 0 1px rgb(0 0 0), 0 1px 3px rgb(0 0 0 / 36%) !important;}
.btn._headcart:focus, .btn._headcart:hover {color:black !important; background-color: #d1d1d1 !important; }
html[theme="dark"] ._headcart { fill: orangered !important; color:white; box-shadow: 0 0 1px rgba(0, 0, 0), 0 1px 3px rgba(0, 0, 0) !important;}
html[theme="dark"] .btn._headcart:focus {color:white !important; background-color: #424141 !important; }
html[theme="dark"] .btn._headcart:hover {color:white !important; background-color: #424141 !important; }
html[theme="dark"] .dropdown-divider { border-top: 1px solid #4a4a4a;}
html[theme="dark"] .dropdown-header { color: #ffffff; }
.markup em { font-style: normal; font-weight: 500; }
.markup p { padding-bottom: 8px; }
.markup p { padding-top: 8px; }
.markup img { margin: 0 auto; max-width: 100%; display: block; }
.markup ul { padding-left: 16px; }
.meter { background-position: 0; border-radius: 4px; width: 100%; font-size: 0;
background-color: #d4d4d6; }
.meter._s { padding-top: 8px; }
.s-menu { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05); flex-direction: column; display: flex;
border-radius: 4px; overflow: hidden; background-color: #fff; }
html[theme="dark"] .s-menu .m-itm[data-visible=true]~.m-itm { background-color: #262626;}
html[theme="dark"] .s-menu .m-itm[data-visible=true] {
background-color: #35353d;}
html[theme="dark"] .s-menu .m-itm[data-visible=true]~.m-itm:hover {
background-color: #3b3b3b;}
html[theme="dark"] .s-menu._sep .m-itm:not(:first-child) { border-top: 1px solid #060607; }
html[theme="dark"] a:hover { color: #FFC107; text-decoration: none; }
html[theme="dark"] #jm .-bb { border-bottom: 1px solid #4f4f4f8f; }
html[theme="dark"] #jm .-bg-gy05 { background-color: #4c4c53c7; }
html[theme="dark"] .prd { background-color: #323232; }
html[theme="dark"] .s-menu { background-color: #030303; }
html[theme="dark"] .bgimg { opacity: 0.1;}
html[theme="dark"] .bgimgsd { background-image: url("../img/icn/descriptions25w.png") !important; object-fit: cover;}
html[theme="dark"] .bgimgss { background-image: url("../img/icn/specifications25w.png") !important; object-fit: cover;}
html[theme="dark"] .bgimgsc { background-image: url("../img/icn/chat25w.png") !important; object-fit: cover;}
footer .f-t { text-transform: uppercase; }
.-i-start { align-items: flex-start; }
#jm .-phl { padding-left: 24px; padding-right: 24px; }
.brd-btn._sqr { border: 1px solid #fff; border-radius: 4px; padding: 16px;
font-size: .75rem; line-height: 1.2; background-color: transparent; }
#jm .-dif { display: inline-flex; }
.lbl { color: #c4c4c4 !important; font-size: .75rem;}
.cb { z-index: -1; margin-top: 8px; position: absolute; }
.cb+.lbl { align-items: center; display: inline-flex; margin-right: 4px;
min-height: 24px; font-size: .875rem; color: #313133 !important; position: relative; }
.cb+.lbl:after { display: flex; border: 2px solid #a3a3a6; border-radius: 2px;
height: 18px; width: 18px; background-color: transparent; color: #fff;
content: ""; top: 3px; left: -29px; position: absolute; }
.cb+.lbl:before { left: -29px; top: 12px; transform: translate3d(-11px, -50%, 0);border-radius: 50%; height: 40px; width: 40px;
background-color: #fcdbb9;position: absolute;
}
.cb+.lbl:active:before { background-color: #f68b1e;opacity: .4;
}
.cb+.lbl:active:before, .cb+.lbl:after, .cb+.lbl:focus:before, .cb+.lbl:hover:before, .cb:active+.lbl:before.cb:active+.lbl:before, .cb:focus+.lbl:before {
content: "";
}
.cb:checked+.lbl:after {
border: 0; background-color: #f68b1e;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' style='isolation:isolate'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='none' d='M0 0h18v18H0z'/%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M6.894 14.486 1.629 9.221l1.485-1.485 3.78 3.77 7.992-7.992 1.485 1.495z'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 50%;
}
._ic .fi { padding-left: 48px; }
.fi~.ic { fill: #a3a3a6; top: 20px; left: 16px; position: absolute; }
.fi { -webkit-appearance: none; -moz-appearance: none; appearance: none;
box-shadow: none; border: 1px solid #a3a3a6; outline-offset: -2px;
border-radius: 4px !important; padding-bottom: 10px; padding-top: 10px;
padding-left: 16px; padding-right: 16px; height: 40px; width: 100%;
font-size: 1rem; font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
color: #313133; }
.fi:focus { outline: 1px solid #f9b168; border-color: #f9b168; }
.fi+.lbl { padding-left: 4px; padding-right: 4px;max-width: calc(100% - 32px);white-space: nowrap;font-weight: 500 !important;overflow: hidden;
color: #75757a !important;background-color: #fff;top: 0;left: 16px;position: absolute;}
.fi._fks { min-width: calc(32px + 5ch);line-height: .9;border-color: transparent; }
.fi-w { flex-direction: column; display: flex; padding-top: 8px; min-height: 50px;
font-size: 0; line-height: 1.4; position: relative; }
.fi-w._cb { flex-wrap: wrap; flex-direction: row; padding-left: 32px;
min-height: auto; }
.fi-w._cb>:last-child, .ta { margin-bottom: 24px; }
.fi-w._n-er { padding-bottom: 8px; min-height: auto; }
.fi-w._rad { min-height: auto; }
.fk-rad:hover:before { content: ""; }
.fk-rad:before { left: 3px; top: 12px; transform: translate3d(-11px, -50%, 0); border-radius: 50%;height: 40px;width: 40px;background-color: #fcdbb9;position: absolute;}
.fk-rad { align-items: center; display: flex; margin-bottom: 4px;margin-top: 4px;padding-left: 32px;min-height: 24px;position: relative;}
.fk-rad:after { display: flex; border-radius: 50%;border: 2px solid #a3a3a6;height: 20px;width: 20px;background-color: transparent;color: #fff;content: "";top: 2px;left: 2px;position: absolute;}
.fk-rad._chk:after { box-shadow: inset 0 0 0 3px #fff; border-color: #f68b1e;background-color: #f68b1e;}
fieldset { border: 0; margin: 0; padding: 0; display: block; min-inline-size: min-content; margin-inline: 2px;
border-width: 2px; border-style: groove; border-color: threedface; border-image: initial;
padding-block: 0.35em 0.625em; padding-inline: 0.75em;border-style: none !important; }
legend { margin: 0;padding: 0; display: block; unicode-bidi: isolate; padding-inline: 2px; }
.rad:focus-visible { outline: none; outline-offset: 0; }
.rad { z-index: -1;margin-top: 8px;position: absolute; }
.rad~.lbl { align-items: center; display: inline-flex; padding-left: 32px; min-height: 24px; font-size: .875rem; color: #313133; position: relative; }
.rad:active~.lbl:before, .rad:focus~.lbl:before { content: ""; }
.rad~.lbl:before { left: 3px; top: 12px; transform: translate3d(-11px, -50%, 0); border-radius: 50%;height: 40px;width: 40px;background-color: #fcdbb9;position: absolute;}
.rad:checked~.lbl:after { box-shadow: inset 0 0 0 3px #fff; border: 2px solid #a3a3a6 ; border-color: #f68b1e !important; background-color: #f68b1e !important; display: flex; border-radius: 50%;
height: 20px;width: 20px;background-color: transparent;color: #fff;content: "";top: 2px;left: 2px;position: absolute;}
.rad~.lbl:after { display: flex;border-radius: 50%;border: 2px solid #a3a3a6;height: 20px;width: 20px;background-color: transparent;color: #fff;
content: "";top: 2px;left: 2px;position: absolute; }
.rate { width: 510px;flex-direction: row-reverse; display: inline-flex; padding-right: 255px;background-color: #fff;}
.rate .star { cursor: pointer; transition: all .2s ease-out; background: inherit;padding-left: 8px;padding-right: 8px;}
.rate .ri:checked~.star svg { fill: #f6b01e !important; }
.rate .star svg { fill: #d4d4d6 !important; }
.rate .star:hover:before, .rate._btns .star:focus:before { content: attr(data-msg); }
.rate .star:before { z-index: 30; background: inherit; padding-left: 8px;padding-bottom: 8px;padding-right: 8px;padding-top: 8px;width: 50%;height: 100%;
font-size: 1rem;font-weight: 500;right: 0;position: absolute;}
.rate .star[data-msg]:hover svg.ic { fill: #f9ca68 !important; }
.rate .star:active svg { animation: p .5s; }
.rate .ri:checked+.star:after {content: attr(data-msg);}
.rate .star:after {z-index: 10;background: inherit;padding-left: 8px;padding-bottom: 8px;padding-right: 8px;padding-top: 8px;width: 50%;height: 100%;
font-size: 1rem;font-weight: 500;right: 0;position: absolute;}
.rate .star[data-msg]:hover svg.ic, .rate .star[data-msg]:hover~.star svg.ic { fill: #f9ca68 !important; }
.rate .ri {z-index: -1;position: absolute;}
.s-menu .m-itm { align-items: center; display: flex; padding: 16px; }
.s-menu .m-itm>.ic { flex-shrink: 0; margin-right: 16px; }
.s-menu .m-itm:hover, .s-menu .m-itm[data-visible=true], .s-menu .m-itm[data-visible=true]~.m-itm:hover {
font-weight: 500; }
.s-menu .m-itm[data-visible=true] { background-color: #d4d4d6; }
.s-menu .m-itm[data-visible=true]~.m-itm { font-weight: 400; }
.s-menu .m-itm[data-visible=true]~.m-itm { background-color: #fff; }
.s-menu .m-itm[data-visible=true]~.m-itm:hover { background-color: #f1f1f2; }
.s-menu .m-itm._wic { padding-bottom: 12px; padding-top: 12px; }
.s-menu .m-itm._sic { padding-bottom: 6px; padding-top: 6px; }
.s-menu .m-itm:hover { background-color: #f1f1f2; }
.s-menu .m-itm._act, .s-menu .m-itm[data-visible=true] { background-color: #d4d4d6; }
.s-menu .m-itm._act,.s-menu .m-itm:hover,.s-menu .m-itm[data-visible=true],.s-menu .m-itm[data-visible=true]~.m-itm:hover {
font-weight: 500; }
.s-menu._sep .m-itm:not(:first-child) { border-top: 1px solid #d4d4d6; }
.sel { --ac: #75757a;
background: linear-gradient(45deg, transparent 40%, var(--ac) 50%) no-repeat top 15px right 30px / 6px 5px, linear-gradient(135deg, var(--ac) 50%, transparent 60%) no-repeat top 15px right 25px / 6px 5px;
-webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none;
border: 1px solid #a3a3a6; outline-offset: -2px; border-radius: 4px !important; padding-right: 40px;
padding-left: 16px; height: 40px; width: 100%; font-size: 1rem;
font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
display: block; color: #313133;
}
.sel:focus { --ac: #f6b01e; outline: 1px solid #f9b168; border-color: #f9b168; }
.sel:required option[value=""][disabled] { display: none; }
.sel+.lbl {padding-left: 4px;padding-right: 4px;max-width: calc(100% - 32px);white-space: nowrap;font-weight: 500;overflow: hidden;color: #75757a;background-color: #fff;
top: 0;left: 16px;position: absolute; }
.sldr { --slider-width: 1168px; }
.sldr { -webkit-user-select: none; -moz-user-select: none; user-select: none;
justify-content: center; display: flex; position: relative; }
.sldr>.sld { visibility: hidden; position: absolute; }
.sldr>.itm { display: flex; height: 100%; width: 100%; top: 0; left: 0; position: absolute; }
.sldr._img>.sld:checked+.itm { z-index: 10; opacity: 1; }
.sldr._img .itm { opacity: 0; transition: opacity .5s; }
.sldr._prod { padding-top: 100%; }
.sldr._prod>.itm { cursor: zoom-in; height: auto; }
.sldr input { border-radius: 0; margin: 0; }
.starsy { color: #f6b01e; padding-right: 5px; font-size: 18px;}
.starslg { color: #c7c7cd; padding-right: 5px; font-size: 18px;}
.stars { flex-shrink: 0; font-size: 0; position: relative; }
.stars:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='%23c7c7cd'%3E%3Cpath d='m8.58.38 1.35 2.86c.1.2.28.34.49.37l3.03.46c.53.08.74.77.35 1.16l-2.19 2.23a.7.7 0 0 0-.18.6l.52 3.15c.09.55-.47.97-.94.71l-2.7-1.49a.62.62 0 0 0-.61 0L5 11.93c-.48.25-1.04-.17-.95-.72l.52-3.15a.7.7 0 0 0-.18-.6l-2.2-2.23c-.38-.4-.17-1.08.36-1.16l3.03-.46c.21-.03.4-.17.49-.37L7.42.38c.24-.5.92-.5 1.16 0'/%3E%3C/svg%3E") }
.stars:before { background-repeat: repeat-x; background-size: contain; height: 100%;
width: 100%; content: ""; top: 0; left: 0; position: absolute; }
.stars._al._m .in { left: -3px; }
.stars._al._m:before { left: -3px; }
.stars._m { width: 106px; height: 16px; }
.stars .in { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='%23f6b01e'%3E%3Cpath d='m8.58.38 1.35 2.86c.1.2.28.34.49.37l3.03.46c.53.08.74.77.35 1.16l-2.19 2.23a.7.7 0 0 0-.18.6l.52 3.15c.09.55-.47.97-.94.71l-2.7-1.49a.62.62 0 0 0-.61 0L5 11.93c-.48.25-1.04-.17-.95-.72l.52-3.15a.7.7 0 0 0-.18-.6l-2.2-2.23c-.38-.4-.17-1.08.36-1.16l3.03-.46c.21-.03.4-.17.49-.37L7.42.38c.24-.5.92-.5 1.16 0'/%3E%3C/svg%3E") }
.stars .in {
background-repeat: repeat-x; background-size: contain; height: 100%; top: 0;
left: 0; position: absolute; }
.stpr { width: 70%; color: #313133;}
.stpr .stp:not(:last-child) { min-height: 50px; }
.stpr .stp {position: relative;}
.stpr .stp .hd {display: flex; }
.stpr .stp .circ { height: 24px; width: 24px; align-items: center;justify-content: center;flex-shrink: 0;display: flex;border-radius: 50%;border: 2px solid #fff;
margin-right: 16px;background-color: #6e85b9;}
.stpr .stp .bdg { background-color: #6e85b9; }
.stpr .bdg { align-self: center;margin-bottom: 1px;margin-top: 1px;}
.stpr .stp .align { margin-left: 40px;}
.stpr .stp .sub { padding-bottom: 8px; padding-top: 8px;font-size: .75rem;color: #535357;}
.stpr .stp:not(:last-child):after { content: ""; }
.stpr .stp:after { left: 11px; top: 24px; border-left: 2px solid #6e85b9 !important; border: 0;bottom: 0;position: absolute;}
.bdg._sm {min-height: 20px; font-size: .75rem;}
.bdg._o-st { text-transform: uppercase;color: #fff;}
.bdg {font-family: Roboto, Arial, Helvetica, sans-serif;align-items: center;justify-content: center;display: inline-flex;border-radius: 2px;padding-left: 4px;padding-right: 4px;
font-size: .875rem;font-weight: 500;}
svg[Attributes Style] { width: 24; height: 24; }
svg:not(:root) { overflow-clip-margin: content-box; overflow: hidden; }
.ta { -webkit-appearance: none; -moz-appearance: none; appearance: none;box-shadow: none;border: 1px solid #a3a3a6;outline-offset: -2px;border-radius: 4px;
margin-bottom: 24px;padding-left: 16px;padding-bottom: 4px;padding-right: 16px;padding-top: 16px;height: 175px;width: 100%;font-size: 1rem;
font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
color: #313133;
}
.ta:focus { outline: 1px solid #f9b168; border-color: #f9b168;}
.ta:focus+.lbl { color: #f68b1e;}
.ta+.lbl { padding-left: 4px; padding-right: 4px;max-width: calc(100% - 32px);white-space: nowrap;font-weight: 500;overflow: hidden;color: #75757a;background-color: #fff;
top: 0; left: 16px;position: absolute;}
#jm ._bot.-hr:before {bottom: 0; top: auto;}
.tab._def { text-transform: uppercase; font-weight: 500;color: #75757a;display: flex; }
.tab { display: flex; }
.tab .flap { align-items: center; justify-content: center;display: flex; padding-left: 16px;padding-right: 16px;height: 48px;}
.tab ._actv { border-bottom: 2px solid #f68b1e; font-weight: 500;color: #f68b1e;}
.tab ._actv, .tab .flap:focus, .tab .flap:hover { color: #f68b1e; }
.var-w { flex-wrap: wrap; display: flex; padding-bottom: 24px; font-size: .75rem;
position: relative; }
.var-w .vi { z-index: -1; position: absolute; }
.var-w .vi:checked+.vl { border-color: #f68b1e; color: #f68b1e; }
.var-w .vl { border: 1px solid #d4d4d6; border-radius: 2px; margin: 4px; padding: 8px;
min-width: 40px; text-align: center; font-weight: 500; }
._inpQty { background: white !important; display: block; height: 30px !important;! }
html[theme="dark"] ._inpQty { background: #262626 !important; color:#fff;}
.-zi1 {z-index: 10; }
/* =============================================================== */
/* Add to Cart Button
/* =============================================================== */
@media (max-width: 1200px) {
.item-list .an_productattributes-qty-add .an_productattributes-add {flex-direction: column; }
.item-list .an_productattributes-qty-container { margin: 0 0 10px; max-width: 100%;
width: 100%; padding: 0; }}
/* .item-list .price-box .an_productattributes { align-self: flex-end;width: 100%; }
@media (min-width: 992px) {
.item-list .an_productattributes { transform: translateY(-100%);
transition: all .3s; opacity: 0; } }
@media (min-width: 992px) {
.item-list .an_productattributes { position: absolute;
top: 100%; left: -10px; right: -10px; width: calc(100% + 20px) !important;
margin-top: -10px; padding: 18px 27px 10px; } }
@media (min-width: 992px) {
.item-list .item-box:hover .an_productattributes {
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; } }
@media (min-width: 992px) {
.item-list .item-box:hover .an_productattributes {
transform: translateY(0); opacity: 1; } } */
@media (max-width: 991px) {
.an_productattributes-add-to-cart-btn { width: 100% !important; }
.an_productattributes-add-to-cart-btn svg { display: none; }
.an_productattributes-qty-add .an_productattributes-add {
flex-direction: column!important; position: static!important;
margin-top: 0!important; }
.item-list .an_productattributes-qty-container { width: 100%; margin: 0 0 10px; }
.item-list .an_productattributes-qty { width: calc(100% - 54px); }
.an_productattributes { margin-top: 10px; }
}
@media (max-width: 600px) {
.item-list .an_productattributes-qty-add .an_productattributes-add {
flex-direction: column!important; position: static!important;
margin-top: 0!important; }
.item-list .an_productattributes-qty-add .an_productattributes-qty-container {
margin-bottom: 10px!important; padding: 0; max-width: 100%; width: 100%; }
}
@media (max-width: 580px) {
.an_productattributes-qty-add .an_productattributes-add { flex-direction: column!important;
position: static!important; margin-top: 0!important; }
.an_productattributes-qty-add .an_productattributes-qty-container {
margin-bottom: 10px!important; padding: 0; max-width: 100%; width: 100%; }
.an_productattributes-add-to-cart-btn { max-width: 100% !important;
min-width: unset!important; }
}
@media (min-width: 581px) { .an_productattributes { padding: 10px 0; } }
@media (max-width: 580px) {
.item-list .an_productattributes { margin: 10px auto 0; }
.item-list .an_productattributes .product-variants-item { align-items: center; }
.item-list ul.an_productattributes-group { margin: 0 auto; }
}
@media (max-width: 580px) {
.item-list .an_productattributes-qty-add { flex-direction: column; }
.item-list .an_productattributes-qty-container {
flex: auto; margin-bottom: 10px; padding: 0; width: 100%; }
}
@media (max-width: 580px) {
.item-list .an_productattributes { align-self: flex-end; }
}
.an_productattributes select,
.an_productattributes .an_pa_product-variants>.product-variants-item,
.an_productattributes .an_pa_product-variants>.product-variants-item select {
overflow: hidden; }
.item-list .an_productattributes .product-variants-item { align-items: flex-start; }
.an_productattributes .an_pa_product-variants>.product-variants-item select {
cursor: pointer; color: #000; border: 0; border-radius: 5px;
background-color: #ececec!important; font-size: 14px; font-weight: normal;
width: 100%; box-shadow: none; height: 40px; padding: 0px 30px 0px 15px; }
.an_productattributes .an_pa_product-variants>.product-variants-item { margin: 0 0 10px; }
.an_productattributes .an_pa_product-variants>.product-variants-item ul li {margin: 0px 5px; }
.an_pa_product-variants>.product-variants-item .color { width: 24px; height: 24px;
border-radius: 50%.js-an_productattributes-standart .product-variants-item { display: flex;
flex-direction: column; align-items: center; }
; }
.an_productattributes .an_pa_product-variants>.product-variants-item ul li {
display: flex; margin: 5px 5px 0 0px; }
.an_productattributes .an_pa_product-variants>.product-variants-item.product-variants-item-color ul li {
margin: 5px 5px 0 0px; }
.an_productattributes-qty, .an_pa_product-variants .form-control,
.an_pa_product-variants>.product-variants-item .color { display: block!important; }
.an_pa_product-variants>.product-variants-item .input-color { left: 0; top: 0;
width: 100%; height: 100%; }
.an_pa_product-variants img { max-width: 48px!important; max-height: 48px!important;
width: auto!important; border-radius: 4px; padding: 0!important; }
.an_pa_product-variants>.product-variants-item .an_attr-color { position: relative;
width: 50px; height: 50px; background: #fafafc; border-radius: 4px; display: flex;
align-items: center; justify-content: center; overflow: hidden; }
.an_pa_product-variants>.product-variants-item .an_attr-effect { position: absolute;
top: 0; right: 0; bottom: 0; left: 0; border-radius: 4px;
border: 1px solid #f2f2f2; }
.an_pa_product-variants>.product-variants-item .input-color:hover+img+.an_attr-effect,
.an_pa_product-variants>.product-variants-item .input-color:checked+img+.an_attr-effect {
border-color: #000; }
.js-an_productattributes-filter-option { display: flex; overflow: hidden; }
.item-list .an_productattributes { padding: 0px; margin-top: 0px; max-width: 250px; }
.item-list .an_productattributes-qty { height: 40px; }
.an_productattributes-qty { width: calc(100% - 54px); background: #e1ad3f!important;
height: 45px!important; line-height: 45px; text-align: center!important;
border: 0!important; border-radius: 0!important; box-shadow: none;
padding: 0!important; font-size: 1rem; outline: none!important; color: #000; }
.an_productattributes-qty-container { flex: 0 0 auto; width: 75px; border-radius: 5px;
overflow: hidden; display: flex; font-weight: normal; margin: 0 10px 0 0; }
.an_productattributes-qty-button { border: 0 !important; background-color: #e1ad3f;
font-size: 19px; position: static; height: 45px !important; width: 27px !important;
display: block !important; text-align: center; line-height: 45px;
transform: translateX(0) !important; padding: 0; cursor: pointer; }
.an_productattributes-qty-button.an_productattributes-qty-down { line-height: 45px; }
.an_productattributes-qty-add .an_productattributes-add { flex: 1 1; display: flex;
flex-direction: row; align-self: stretch; margin: 0; }
.an_productattributes-qty-add { margin-top: 0; /* display: inline-flex;*/ flex-direction: column;
align-items: flex-start; justify-content: flex-start; }
.an_productattributes-qty-add .btn-primary { margin: 0; width: 100%;
padding: 5px 0px 5px 0px; height: 2.75rem; line-height: inherit; }
.an_productattributes-qty, .an_pa_product-variants .form-control,
.an_productattributes-product-selectbox { border: 0; outline: none !important;
background-color: #ededed !important; border-radius: 4px; }
html[theme="dark"] .an_productattributes-qty {
background: #00000000 !important; color: #fff;}
.clearfix:after { content: ""; display: table; clear: both; }
.item-list .an_productattributes-add-to-cart-btn i { display: none; }
.an_productattributes-add-to-cart-btn { font-size: 12px;}
.an_productattributes-add-to-cart-btn { position: relative; overflow: hidden; }
.an_productattributes-add-to-cart-btn { width: 100%; padding: 10px 15px 10px;
height: 45px; line-height: 16px; font-size: 14px; font-weight: bold; text-transform: uppercase;
min-width: unset; display: flex; align-items: center; justify-content: center;
margin: 0 auto; white-space: normal; }
.an_productattributes-add-to-cart-btn span { pointer-events: none; }
.an_productattributes-add-to-cart-btn svg { margin-right: 12px; }
.an_productattributes-add-to-cart-btn:hover, .an_productattributes-add-to-cart-btn:focus {
background-color: #e4cb65 !important; border-color: #ffff00 !important;
color: #000000 !important; }
.an_productattributes-add-to-cart-btn { border: 0 !important; }
.an_productattributes-add-to-cart-btn { background-color: #000000; border-color: #2fb5d2;
color: #ffffff; border-radius: 10px; }
.an_productattributes-select { margin-top: 0; margin-bottom: 10px; }
span.an_productattributes-select-price { font-weight: bold; }
li.an_productattributes-select-sold-out { cursor: not-allowed !important; }
span.an_productattributes-select-sold-out { color: #fff; background-color: #ffc427;
padding: 2px 5px; margin: 0 5px; display: inline-block; line-height: 1.3;
margin-left: 0; }
span.an_productattributes-select-regular_price { text-decoration: line-through;
margin-right: 5px; }
span.an_productattributes-select-sale { color: #fff; background-color: #e53d60;
padding: 2px 5px; margin: 0 5px; display: inline-block; line-height: 1.3;
margin-left: 0; }
.an_productattributes .control-label { display: block; font-size: 14px; margin-right: 10px;
padding-bottom: 3px; }
.an_productattributes .color,
.an_productattributes .custom-checkbox input[type=checkbox]+span.color {
border-radius: 50%; margin: 0; }
.
.an_productattributes-product-selectbox { background: #f1f1f1; color: #7a7a7a;
border: 1px solid rgba(0,0,0,.25); padding: 0; position: relative; }
.an_productattributes-product-selectbox li:hover { background-color: #f5f5f5; }
.an_productattributes-product-selectbox li { cursor: pointer; font-size: 11px;
padding: 5px 15px; line-height: 2; }
.an_productattributes-product-selectbox { border: 0; outline: none!important;
background-color: #ededed!important; border-radius: 4px; }
.an_productattributes-dropdown-menu { display: none; bottom: 100%; position: absolute;
background: #fff; outline: 1px solid rgba(0,0,0,.25); left: 0; width: 100%;
z-index: 10; font-weight: normal; text-align: left; }
.an_productattributes-dropdown-menu ul { margin: 0; }
.an_productattributes-dropdown.open .an_productattributes-dropdown-menu { display: block; }
.an_productattributes-dropdown-toggler { background: transparent; cursor: pointer;
font-size: 14px; height: 40px; line-height: 30px; margin: 0;
padding: 5px 25px 5px 15px; text-align: left; width: 100%; overflow: hidden;
font-weight: normal; }
.an_productattributes-dropdown .an_productattributes-dropdown-toggler:after {
position: absolute; content: ""; top: 17px; right: 10px; width: 0; height: 0;
border: 6px solid transparent; border-color: #000 transparent transparent transparent; }
.an_productattributes-dropdown.open .an_productattributes-dropdown-toggler:after {
border-color: transparent transparent #000 transparent; top: 8px; }
ul.an_productattributes-group { display: flex; justify-content: center; flex-wrap: wrap;
margin-top: -5px; }
ul.an_productattributes-group { flex-wrap: wrap; }
ul.an_productattributes-group { display: table; margin: 0;}
.an_productattributes-group .input-radio:hover+span,
.an_productattributes-group .input-radio:checked+.radio-label { color: #fff!important; }
.an_productattributes-group .radio-label { border-radius: 0px; padding: 0;
font-weight: 400; line-height: 1; font-size: 12px; margin: 0; border: 0!important;
display: flex; align-items: center; justify-content: center; min-width: 25px;
min-height: 25px; padding: 0 3px 0; color: #000!important;
background: #ededed!important; }
.an_productattributes-fields { width: 100%; }
.an_productattributes label { cursor: pointer; margin: 0; display: flex; }
/* =============================================================== */
/* Button
/* =============================================================== */
.btn-primary { color: #fff; background-color: #16A085; border-color: #16A085; }
.btn-primary:hover { color: #fff; background-color: #107360; border-color: #0f6a58; }
.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 2px rgba(22, 160, 133, 0.5); }
.btn-primary.disabled, .btn-primary:disabled { background-color: #16A085;
border-color: #16A085; }
.btn-primary:active, .btn-primary:active:focus, .btn-primary.active, .btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle { color: #fff; background-color: #107360;
background-image: none; border-color: #0f6a58; }
.btn-primary:not([href]):not([tabindex]):not(.btn-line) { color: #fff; }
.btn-primary:not([href]):not([tabindex]):not(.btn-line):hover { color: #fff; }
.btn-primary.btn-gradient { color: #fff;
background: -webkit-linear-gradient(292deg, #16A085 44%, #16A085 85%);
background: -moz- oldlinear-gradient(292deg, #16A085 44%, #16A085 85%);
background: -o-linear-gradient(292deg, #16A085 44%, #16A085 85%);
background: linear-gradient(158deg, #16A085 44%, #16A085 85%);
border-color: #16A085; -webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear; -o-transition: all 0.25s linear;
transition: all 0.25s linear; }
.btn-primary.btn-gradient:hover { color: #fff; border-color: #0f6a58;
opacity: 0.9; text-indent: -1px; }
.btn-primary.btn-gradient:focus, .btn-primary.btn-gradient.focus {
box-shadow: 0 0 0 2px rgba(22, 160, 133, 0.5); }
.btn-primary.btn-gradient.disabled, .btn-primary.btn-gradient:disabled {
background-color: #16A085; border-color: #16A085; }
.btn-primary.btn-gradient:active, .btn-primary.btn-gradient:active:focus, .btn-primary.btn-gradient.active, .btn-primary.btn-gradient.active:focus,
.show > .btn-primary.btn-gradient.dropdown-toggle { color: #fff;
background-color: #107360; background-image: none; border-color: #0f6a58; }
.btn-secondary, .btn-default { color: #292b2c; background-color: #fff;
border-color: #ccc; }
.btn-secondary:hover, .btn-default:hover { color: #292b2c; background-color: #e6e5e5;
border-color: #adadad; }
.btn-secondary:focus, .btn-secondary.focus, .btn-default:focus, .btn-default.focus {
box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); }
.btn-secondary.disabled, .btn-secondary:disabled, .btn-default.disabled, .btn-default:disabled {
background-color: #fff; border-color: #ccc; }
.btn-secondary:active, .btn-secondary:active:focus, .btn-secondary.active, .btn-secondary.active:focus,
.show > .btn-secondary.dropdown-toggle, .btn-default:active, .btn-default:active:focus, .btn-default.active, .btn-default.active:focus,
.show > .btn-default.dropdown-toggle { color: #292b2c; background-color: #e6e5e5;
background-image: none; border-color: #adadad; }
.btn-info { color: #fff; background-color: #e4cb65; border-color: #e4cb65; }
.btn-info:hover { color: #fff; background-color: #dcbc3a; border-color: #dbb931; }
.btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 2px rgba(228, 203, 101, 0.5); }
.btn-info.disabled, .btn-info:disabled { background-color: #e4cb65;
border-color: #e4cb65; }
.btn-info:active, .btn-info:active:focus, .btn-info.active, .btn-info.active:focus,
.show > .btn-info.dropdown-toggle { color: #fff; background-color: #dcbc3a;
background-image: none; border-color: #dbb931; }
.btn-success { color: #fff; background-color: #2ECC71; border-color: #2ECC71; }
.btn-success:hover { color: #fff; background-color: #25a25a;
border-color: #239a55; }
.btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 2px rgba(46, 204, 113, 0.5); }
.btn-success.disabled, .btn-success:disabled { background-color: #2ECC71;
border-color: #2ECC71; }
.btn-success:active, .btn-success:active:focus, .btn-success.active, .btn-success.active:focus,
.show > .btn-success.dropdown-toggle { color: #fff; background-color: #25a25a;
background-image: none; border-color: #239a55; }
.btn-success:not([href]):not([tabindex]) { color: #fff; }
.btn-success:not([href]):not([tabindex]):hover { color: #fff; }
.btn-warning { color: #fff; background-color: #F1C40F; border-color: #F1C40F; }
.btn-warning:hover { color: #fff; background-color: #c29d0b;
border-color: #b8960b; }
.btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5); }
.btn-warning.disabled, .btn-warning:disabled { background-color: #F1C40F;
border-color: #F1C40F; }
.btn-warning:active, .btn-warning:active:focus, .btn-warning.active, .btn-warning.active:focus,
.show > .btn-warning.dropdown-toggle { color: #fff; background-color: #c29d0b;
background-image: none; border-color: #b8960b; }
.btn-warning:not([href]):not([tabindex]) { color: #fff; }
.btn-warning:not([href]):not([tabindex]):hover { color: #fff; }
.btn-danger { color: #fff; background-color: #d9534f; border-color: #d9534f; }
.btn-danger:hover { color: #fff; background-color: #c9302c;
border-color: #c12e2a; }
.btn-danger:focus, .btn-danger.focus {
box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); }
.btn-danger.disabled, .btn-danger:disabled { background-color: #d9534f;
border-color: #d9534f; }
.btn-danger:active, .btn-danger:active:focus, .btn-danger.active, .btn-danger.active:focus,
.show > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c;
background-image: none; border-color: #c12e2a; }
.btn-danger:not([href]):not([tabindex]) { color: #fff; }
.btn-danger:not([href]):not([tabindex]):hover { color: #fff; }
.btn-outline-primary { color: #16A085; background-image: none;
background-color: transparent; border-color: #16A085; }
.btn-outline-primary:hover { color: #fff; background-color: #16A085;
border-color: #16A085; }
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 2px rgba(22, 160, 133, 0.5); }
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #16A085; background-color: transparent; }
.btn-outline-primary:active, .btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle { color: #fff;
background-color: #16A085; border-color: #16A085; }
.btn-outline-secondary { color: #ccc; background-image: none;
background-color: transparent; border-color: #ccc; }
.btn-outline-secondary:hover { color: #fff; background-color: #ccc;
border-color: #ccc; }
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #ccc; background-color: transparent; }
.btn-outline-secondary:active, .btn-outline-secondary.active,
.show > .btn-outline-secondary.dropdown-toggle { color: #fff;
background-color: #ccc; border-color: #ccc; }
.btn-outline-info { color: #e4cb65; background-image: none;
background-color: transparent; border-color: #e4cb65; }
.btn-outline-info:hover { color: #fff; background-color: #e4cb65;
border-color: #e4cb65; }
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 2px rgba(228, 203, 101, 0.5); }
.btn-outline-info.disabled, .btn-outline-info:disabled { color: #e4cb65;
background-color: transparent; }
.btn-outline-info:active, .btn-outline-info.active,
.show > .btn-outline-info.dropdown-toggle { color: #fff;
background-color: #e4cb65; border-color: #e4cb65; }
.btn-outline-success { color: #2ECC71; background-image: none;
background-color: transparent; border-color: #2ECC71; }
.btn-outline-success:hover { color: #fff; background-color: #2ECC71;
border-color: #2ECC71; }
.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 2px rgba(46, 204, 113, 0.5); }
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #2ECC71; background-color: transparent; }
.btn-outline-success:active, .btn-outline-success.active,
.show > .btn-outline-success.dropdown-toggle { color: #fff;
background-color: #2ECC71; border-color: #2ECC71; }
.btn-outline-warning { color: #F1C40F; background-image: none;
background-color: transparent; border-color: #F1C40F; }
.btn-outline-warning:hover { color: #fff; background-color: #F1C40F;
border-color: #F1C40F; }
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5); }
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #F1C40F; background-color: transparent; }
.btn-outline-warning:active, .btn-outline-warning.active,
.show > .btn-outline-warning.dropdown-toggle { color: #fff;
background-color: #F1C40F; border-color: #F1C40F; }
.btn-outline-danger { color: #d9534f; background-image: none;
background-color: transparent; border-color: #d9534f; }
.btn-outline-danger:hover { color: #fff; background-color: #d9534f;
border-color: #d9534f; }
.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); }
.btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #d9534f;
background-color: transparent; }
.btn-outline-danger:active, .btn-outline-danger.active,
.show > .btn-outline-danger.dropdown-toggle { color: #fff;
background-color: #d9534f; border-color: #d9534f; }
html[theme="dark"] .btn-success { color: #fff; background-color: #208e4e;
border-color: #208e4e; }
html[theme="dark"] .btn-success:hover { color: #fff; background-color: #176437;
border-color: #155c33; }
html[theme="dark"] .btn-success:focus, html[theme="dark"] .btn-success.focus {
box-shadow: 0 0 0 2px rgba(32, 142, 78, 0.5); }
html[theme="dark"] .btn-success.disabled, html[theme="dark"] .btn-success:disabled {
background-color: #208e4e; border-color: #208e4e; }
html[theme="dark"] .btn-success:active, html[theme="dark"] .btn-success:active:focus, html[theme="dark"] .btn-success.active, html[theme="dark"] .btn-success.active:focus,
.show > html[theme="dark"] .btn-success.dropdown-toggle { color: #fff;
background-color: #176437; background-image: none; border-color: #155c33; }
html[theme="dark"] .btn-success:not([href]):not([tabindex]) { color: #fff; }
html[theme="dark"] .btn-success:not([href]):not([tabindex]):hover { color: #fff; }
html[theme="dark"] .btn-primary { color: #fff; background-color: #0d5d4d;
border-color: #0d5d4d; }
html[theme="dark"] .btn-primary:hover { color: #fff;
background-color: #073028; border-color: #052720; }
html[theme="dark"] .btn-primary:focus, html[theme="dark"] .btn-primary.focus {
box-shadow: 0 0 0 2px rgba(13, 93, 77, 0.5); }
html[theme="dark"] .btn-primary.disabled, html[theme="dark"] .btn-primary:disabled {
background-color: #0d5d4d; border-color: #0d5d4d; }
html[theme="dark"] .btn-primary:active, html[theme="dark"] .btn-primary:active:focus, html[theme="dark"] .btn-primary.active, html[theme="dark"] .btn-primary.active:focus,
.show > html[theme="dark"] .btn-primary.dropdown-toggle { color: #fff;
background-color: #073028; background-image: none; border-color: #052720; }
html[theme="dark"] .btn-primary.btn-gradient {
background: -webkit-linear-gradient(292deg, #0d5d4d 35%, #208e4e 85%);
background: -moz- oldlinear-gradient(292deg, #0d5d4d 35%, #208e4e 85%);
background: -o-linear-gradient(292deg, #0d5d4d 35%, #208e4e 85%);
background: linear-gradient(158deg, #0d5d4d 35%, #208e4e 85%); }
html[theme="dark"] .btn-info { color: #fff; background-color: #d7b426;
border-color: #d7b426; }
html[theme="dark"] .btn-info:hover { color: #fff; background-color: #ab901e;
border-color: #a3881d; }
html[theme="dark"] .btn-info:focus, html[theme="dark"] .btn-info.focus {
box-shadow: 0 0 0 2px rgba(215, 180, 38, 0.5); }
html[theme="dark"] .btn-info.disabled, html[theme="dark"] .btn-info:disabled {
background-color: #d7b426; border-color: #d7b426; }
html[theme="dark"] .btn-info:active, html[theme="dark"] .btn-info:active:focus, html[theme="dark"] .btn-info.active, html[theme="dark"] .btn-info.active:focus,
.show > html[theme="dark"] .btn-info.dropdown-toggle { color: #fff;
background-color: #ab901e; background-image: none; border-color: #a3881d; }
html[theme="dark"] .btn-warning { color: #fff; background-color: #aa8a0a;
border-color: #aa8a0a; }
html[theme="dark"] .btn-warning:hover { color: #fff; background-color: #796307;
border-color: #705b07; }
html[theme="dark"] .btn-warning:focus, html[theme="dark"] .btn-warning.focus {
box-shadow: 0 0 0 2px rgba(170, 138, 10, 0.5); }
html[theme="dark"] .btn-warning.disabled, html[theme="dark"] .btn-warning:disabled {
background-color: #aa8a0a; border-color: #aa8a0a; }
html[theme="dark"] .btn-warning:active, html[theme="dark"] .btn-warning:active:focus, html[theme="dark"] .btn-warning.active, html[theme="dark"] .btn-warning.active:focus,
.show > html[theme="dark"] .btn-warning.dropdown-toggle { color: #fff;
background-color: #796307; background-image: none; border-color: #705b07; }
html[theme="dark"] .btn-danger { color: #fff; background-color: #b52b27;
border-color: #b52b27; }
html[theme="dark"] .btn-danger:hover { color: #fff; background-color: #8b211e;
border-color: #821f1c; }
html[theme="dark"] .btn-danger:focus, html[theme="dark"] .btn-danger.focus {
box-shadow: 0 0 0 2px rgba(181, 43, 39, 0.5); }
html[theme="dark"] .btn-danger.disabled, html[theme="dark"] .btn-danger:disabled {
background-color: #b52b27; border-color: #b52b27; }
html[theme="dark"] .btn-danger:active, html[theme="dark"] .btn-danger:active:focus, html[theme="dark"] .btn-danger.active, html[theme="dark"] .btn-danger.active:focus,
.show > html[theme="dark"] .btn-danger.dropdown-toggle { color: #fff;
background-color: #8b211e; background-image: none;
border-color: #821f1c; }
.btn-link { font-weight: normal; color: #16A085; border-radius: 0; }
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
background-color: transparent; }
.btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; }
.btn-link:hover { border-color: transparent; }
.btn-link:focus, .btn-link:hover { color: #0d5d4d; text-decoration: underline;
background-color: transparent; }
.btn-link:disabled { color: #636c72; }
.btn-link:disabled:focus, .btn-link:disabled:hover { text-decoration: none; }
.btn-lg { padding: 10px 18px; font-size: 1rem; border-radius: 8px; }
.btn-sm { padding: 4px 8px; font-size: 0.65rem; border-radius: 4px; }
.btn-block { display: block; width: 100%; }
.btn-block + .btn-block { margin-top: 0.5rem; }
input[type="submit"].btn-block, input[type="reset"].btn-block,
input[type="button"].btn-block { width: 100%; }
.btn-post { font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
font-weight: normal; text-transform: uppercase; }
.btn-post.btn-lg { line-height: 28px; padding-left: 20px; padding-right: 20px; }
.btn-primary-dark { color: #fff; background-color: #107360; }
.btn-primary-dark:focus, .btn-primary-dark.focus { color: #fff;
background-color: #138a72; border-color: #12856f; }
.btn-primary-dark:hover { color: #fff; background-color: #138a72;
border-color: #12856f; }
.btn-primary-dark:active, .btn-primary-dark.active,
.open > .btn-primary-dark.dropdown-toggle { color: #fff; background-color: #138a72;
border-color: #12856f; }
.btn-primary-dark:active:hover, .btn-primary-dark:active:focus, .btn-primary-dark:active.focus, .btn-primary-dark.active:hover, .btn-primary-dark.active:focus, .btn-primary-dark.active.focus,
.open > .btn-primary-dark.dropdown-toggle:hover,
.open > .btn-primary-dark.dropdown-toggle:focus,
.open > .btn-primary-dark.dropdown-toggle.focus { color: #fff;
background-color: #138a72; border-color: #12856f; }
.btn-primary-dark:active, .btn-primary-dark.active,
.open > .btn-primary-dark.dropdown-toggle { background-image: none; }
.btn-primary-dark.disabled:hover, .btn-primary-dark.disabled:focus, .btn-primary-dark.disabled.focus, .btn-primary-dark[disabled]:hover, .btn-primary-dark[disabled]:focus, .btn-primary-dark[disabled].focus,
fieldset[disabled] .btn-primary-dark:hover,
fieldset[disabled] .btn-primary-dark:focus,
fieldset[disabled] .btn-primary-dark.focus {
background-color: #138a72; border-color: #138a72; }
.btn-thin { border: 1px solid #BDC3C7; color: #BDC3C7; background: none; }
.fb_button, .btn-fb { color: #fff; background-color: #2d4373; }
.fb_button:focus, .fb_button.focus, .btn-fb:focus, .btn-fb.focus {
color: #fff; background-color: #344e86; border-color: #324c82; }
.fb_button:hover, .btn-fb:hover { color: #fff; background-color: #344e86;
border-color: #324c82; }
.fb_button:active, .fb_button.active,
.open > .fb_button.dropdown-toggle, .btn-fb:active, .btn-fb.active,
.open > .btn-fb.dropdown-toggle { color: #fff; background-color: #344e86;
border-color: #324c82; }
.fb_button:active:hover, .fb_button:active:focus, .fb_button:active.focus, .fb_button.active:hover, .fb_button.active:focus, .fb_button.active.focus,
.open > .fb_button.dropdown-toggle:hover,
.open > .fb_button.dropdown-toggle:focus,
.open > .fb_button.dropdown-toggle.focus, .btn-fb:active:hover, .btn-fb:active:focus, .btn-fb:active.focus, .btn-fb.active:hover, .btn-fb.active:focus, .btn-fb.active.focus,
.open > .btn-fb.dropdown-toggle:hover,
.open > .btn-fb.dropdown-toggle:focus,
.open > .btn-fb.dropdown-toggle.focus { color: #fff; background-color: #344e86;
border-color: #324c82; }
.fb_button:active, .fb_button.active,
.open > .fb_button.dropdown-toggle, .btn-fb:active, .btn-fb.active,
.open > .btn-fb.dropdown-toggle {
background-image: none; }
.fb_button.disabled:hover, .fb_button.disabled:focus, .fb_button.disabled.focus, .fb_button[disabled]:hover, .fb_button[disabled]:focus, .fb_button[disabled].focus,
fieldset[disabled] .fb_button:hover, fieldset[disabled] .fb_button:focus,
fieldset[disabled] .fb_button.focus, .btn-fb.disabled:hover, .btn-fb.disabled:focus, .btn-fb.disabled.focus, .btn-fb[disabled]:hover, .btn-fb[disabled]:focus, .btn-fb[disabled].focus,
fieldset[disabled] .btn-fb:hover, fieldset[disabled] .btn-fb:focus,
fieldset[disabled] .btn-fb.focus { background-color: #344e86; border-color: #344e86; }
.btn-tw { color: #fff; background-color: #0087ba; }
.btn-tw:focus, .btn-tw.focus { color: #fff; background-color: #0099d4;
border-color: #0096ce; }
.btn-tw:hover { color: #fff; background-color: #0099d4;
border-color: #0096ce; }
.btn-tw:active, .btn-tw.active,
.open > .btn-tw.dropdown-toggle { color: #fff; background-color: #0099d4;
border-color: #0096ce; }
.btn-tw:active:hover, .btn-tw:active:focus, .btn-tw:active.focus, .btn-tw.active:hover, .btn-tw.active:focus, .btn-tw.active.focus,
.open > .btn-tw.dropdown-toggle:hover, .open > .btn-tw.dropdown-toggle:focus,
.open > .btn-tw.dropdown-toggle.focus { color: #fff; background-color: #0099d4;
border-color: #0096ce; }
.btn-tw:active, .btn-tw.active,
.open > .btn-tw.dropdown-toggle { background-image: none; }
.btn-tw.disabled:hover, .btn-tw.disabled:focus, .btn-tw.disabled.focus, .btn-tw[disabled]:hover, .btn-tw[disabled]:focus, .btn-tw[disabled].focus,
fieldset[disabled] .btn-tw:hover, fieldset[disabled] .btn-tw:focus,
fieldset[disabled] .btn-tw.focus { background-color: #0099d4; border-color: #0099d4; }
.btn-border { color: #ffffff; }
.btn-border-thin { margin-bottom: 5px; padding: 3px 4px; border: 1px solid #ddd; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background-color: #16A085; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
background-color: #16A085; }
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
background-color: #16A085; }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(22, 160, 133, 0.5); }
/* =============================================================== */
/* CATEGORY SIDEBAR
/* =============================================================== */
.list-filter { width: 100%; display: block; clear: both; }
.list-filter .form-inline { width: 100%; }
.list-filter .count { color: #9a9a9a; font-size: 90%; }
.list-filter ul li { list-style: none; }
.list-filter ul li a { border-radius: 5px; display: block; padding: 3px 15px 3px 5px;
position: relative; color: #4e575d; font-size: 13px; }
.list-filter ul ul { padding-left: 15px; }
@media (max-width: 991px) {
.hidden-md { display: none !important; }
.list-filter ul ul { padding-left: 10px; }
.list-filter ul li a { padding-right: 0; }
.list-filter .form-inline > div { margin-top: 10px; } }
.categories-list .list-title:first-child { margin-top: 0 !important; }
.categories-list .form-inline.row { margin-left: 0; margin-right: 0; }
.page-sidebar .list-filter:first-child .list-title { margin-top: 0 !important; }
.nav-filter a.active { background-color: #eaeaea; color: #333; }
.list-title { color: #222; font-size: 18px; border-bottom: solid 1px var(--border-color);
display: block; margin-bottom: 10px; margin-top: 15px; padding: 10px 0;
position: relative; text-transform: uppercase; }
.list-title a { color: #222; font-size: 18px; }
.list-title:before { border-color: #ddd transparent transparent; border-style: solid;
border-width: 7px; bottom: -14px; -moz-box-sizing: border-box; box-sizing: border-box;
content: " "; display: block; left: 34px; position: absolute; z-index: 2; }
.list-title:after { border-color: #fff transparent transparent; border-style: solid;
border-width: 6px; bottom: -12px; -moz-box-sizing: border-box; box-sizing: border-box;
content: " "; display: block; left: 35px; position: absolute; z-index: 2; }
.list-title.gray:before { border-color: transparent transparent transparent; }
.list-filter form.form-inline { -webkit-flex-flow: row; flex-flow: row; margin-top: 5px; }
.list-filter form.form-inline .form-group { margin-bottom: 0;
-webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal;
flex-direction: column; -webkit-align-items: center; -moz-box-align: center; align-items: center; }
@media (max-width: 767px) {
.list-filter form.form-inline .form-group .form-control { width: 100%; } }
.list-filter ul li p.maxlist-more a { border-radius: 5px; display: block;
font-size: 12px; padding: 2px 25px 2px 20px; position: relative; color: #369; }
.list-filter .maxlist-more a { padding-left: 5px; font-weight: 500; }
/* Price Range */
.form-inline .form-control { max-width: 100%; }
.list li { list-style: none; }
ul.list-link li a, ul.list-link li { color: #4e575d; font-size: 12px; font-style: normal;
line-height: normal; padding: 3px 0; -webkit-transition: all 0.1s ease 0s;
-moz-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s;
transition: all 0.1s ease 0s; }
ul.list-link li a:hover, .ul.list-link li a:hover { text-decoration: underline; color: #345676; }
ul.list-link li a.active { color: #345676; font-weight: bold; }
hr.thin { margin-bottom: 10px; margin-top: 10px; }
/* PROPERTY LIST */
.property-list .add-title { padding-bottom: 5px; }
.property-list .item-price { padding-bottom: 7px; }
.property-list .info-row { line-height: normal; }
.make-compact .property-list .item-list .info-row { width: 100%; }
.make-compact .property-list .item-list .btn-border-thin { display: none; }
.make-compact .property-list .item-list .item-price { float: none; font-size: 16px;
margin-bottom: 5px; }
.property-list .item-list .carousel-control { text-shadow: none; }
.property-list .add-image a img { border-radius: 0; padding: 0; width: 100%; }
.make-compact .property-list .add-title { float: left; clear: left; overflow: hidden;
padding-bottom: 7px; width: 100%; display: block; height: auto; }
@media (max-width: 575px) {
.property-list .btn-border-thin { float: right; margin-left: 5px; }
.property-list .price-box { margin-top: 6px; } }
.prop-info { display: block; width: 100%; clear: both; padding: 15px 0 0; }
.prop-info span.title { font-size: 16px; font-weight: 600; color: #222; }
.prop-info span.text { font-size: 12px; font-family: Roboto Condensed, Helvetica, Arial, sans-serif; }
.prop-info-block { border-right: 1px solid #ccc; color: #666; display: table-cell;
margin: 0; min-height: 20px; padding: 0 10px 5px; float: left; text-align: center;
width: 30%; }
@media (max-width: 575px) {
.prop-info-block { width: 33.33%; } }
.prop-info-block:last-child { border-right: 0; }
.prop-info-block span { display: block; line-height: 1.2; }
.make-grid .property-list .item-list .item-price { font-size: 16px; line-height: normal; }
.make-grid .prop-info-block { border-right: 0; color: #666; display: inline; margin: 0;
min-height: 0; padding: 0; text-align: left; width: 100%; }
.make-grid .prop-info-block span { display: inline; }
.make-grid .prop-info span.title { font-size: 14px; }
.make-grid .prop-info span.title .prop-info span.text { display: inline; }
@media (max-width: 767px) {#properites-image-slide .carousel-item img { display: block; width: 100%; } }
.carousel-control .icon-next::before { content: ''; }
.carousel-control .icon-prev.icon-left-open-big:before { content: '\e83b'; }
.carousel-control .icon-next.icon-right-open-big:before { content: '\e83c'; }
.carousel-control-prev, .carousel-control-next { width: 5%!important;}
.wall-of-buttons { text-align: center; margin-top: 2em; margin-bottom: 2em;}
.titleBar {
position: fixed;
left: env(titlebar-area-x, 0);
top: env(titlebar-area-y, 0);
width: env(titlebar-area-width, 100%);
height: env(titlebar-area-height, 40px);
-webkit-app-region: drag;
app-region: drag;
}
@media all and (max-width: 779px) { .make-list .property-list .prop-info-block { float: left; } }
@media all and (max-width: 480px) {
.auto-heading { display: block; padding-right: 0; }
.auto-price { display: block; padding: 5px 0 10px; position: relative; right: auto;
text-align: left; top: auto; width: 100%; }
.property-list .price-box .tooltip { display: none !important; } }
@media all and (max-width: 990px) {
.prop-info { padding-top: 10px; }
.prop-info span.title { font-size: 14px; }
.prop-info span.text { font-size: 11px; } }
.make-compact .prop-info { display: none; }
.product-view-thumb-wrapper .bx-wrapper .bx-controls-direction a { height: auto; margin-top: -25px; }
/* .nice-select { border-radius: 6px; }
.nice-select .list { max-height: 250px; overflow-y: auto; width: 100%; }
.nice-select.form-control { font-size: 13px; margin: 0; padding: 8.5px 15px;
line-height: 20px; height: 40px; }
.nice-select .option { width: 100%; background: #ffffff; border-bottom: 1px solid #cccccc;
color: #222222; cursor: pointer; display: block; font-size: 13px; margin: 0;
overflow: hidden; padding: 0 15px; text-decoration: none; text-overflow: ellipsis; }
.nice-select .option.selected { background: #eeeeee; } */
.select-sort-by.selectpicker { font-size: 12px; padding: 7px 10px; height: 30px;
line-height: normal; border: 1px solid #cccccc; display: block; }
.select-sort-by .list .option { font-size: 12px; line-height: 34px; min-height: 34px; }
.save-search-bar { display: block; width: 100%; }
.bx-wrapper .bx-controls-direction a { z-index: 90 !important; }
.tab-content .cat-list-row { margin: 0; }
.tab-content .cat-list-row.active { display: -webkit-flex; display: -moz-box; display: flex; }
@media (min-width: 300px) and (max-width: 768px) {
.category-list:not(.make-grid):not(.make-compact) .category-list-wrapper:not(.jobs-list):not(.property-list) .info-row {
font-size: 11px; }
.category-list:not(.make-grid):not(.make-compact) .category-list-wrapper:not(.jobs-list):not(.property-list) .col-md-2.photobox {
width: 30%; }
.category-list:not(.make-grid):not(.make-compact) .category-list-wrapper:not(.jobs-list):not(.property-list) .add-desc-box {
width: 50%; }
.category-list:not(.make-grid):not(.make-compact) .category-list-wrapper:not(.jobs-list):not(.property-list) .col-md-3.price-box {
width: 20%; display: -webkit-flex; display: -moz-box; display: flex;
-webkit-align-items: flex-end; -moz-box-align: end; align-items: flex-end;
-webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal;
flex-direction: column; padding: 0; }
.category-list:not(.make-grid):not(.make-compact) .category-list-wrapper:not(.jobs-list):not(.property-list) .col-md-3.price-box > * {
margin-bottom: 5px; }
.category-list:not(.make-grid):not(.make-compact) .category-list-wrapper:not(.jobs-list):not(.property-list) .col-md-3.price-box .make-favorite span {
width: auto; font-size: 10px; }
.category-list:not(.make-grid):not(.make-compact) .category-list-wrapper:not(.jobs-list):not(.property-list) .col-md-3.price-box .item-price {
padding: 0; margin-left: 0; font-size: .95rem; } }
@media (min-width: 768px) { .mobile-filter-sidebar { left: 0 !important; } }
.sidebar-modern-inner { background: #fff; border: solid 1px var(--border-color);
border-radius: 7px; box-shadow: 0 0 20px rgba(110, 162, 173, 0.1); }
.sidebar-modern-inner .block-title { padding: 15px 15px; border-bottom: solid 1px var(--border-color);
position: relative; }
.sidebar-modern-inner .block-title.has-arrow { margin-bottom: 5px; }
.sidebar-modern-inner .block-title.has-arrow:before { border-color: #ddd transparent transparent;
border-style: solid; border-width: 7px; bottom: -14px; -moz-box-sizing: border-box;
box-sizing: border-box; content: " "; display: block; left: 34px;
position: absolute; z-index: 2; }
.sidebar-modern-inner .block-title.has-arrow:after {
border-color: #fff transparent transparent; border-style: solid;
border-width: 6px; bottom: -12px; -moz-box-sizing: border-box; box-sizing: border-box;
content: " "; display: block; left: 35px; position: absolute; z-index: 2; }
.sidebar-modern-inner .block-title.has-arrow.gray:before {
border-color: transparent transparent transparent; }
.sidebar-modern-inner .block-title.sidebar-header h5 { line-height: 30px; }
.sidebar-modern-inner .block-title h5 { margin: 0; padding: 0; font-weight: bold;
color: #292b2c; font-size: 16px; text-transform: uppercase; }
.sidebar-modern-inner .block-title h5 a { color: #292b2c; }
.sidebar-modern-inner .block-content { padding: 15px 15px; }
.sidebar-modern-inner .list-filter ul li a { font-size: 14px; display: -webkit-flex;
display: -moz-box; display: flex; -webkit-justify-content: space-between;
-moz-box-pack: justify; justify-content: space-between; }
.sidebar-modern-inner .list-filter ul li a:hover { font-weight: bold; }
.sidebar-modern-inner .list-filter ul li a:hover .title {font-weight: bold; }
/* =============================================================== */
/* Evemt Styles
/* =============================================================== */
.event-item-col { margin-bottom: 30px; }
@media (max-width: 767px) { .event-item-col { margin-bottom: 20px; } }
a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; }
.section-ev { padding: 60px 0 0; display: inline-block; width: 100%; }
.section-ev.event-listing { padding-bottom: 60px; }
.section-ev.event-category { border-top: solid 1px var(--border-color);
padding-top: 10px; padding-bottom: 30px; }
@media (max-width: 767px) { .section-ev { padding-top: 30px; } }
.event-item-col { margin-bottom: 30px; }
@media (max-width: 767px) { .event-item-col { margin-bottom: 20px; } }
.card-event .card-body { padding: 0px 1.25rem !important; }
.card-event { overflow: hidden; }
@media (max-width: 767px) { .event-featured .card-event { margin-bottom: 15px; } }
.card-event h4 { font-size: 18px; font-weight: 700; height: auto; letter-spacing: 0;
overflow: hidden; white-space: normal; padding: 0; }
.card-event .event-badges { position: absolute; right: 10px; top: 5px;
-webkit-transition: all 0.3s ease 0.1s; -moz-transition: all 0.3s ease 0.1s;
-o-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; }
.card-event .event-badges .badge { font-weight: lighter; letter-spacing: 0.3px;
font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
padding: 3px 6px; border-radius: 2px; }
.card-event .event-badges .badge.price-tag { font-size: 14px; font-weight: normal;
letter-spacing: 1px; padding: 3px 6px; line-height: 1; }
.card-event .event-badges .badge.price-tag.big { font-size: 12px; font-weight: 600;
/* background: #f3f3f3; line-height: 1; color: #000; */
font-family: "Roboto", Helvetica, Arial, sans-serif; padding: 6px 14px;
text-transform: uppercase; letter-spacing: 1px;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1); }
.card-event .rating-badges { position: absolute; left: 10px; bottom: 5px;
-webkit-transition: all 0.3s ease 0.1s; -moz-transition: all 0.3s ease 0.1s;
-o-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; }
.card-event .rating-badges .badge { font-weight: lighter; letter-spacing: 0.3px;
font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
/* padding: 3px 6px;*/ border-radius: 2px; }
.card-event .rating-badges .badge.price-tag { font-size: 14px; font-weight: normal;
letter-spacing: 1px; /* padding: 3px 6px;*/ line-height: 1; }
.card-event .rating-badges .badge.price-tag.big { font-size: 12px; font-weight: 600;
/* background: #f3f3f3; line-height: 1; color: #000;
font-family: "Roboto", Helvetica, Arial, sans-serif; padding: 6px 14px;*/
text-transform: uppercase; letter-spacing: 1px;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1); }
.card-event .sharing-badges { position: absolute; right: 10px; bottom: 5px;
-webkit-transition: all 0.3s ease 0.1s; -moz-transition: all 0.3s ease 0.1s;
-o-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; }
.card-event .sharing-badges .badge { font-weight: lighter; letter-spacing: 0.3px;
font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
padding: 3px 6px; border-radius: 2px; }
.card-event .sharing-badges .badge.price-tag { font-size: 14px; font-weight: normal;
letter-spacing: 1px; padding: 3px 6px; line-height: 1; }
.card-event .sharing-badges .badge.price-tag.big { font-size: 12px; font-weight: 600;
/* background: #f3f3f3; line-height: 1; color: #000; */
font-family: "Roboto", Helvetica, Arial, sans-serif; padding: 6px 14px;
text-transform: uppercase; letter-spacing: 1px;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1); }
.card-event .recomended-badges { position: absolute; left: 10px; top: 5px;
-webkit-transition: all 0.3s ease 0.1s; -moz-transition: all 0.3s ease 0.1s;
-o-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; }
.card-event .recomended-badges .badge { font-weight: lighter; letter-spacing: 0.3px;
font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
padding: 3px 6px; border-radius: 2px; }
.card-event .recomended-badges .badge.price-tag { font-size: 14px; font-weight: normal;
letter-spacing: 1px; padding: 3px 6px; line-height: 1; }
.card-event .recomended-badges .badge.price-tag.big { font-size: 12px; font-weight: 600;
/* background: #f3f3f3; line-height: 1; color: #000; */
font-family: "Roboto", Helvetica, Arial, sans-serif; padding: 6px 14px;
text-transform: uppercase; letter-spacing: 1px;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.1); }
.card-event .event-pop-link { visibility: hidden; display: block; width: 100%; opacity: 0;
height: 100%; position: absolute; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.8);
-webkit-transition: all 0.25s ease 0.15s; -moz-transition: all 0.25s ease 0.15s;
-o-transition: all 0.25s ease 0.15s; transition: all 0.25s ease 0.15s; color: #fff; }
.card-event .img { position: relative; }
.card-event .img.has-background { width: 100%; background-size: cover; background-repeat: no-repeat; }
.card-event:not(.featured) { height: 100%; }
.card-event:not(.featured) .card-title { min-height: 48px; line-height: 24px; }
@media (max-width: 767px) {
.card-event:not(.featured) .card-title { font-size: 14px; line-height: 1.4;
min-height: 10px; } }
.card-event:not(.featured) .card-title::first-letter { text-transform: uppercase; }
.card-event:not(.featured) .card-title a { color: #292b2c; }
.card-event.info-overlay .event-pop-info { z-index: 3; display: block; position: relative;
text-align: center; top: 50%;
-webkit-transform: translateY(-70%); -moz-transform: translateY(-70%);
-o-transform: translateY(-70%); transform: translateY(-70%);
-webkit-transition: all 0.3s ease 0.15s; -moz-transition: all 0.3s ease 0.15s;
-o-transition: all 0.3s ease 0.15s; transition: all 0.3s ease 0.15s; width: 100%; }
.card-event.info-overlay .event-pop-info .price { font-size: 1.4rem; font-weight: bold; }
.card-event.info-overlay .event-pop-info p { display: block; margin-bottom: 5px; }
.card-event.info-overlay .event-pop-info .time { font-size: 12px; font-weight: 300;
opacity: .7; }
.card-event.info-overlay:hover .event-pop-link, .card-event.info-overlay.overlay-visible .event-pop-link {
visibility: visible !important; opacity: 1; display: block; }
.card-event.info-overlay:hover .event-pop-link .event-pop-info, .card-event.info-overlay.overlay-visible .event-pop-link .event-pop-info {
-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
-o-transform: translateY(-50%); transform: translateY(-50%); }
.card-event.info-overlay:hover .event-badges, .card-event.info-overlay.overlay-visible .event-badges {
/* top: 10px; */ visibility: visible !important; display: block !important; opacity: 1 !important; }
.card-event.info-overlay:not(.featured):hover .pop-info .event-badges {
visibility: hidden !important; opacity: 0 !important; }
.card-event.info-overlay:hover .rating-badges, .card-event.info-overlay.overlay-visible .rating-badges {
visibility: visible !important; display: block !important; opacity: 1 !important; }
.card-event.info-overlay:not(.featured):hover .pop-info .rating-badges {
visibility: hidden !important; opacity: 0 !important; }
.card-event.info-overlay:hover .sharing-badges, .card-event.info-overlay.overlay-visible .sharing-badges {
visibility: visible !important; display: block !important; opacity: 1 !important; }
.card-event.info-overlay:not(.featured):hover .pop-info .sharing-badges {
visibility: hidden !important; opacity: 0 !important; }
.card-event.info-overlay:hover .recomended-badges, .card-event.info-overlay.overlay-visible .recomended-badges {
visibility: visible !important; display: block !important; opacity: 1 !important; }
.card-event.info-overlay:not(.featured):hover .pop-info .recomended-badges {
visibility: hidden !important; opacity: 0 !important; }
.card-event.info-overlay.card-category .event-pop-link {
-webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease;
-o-transition: all 0.25s ease; transition: all 0.25s ease;
background-color: rgba(0, 0, 0, 0.35); }
.card-event.info-overlay.card-category .ec-title { -webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
transition: all 0.25s ease; font-size: 1.3rem; line-height: normal;
max-width: 90%; text-align: center; margin: 0 auto; font-weight: 500;
letter-spacing: 0.5px; text-transform: capitalize; }
@media (max-width: 767px) {
.card-event.info-overlay.card-category .ec-title { font-size: .9rem; line-height: normal; } }
.card-event.info-overlay.card-category:hover .ec-title { font-size: 1.5rem; }
@media (max-width: 767px) {
.card-event.info-overlay.card-category:hover .ec-title { font-size: 1.2rem; } }
.card-event.info-overlay.card-category:hover .event-pop-link { background-color: rgba(0, 0, 0, 0.45); }
.card-event.featured .event-badges { opacity: 0; }
.card-event.featured .rating-badges { opacity: 0; }
.card-event.featured .sharing-badges { opacity: 0; }
.card-event.featured .recomended-badges { opacity: 0; }
.card-event.featured .card-img-top { position: relative; z-index: 1; }
.card-event.featured .card-body { padding: 20px 15px; }
@media (max-width: 767px) {
.card-event.featured .card-body { padding: 10px 15px; } }
.card-event.featured .card-body h4 { font-size: 16px; line-height: 20px;
padding: 0; margin: 0; }
@media (min-width: 768px) {
.card-event.featured .card-body h4 { min-height: 40px; } }
@media (max-width: 575px) {
.card-event.featured .card-body h4 { font-size: 13px; line-height: 1.4; } }
.card-event.featured .card-body h4 a { color: #292b2c; }
.card-event .card-event-info { color: #999999; overflow: hidden; text-overflow: ellipsis; }
.card-event .card-event-info .event-location a { color: #999999; }
.card-event .card-event-info p { margin-bottom: 5px; padding: 0; }
.card-event .card-footer { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) inset;
background-color: rgba(0, 0, 0, 0.01); }
.card-event .card-footer .left { font-size: 12px; color: #999999; }
.card-event .card-footer .left a { color: #464a4c; font-weight: 600; }
.card-event .card-footer .social-link a { display: inline-block; margin-left: 10px;
font-size: 16px; color: #464a4c; -webkit-transform: scale(1); -moz-transform: scale(1);
-o-transform: scale(1); transform: scale(1); }
.card-event .card-footer .social-link a:hover { color: #999999;
-webkit-transform: scale(1.05); -moz-transform: scale(1.05);
-o-transform: scale(1.05); transform: scale(1.05); }
.card-event .card-footer .follow-seller a { display: inline-block; margin-left: 10px;
font-size: 16px; color: #999999; -webkit-transform: scale(1); -moz-transform: scale(1);
-o-transform: scale(1); transform: scale(1); }
.card-event .card-footer .follow-seller a:hover { color: #dc3545;
-webkit-transform: scale(1.05); -moz-transform: scale(1.05);
-o-transform: scale(1.05); transform: scale(1.05); }
.card-event .card-footer .following-seller a { display: inline-block; margin-left: 10px;
font-size: 16px; color: #dc3545; -webkit-transform: scale(1); -moz-transform: scale(1);
-o-transform: scale(1); transform: scale(1); }
.card-event .card-footer .following-seller a:hover { color: #999999;
-webkit-transform: scale(1.05); -moz-transform: scale(1.05);
-o-transform: scale(1.05); transform: scale(1.05); }
.event-category-list:not(.has-list-view) .card-event .card-body .card-footer, .event-category-list:not(.has-list-view) .card-event .card-body .badge.price-tag {
display: none; }
/* .event-category-list .card-event .event-pop-info { font-size: 12px; } */
.event-category-list .card-event .event-pop-info p { margin-bottom: 3px; }
.event-category-list .card-event .event-pop-info .price { font-size: 1rem; }
.has-list-view .event-item-col { width: 100%; max-width: 100%; -webkit-flex: 0 0 100%;
-moz-box-flex: 0; flex: 0 0 100%; }
.has-list-view .event-item-col .card-event { height: auto; -webkit-flex-direction: row;
-moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; }
@media (max-width: 767px) {
.has-list-view .event-item-col .card-event > .card-footer, .has-list-view .event-item-col .card-event .badge.price-tag {
display: none; }
.has-list-view .event-item-col .card-event .event-pop-info > p { font-size: .95rem; }
.has-list-view .event-item-col .card-event .card-body .card-title { padding-right: 45px; }
.has-list-view .event-item-col .card-event .card-body .badge.price-tag {
display: block; position: absolute; top: 20px; right: 12px; font-size: .85rem; }
.has-list-view .event-item-col .card-event .card-body .card-footer {
display: -webkit-flex; display: -moz-box; display: flex;
-webkit-justify-content: space-between; -moz-box-pack: justify;
justify-content: space-between; padding: 0; margin-top: 5px; } }
@media (min-width: 0) and (max-width: 500px) {
.has-list-view .event-item-col .card-event .card-title { font-size: 13px;
line-height: normal; margin-bottom: 0.5rem; }
.has-list-view .event-item-col .card-event .card-body > p { font-size: 0.75rem; } }
.has-list-view .event-item-col .card-event .img.has-background { max-width: 30%; }
@media (min-width: 0) and (max-width: 500px) {
.has-list-view .event-item-col .card-event .img.has-background { max-width: 35%; } }
.has-list-view .event-item-col .card-event .card-footer { border: 0; box-shadow: none;
background: none; }
.has-list-view .event-item-col .card-event .card-footer .left { float: right;
margin-bottom: 10px; }
.event-rating { margin-top: 5px; }
.event-rating .star .fa { font-size: 85%; }
.event-rating .review-count { display: block; margin-top: 5px; font-size: 12px; opacity: .7; }
.section-header { padding: 40px 0 35px; }
.section-header .title { font-size: 1.5rem; line-height: 1.1; padding-bottom: 0;
margin: 0 auto; text-align: center; text-transform: uppercase;
font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: bold; }
@media (max-width: 991px) { .section-header .title { font-size: 1.3rem; } }
@media (max-width: 991px) { .section-header .title { font-size: 1.1rem; } }
@media (max-width: 767px) { .section-header .title { font-size: 1.3rem; } }
@media (max-width: 767px) { .section-header { padding: 30px 0 30px; } }
.event-filters-wrapper .row { margin: 0; }
@media (max-width: 767px) {
.event-filters-wrapper .row { margin-left: -5px; margin-right: -5px; } }
.event-filters-wrapper .row > div { padding-left: 5px; padding-right: 5px; }
@media (max-width: 767px) {
.event-filters-wrapper .row > div.btn-group { margin-bottom: 10px; } }
.align-center { -webkit-align-items: center; -moz-box-align: center; align-items: center; }
.listing-title-holder { border-top: solid 2px #ddd; }
@media (max-width: 767px) { .event-title-holder { margin-bottom: 20px; } }
.ev-share { position: absolute; bottom: 0; right: 0; color: #fff; width: 100%; padding: 60px 0 0;
background: -webkit-linear-gradient(top, transparent 36%, rgba(0, 0, 0, 0.9) 100%);
background: -moz- oldlinear-gradient(top, transparent 36%, rgba(0, 0, 0, 0.9) 100%);
background: -o-linear-gradient(top, transparent 36%, rgba(0, 0, 0, 0.9) 100%);
background: linear-gradient(to bottom, transparent 36%, rgba(0, 0, 0, 0.9) 100%); }
.ev-share .social-links { float: right; padding: 20px; }
.ev-share .social-links a { color: #fff; font-size: 1rem; -webkit-transform: scale(1);
-moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: .8; }
.ev-share .social-links a:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2);
-o-transform: scale(1.2); transform: scale(1.2); opacity: 1; }
.ev-share .social-links .share-text { text-transform: uppercase; letter-spacing: 0;
opacity: 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;
font-size: 12px; color: #a8b2b9; }
.ev-image { display: block; position: relative; }
.ev-image img { width: 100%; border-radius: 3px 3px 0 0; }
.ev-image:hover .share-text { opacity: 1; letter-spacing: 2px; }
.event-details-title { padding: 30px; background: #fff;
border-bottom: solid 1px var(--border-color); } @media (max-width: 767px) {
.event-details-title { display: -webkit-flex; display: -moz-box; display: flex;
height: auto; clear: both; padding-bottom: 10px; } }
.event-details-title .title { position: relative; display: block; padding-right: 130px;
font-weight: 700; margin-bottom: 0; padding-bottom: 0; }
@media (max-width: 767px) { .event-details-title .title { padding-right: 0; } }
.ads-details-wrapper.event { padding: 30px 30px 15px; border-radius: 0 0 7px 7px; }
.block-cell { display: -webkit-flex; display: -moz-box; display: flex; padding: 15px;
position: relative; width: 100%; border: solid 1px var(--border-color);
-webkit-align-items: center; -moz-box-align: center; align-items: center;
margin-bottom: 20px; }
.block-cell .title { text-transform: capitalize; margin: 0 0 5px; color: #999999;
font-size: 13px; padding: 0; line-height: normal; }
.block-cell .name { font-size: 16px; font-weight: 600; text-transform: capitalize;
display: block; margin-bottom: 5px; padding: 0; line-height: normal; }
.block-cell .rating { display: inline-block; padding: 0 5px; border: 1px solid #2ECC71;
color: #2ECC71; font-size: 12px; line-height: 16px; text-transform: capitalize;
border-radius: 2px; }
.block-cell .cell-media { width: 60px; }
.block-cell .cell-media img { width: 100%; border-radius: 6px; }
.block-cell .cell-content { padding-left: 20px; }
.ev-info-details { -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start;
-webkit-justify-content: center; -moz-box-pack: center; justify-content: center;
display: -webkit-flex; display: -moz-box; display: flex; }
.ev-info-details .ev-icon { vertical-align: top; margin: 5px 15px 0 0; font-size: 18px;
color: #636c72; }
.ev-info-details .ev-details { margin: 2px auto 0; overflow: hidden; -webkit-flex: 1 1 auto;
-moz-box-flex: 1; flex: 1 1 auto; color: #636c72; }
.ev-action { border-top: solid 1px var(--border-color); padding: 20px; }
.ev-action .btn { margin-bottom: 10px; }
.ev-action p { margin-bottom: 0; padding-bottom: 0; }
.seller-profile-img { float: left; width: 100px; margin-right: 15px; }
.seller-social-list .share-this-post { margin: 10px 0; }
.dl-horizontal dt { clear: left; color: #777; float: left; font-weight: normal;
overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap;
width: 170px; word-wrap: normal; margin-top: 5px; }
.dl-horizontal dd { margin-top: 5px; }
@media (min-width: 768px) and (max-width: 990px) {
.list-user-list li { width: 50%; margin-bottom: 10px; } }
@media only screen and (max-width: 500px) {
.list-user-list li { width: 50%; margin-bottom: 10px; } }
.list-user-list li { float: left; display: inline-block; width: 33.33%; margin-bottom: 10px; }
.list-user-list li img { max-height: 60px; max-width: 60px; display: block; margin: 0 auto; }
.list-user-list li img.img-circle { border-radius: 6px; }
/*--------------------------------------------------------------
# Paging Search Filter
--------------------------------------------------------------*/
/* Search & filter
.search-panel{ width: 100%; margin-bottom: 15px; display: flex;
justify-content: right; }
select.form-control { -webkit-appearance: menulist;}
.search-panel .form-row{ width: 50%; text-align: right; }
.search-panel .form-group{ display: inline-block; }
For Loading Overlay by CodexWorld
.datalist-wrapper{ position: relative; }*/
.loading-overlay{ display: none; position: absolute; left: 0; top: 0;
right: 0; bottom: 0; z-index: 2; background: rgba(255,255,255,0.7); }
.overlay-content { position: absolute; transform: translateY(-50%);
-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
top: 50%; left: 0; right: 0; text-align: center; color: #555; }
/* For Pagination Links by CodexWorld */
.pagination2 { /* font-family: Verdana, sans-serif; */ padding:20px; margin:7px;
display: block; text-align: center; }
.pagination2 a { margin: 2px; padding: 0.3em 0.64em 0.43em 0.64em;
background-color: #ff3547; text-decoration: none; color: #fff;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
-webkit-transition: all .2s linear; -o-transition: all .2s linear;
transition: all .2s linear; -webkit-border-radius: .125rem;
border-radius: .125rem; }
.pagination2 a:hover, .pagination2 a:active { padding: 0.3em 0.64em 0.43em 0.64em;
margin: 2px; background-color: #de1818; color: #fff; }
/*--------------------------------------------------------------
# Theme Switcher
--------------------------------------------------------------*/
.theme-switcher { position: fixed; bottom: 24px; z-index: 99999; right: 0;
display: block; vertical-align: top; width: 100px; height: 30px; padding: 3px;
margin: 0 10px 10px 0; background: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
background: -moz- oldlinear-gradient(top, #eeeeee, #FFFFFF 25px);
background: -o-linear-gradient(top, #eeeeee, #FFFFFF 25px);
background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
border-radius: 18px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
cursor: pointer; -moz-box-sizing: content-box; box-sizing: content-box; }
@media (max-width: 767px) { .theme-switcher { display: none; } }
.theme-switcher-label { position: relative; display: block; height: inherit;
font-size: 10px; text-transform: uppercase; background: #eceeef; border-radius: inherit;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
-moz-box-sizing: content-box; box-sizing: content-box; }
.theme-switcher-label:before, .theme-switcher-label:after { position: absolute; top: 50%;
margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit;
-o-transition: inherit; transition: inherit; -moz-box-sizing: content-box; box-sizing: content-box; }
.theme-switcher-label:before { content: attr(data-off); right: 11px; color: #aaaaaa;
text-shadow: 0 1px rgba(255, 255, 255, 0.5); }
.theme-switcher-label:after { content: attr(data-on); left: 11px; color: #FFFFFF;
text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; }
.theme-switcher.active .theme-switcher-label { background: var(--background);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); }
.theme-switcher.active .theme-switcher-label:before { opacity: 0; }
.theme-switcher.active .theme-switcher-label:after { opacity: 1; }
.theme-switcher-handle { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px;
background: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
background: -moz- oldlinear-gradient(top, #FFFFFF 40%, #f0f0f0);
background: -o-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
border-radius: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }
.theme-switcher-handle:before { content: ""; position: absolute; top: 50%; left: 50%;
margin: -6px 0 0 -6px; width: 12px; height: 12px;
background: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
background: -moz- oldlinear-gradient(top, #eeeeee, #FFFFFF);
background: -o-linear-gradient(top, #eeeeee, #FFFFFF);
background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); }
.theme-switcher.active .theme-switcher-handle { left: 74px;
box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); }
html[theme="dark"] .theme-switcher-handle {
background: -webkit-linear-gradient(top, #616161 40%, #7d7d7d) !important;
background: -moz- oldlinear-gradient(top, #616161 40%, #7d7d7d) !important;
background: -o-linear-gradient(top, #616161 40%, #7d7d7d) !important;
background: linear-gradient(to bottom, #616161 40%, #7d7d7d) !important;
background-image: -webkit-linear-gradient(top, #616161 40%, #7d7d7d) !important;
}
html[theme="dark"] .theme-switcher-handle:before {
background: -webkit-linear-gradient(top, #616161, #7d7d7d) !important;
background: -moz- oldlinear-gradient(top, #616161, #7d7d7d) !important;
background: -o-linear-gradient(top, #616161, #7d7d7d) !important;
background: linear-gradient(to bottom, #616161, #7d7d7d) !important;
background-image: -webkit-linear-gradient(top, #616161, #7d7d7d) !important;
}
html[theme="dark"] .theme-switcher {
background: -webkit-linear-gradient(top, #616161, #7d7d7d 25px);
background: -moz- oldlinear-gradient(top, #616161, #7d7d7d 25px);
background: -o-linear-gradient(top, #616161, #7d7d7d 25px);
background: linear-gradient(to bottom, #616161, #7d7d7d 25px);
background-image: -webkit-linear-gradient(top, #616161, #7d7d7d 25px);
box-shadow: inset 0 -1px #4f4f4f, inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
/* Transition
========================== */
.theme-switcher-label, .theme-switcher-handle { transition: All 0.3s ease;
-webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease;
-o-transition: All 0.3s ease; }
a { color : #333333; }
a:focus, a:hover { color: #cb6508f2 ; }
a:hover { color: #cb6508f2 ; text-decoration: none; }
.navbar-light .navbar-nav .nav-link { color: rgb(0 0 0); }
.f-category { border: solid 1px var(--border-color); margin-top: -1px; border-left: 0; padding: 0px;
text-align: center; overflow: hidden; display: block; cursor: pointer; }
html[theme="dark"] a { color : #fff; }
html[theme="dark"] a:focus { color: #feb30a; }
html[theme="dark"] a:hover { color: #feb30a; }
/* html[theme="dark"] a:hover { color: #0056b3; text-decoration: none; } */
html[theme="dark"] body { color: var(--text-color);}
html[theme="dark"] .nav-link { color: var(--text-color);}
html[theme="dark"] .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px;
padding: 1.25rem; background-color: #23242d82; border-color: #181924; }
html[theme="dark"] .content-wrapper { background: #000; }
html[theme="dark"] .card { background-color: #23242d94; border-color: #23242d; color: white; }
html[theme="dark"] .thumbtext { background: #262626ab; color: #fffbfb; }
.nav-sidebar .nav-link p {color: var(--text-color);}
html[theme="dark"] .footer-content { color: var(--text-color); background: var(--footer-bg); }
html[theme="dark"] .footer-title { color: var(--text-color); }
/*--------------------------------------------------------------
# Modal Control
--------------------------------------------------------------*/
.modal-content .modal-header,.modal-content .modal-footer {border-color: #e9ecef !important;}
html[theme="dark"] .modal-content .modal-header,.modal-content .modal-footer {border-color: #424242;}
html[theme="dark"] .modal-header .close {color: #FFF;}
html[theme="dark"] .modal-content {background-color: #05060c;}
html[theme="dark"] .sidebar-modern-inner {
background: var(--category-sidebar-bg); }
html[theme="dark"] .sidebar-modern-inner .block-title.has-arrow:before {
border-color: var(--border-color) transparent transparent; }
html[theme="dark"] .sidebar-modern-inner .block-title.has-arrow:after {
border-color: var(--category-sidebar-bg) transparent transparent; }
html[theme="dark"] .sidebar-modern-inner h5 {
color: var(--sidebar-title-color); }
html[theme="dark"] .sidebar-modern-inner h5 a {
color: var(--sidebar-title-color); }
html[theme="dark"] .search-row .search-col .search-col-inner { background: var(--background--darker); }
html[theme="dark"] .autocomplete-suggestions { background: var(--background--darker); }
html[theme="dark"] .autocomplete-suggestions .autocomplete-suggestion { border-bottom: 1px solid var(--border-color); }
html[theme="dark"] .autocomplete-suggestions .autocomplete-suggestion:hover {
background: var(--background--lighter); color: var(--text-color) !important;
border-color: var(--nav-border); }
html[theme="dark"] .page-content .inner-box.has-aff { background: var(--background--darker); }
html[theme="dark"] .inner-box { background: var(--background); }
html[theme="dark"] .inner-box.has-ad { background: var(--background--darker); }
html[theme="dark"] .category-list-wrapper { background: var(--category-sidebar-bg); }
html[theme="dark"] .content-box { background: var(--panel-bg); }
html[theme="dark"] .f-category h6 { color: var(--text-color); }
html[theme="dark"] .f-category h6 a { color: var(--text-color); }
html[theme="dark"] .f-category h6 .count { color: #9a9a9a; }
html[theme="dark"] .box-title { background: var(--panel-header-bg); }
html[theme="dark"] .featured-list-slider .item > a:hover { background: var(--background--darker); }
html[theme="dark"] .featured-list-row { background: var(--background); }
html[theme="dark"] .item-list:hover { background: var(--category-list-item-hover); }
html[theme="dark"] .category-list:not(.event-category-list) { background: var(--category-sidebar-bg); }
html[theme="dark"] .tab-box { background: var(--tab-box-bg); }
html[theme="dark"] .nav-tabs.add-tabs > li:hover > a { background: var(--tab-box-active-bg); }
html[theme="dark"] .nav-tabs.add-tabs > li.active > a { border-top: 1px solid var(--tab-box-active-border);
background: var(--tab-box-active-bg); }
html[theme="dark"] .nav-tabs.add-tabs > li.active > a:hover, html[theme="dark"] .nav-tabs.add-tabs > li.active > a:active, html[theme="dark"] .nav-tabs.add-tabs > li.active > a:focus {
border-bottom: solid 1px var(--tab-box-active-bg); }
html[theme="dark"] .breadcrumb-list a.current { color: var(--text-color); }
html[theme="dark"] .listing-view-action span.active { color: var(--text-color); }
html[theme="dark"] .list-filter ul li a { color: var(--category-list-color); }
html[theme="dark"] .title-5 { border-bottom: 1px solid var(--border-color); }
html[theme="dark"] .dropdown-menu { color: var(--text-color-light);
background-color: var(--background); border: 1px solid var(--nav-border); }
html[theme="dark"] .dropdown-item { color: var(--link-color); }
html[theme="dark"] .dropdown-item:focus, html[theme="dark"] .dropdown-item:hover {
color: var(--link-hover-color); background: var(--menu-hover-bg); }
html[theme="dark"] .dropdown-item.active, html[theme="dark"] .dropdown-item:active {
color: var(--text-color) !important; }
html[theme="dark"] .btn-secondary, html[theme="dark"] .btn-default {
background-color: var(--background);
color: var(--text-color-light);
border-color: var(--nav-border); }
html[theme="dark"] .btn-secondary:focus, html[theme="dark"] .btn-secondary:hover, html[theme="dark"] .btn-default:focus, html[theme="dark"] .btn-default:hover {
background: var(--background--lighter); color: var(--text-color) !important; }
html[theme="dark"] .save-search-bar:hover { background: var(--background-secondery);
color: var(--text-color) !important; }
html[theme="dark"] .btn-secondary:active, html[theme="dark"] .btn-secondary:active:focus,
html[theme="dark"] .btn-secondary.active, html[theme="dark"] .btn-secondary.active:focus,
html[theme="dark"] .show > .btn-secondary.dropdown-toggle,
html[theme="dark"] .btn-default:active, html[theme="dark"] .btn-default:active:focus,
html[theme="dark"] .btn-default.active, html[theme="dark"] .btn-default.active:focus,
html[theme="dark"] .show > .btn-default.dropdown-toggle,
html[theme="dark"] .input-group-text { background: var(--background--lighter);
color: var(--text-color) !important; border-color: var(--nav-border); }
html[theme="dark"] .pagination-bar .pagination li a { background-color: var(--background);
color: var(--text-color-light); border-color: var(--nav-border); }
html[theme="dark"] .pagination-bar .pagination li a:focus, html[theme="dark"] .pagination-bar .pagination li a:hover {
background: var(--background--lighter); color: var(--text-color) !important;
border-color: var(--nav-border); }
html[theme="dark"] .pagination-bar .pagination li.active a { background: var(--background--lighter);
color: var(--text-color) !important; border-color: var(--nav-border); }
html[theme="dark"] .page-link { position: relative; display: block; padding: 0.5rem 0.75rem;
margin-left: -1px; line-height: 1.25; color: #fcfcfc; background-color: #262626;
border: 1px solid #424242; }
html[theme="dark"] .card-event:not(.featured) .card-title a {
color: #fff;
}
html[theme="dark"] .selecter { border: 1px var(--nav-border) solid !important;
color: #f2f4f6;background-color: var(--background);}
.selecter { border: 1px #26262d52 solid !important; color: #161616;
background-color: #f2f4f6; }
html[theme="dark"] .search-keywords { border: 1px var(--nav-border) solid !important; color: #f2f4f6;
background-color: var(--background); }
.search-keywords { border: 1px #26262d52 solid !important; color: #161616;
background-color: #f2f4f6; }
.orderBy {-webkit-align-self: center;align-self: center;}
/*---------------------------------------------------------------
Home Shop
-----------------------------------------------------------------*/
.an_homecategories .button { margin-right: 0.5em; border-radius: 4px; }
@-webkit-keyframes bigAssButtonPulse {
from { background-color: #749a02; -webkit-box-shadow: 0 0 25px #333; }
50% { background-color: #91bd09; -webkit-box-shadow: 0 0 50px #91bd09; }
to { background-color: #749a02; -webkit-box-shadow: 0 0 25px #333; }
}
@-webkit-keyframes greenPulse {
from { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
50% { background-color: #91bd09; -webkit-box-shadow: 0 0 18px #91bd09; }
to { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
}
@-webkit-keyframes bluePulse {
from { background-color: #007d9a; -webkit-box-shadow: 0 0 9px #333; }
50% { background-color: #2daebf; -webkit-box-shadow: 0 0 18px #2daebf; }
to { background-color: #007d9a; -webkit-box-shadow: 0 0 9px #333; }
}
@-webkit-keyframes redPulse {
from { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
50% { background-color: #e33100; -webkit-box-shadow: 0 0 18px #e33100; }
to { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
}
@-webkit-keyframes magentaPulse {
from { background-color: #630030; -webkit-box-shadow: 0 0 9px #333; }
50% { background-color: #a9014b; -webkit-box-shadow: 0 0 18px #a9014b; }
to { background-color: #630030; -webkit-box-shadow: 0 0 9px #333; }
}
@-webkit-keyframes orangePulse {
from { background-color: #d45500; -webkit-box-shadow: 0 0 9px #333; }
50% { background-color: #ff5c00; -webkit-box-shadow: 0 0 18px #ff5c00; }
to { background-color: #d45500; -webkit-box-shadow: 0 0 9px #333; }
}
@-webkit-keyframes orangellowPulse {
from { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
50% { background-color: #ffb515; -webkit-box-shadow: 0 0 18px #ffb515; }
to { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
}
.an_homecategories a.button {
/* -webkit-animation-duration: 2s; */
-webkit-animation-iteration-count: infinite;
}
.green.button { -webkit-animation-name: greenPulse; -webkit-animation-duration: 8s; }
.blue.button { -webkit-animation-name: bluePulse; -webkit-animation-duration: 4s; }
.red.button { -webkit-animation-name: redPulse; -webkit-animation-duration: 6s; }
.magenta.button { -webkit-animation-name: magentaPulse; -webkit-animation-duration: 7s; }
.orange.button { -webkit-animation-name: orangePulse; -webkit-animation-duration: 8s; }
.orangellow.button { -webkit-animation-name: orangellowPulse; -webkit-animation-duration: 5s; }
.wall-of-buttons { text-align: center; margin-top: 2em; margin-bottom: 2em; }
.an_homecategories button { font-family: inherit; font-size: 100%; margin: 0 }
.an_homecategories button { line-height: normal }
.an_homecategories button { text-transform: none }
.an_homecategories button { -webkit-appearance: button; cursor: pointer }
.an_homecategories button[disabled],html input[disabled] { cursor: default }
.an_homecategories button,.an_homecategories .button { border-style: solid;
border-width: 0; cursor: pointer; font-family: inherit; font-weight: bold;
line-height: normal; margin: 0 .25rem 1.25em; position: relative;
text-decoration: none; text-align: center; display: inline-block;
padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em;
padding-left: 1.5em; font-size: 1em; background-color: #adc708;
border-color: #829606; color: white }
.an_homecategories button:hover,.an_homecategories button:focus,.an_homecategories .button:hover,
.an_homecategories .button:focus { background-color: #829606 }
.an_homecategories button:hover,.an_homecategories button:focus,
.an_homecategories .button:hover,.an_homecategories .button:focus { color: white }
.an_homecategories button.secondary,.an_homecategories .button.secondary {
background-color: #e9e9e9; border-color: #d0d0d0; color: #333333 }
.an_homecategories button.secondary:hover,.an_homecategories button.secondary:focus,
.an_homecategories .button.secondary:hover,
.an_homecategories .button.secondary:focus { background-color: #d0d0d0 }
.an_homecategories button.secondary:hover,.an_homecategories button.secondary:focus,
.an_homecategories .button.secondary:hover,
.an_homecategories .button.secondary:focus { color: #333333 }
.an_homecategories button.success,.an_homecategories .button.success {
background-color: #5da423; border-color: #457a1a; color: white }
.an_homecategories button.success:hover,
.an_homecategories button.success:focus,
.an_homecategories .button.success:hover,
.an_homecategories .button.success:focus { background-color: #457a1a }
.an_homecategories button.success:hover,
.an_homecategories button.success:focus,
.an_homecategories .button.success:hover,
.an_homecategories .button.success:focus { color: white }
.an_homecategories button.alert,.an_homecategories .button.alert {
background-color: #c60f13; border-color: #970b0e; color: white }
.an_homecategories button.alert:hover,.an_homecategories button.alert:focus,
.an_homecategories .button.alert:hover,
.an_homecategories .button.alert:focus { background-color: #970b0e }
.an_homecategories button.alert:hover,
.an_homecategories button.alert:focus,
.an_homecategories .button.alert:hover,
.an_homecategories .button.alert:focus { color: white }
.an_homecategories button.large,.an_homecategories .button.large {
padding-top: 1em; padding-right: 2em; padding-bottom: 1.0625em; padding-left: 2em; font-size: 1.25em }
.an_homecategories button.small,.an_homecategories .button.small {
padding-top: 0.5625em; padding-right: 1.125em; padding-bottom: 0.625em;
padding-left: 1.125em; font-size: 0.8125em }
.an_homecategories button.tiny,.an_homecategories .button.tiny {
padding-top: 0.4375em; padding-right: 0.875em; padding-bottom: 0.5em;
padding-left: 0.875em; font-size: 0.6875em }
.an_homecategories button.expand,.an_homecategories .button.expand {
padding-right: 0; padding-left: 0; width: 100% }
.an_homecategories button.left-align,.an_homecategories .button.left-align {
text-align: left; text-indent: 0.75em }
.an_homecategories button.right-align,.an_homecategories .button.right-align {
text-align: right; padding-right: 0.75em }
.an_homecategories button.disabled,.an_homecategories button[disabled],
.an_homecategories .button.disabled,.an_homecategories .button[disabled] {
background-color: #adc708; border-color: #829606; color: white;
cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none }
.an_homecategories button.disabled:hover,.an_homecategories button.disabled:focus,
.an_homecategories button[disabled]:hover,.an_homecategories button[disabled]:focus,
.an_homecategories .button.disabled:hover,.an_homecategories .button.disabled:focus,
.an_homecategories .button[disabled]:hover,.an_homecategories .button[disabled]:focus {
background-color: #829606 }
.an_homecategories button.disabled:hover,.an_homecategories button.disabled:focus,
.an_homecategories button[disabled]:hover,.an_homecategories button[disabled]:focus,
.an_homecategories .button.disabled:hover,.an_homecategories .button.disabled:focus,
.an_homecategories .button[disabled]:hover,.an_homecategories .button[disabled]:focus {
color: white }
.an_homecategories button.disabled:hover,.an_homecategories button.disabled:focus,
.an_homecategories button[disabled]:hover,.an_homecategories button[disabled]:focus,
.an_homecategories .button.disabled:hover,.an_homecategories .button.disabled:focus,
.an_homecategories .button[disabled]:hover,.an_homecategories .button[disabled]:focus {
background-color: #adc708 }
.an_homecategories button.disabled.secondary,.an_homecategories button[disabled].secondary,
.an_homecategories .button.disabled.secondary,.an_homecategories .button[disabled].secondary {
background-color: #e9e9e9; border-color: #d0d0d0;
color: #333333; cursor: default; opacity: 0.6;
-webkit-box-shadow: none; box-shadow: none }
.an_homecategories button.disabled.secondary:hover,.an_homecategories button.disabled.secondary:focus,
.an_homecategories button[disabled].secondary:hover,
.an_homecategories button[disabled].secondary:focus,
.an_homecategories .button.disabled.secondary:hover,
.an_homecategories .button.disabled.secondary:focus,
.an_homecategories .button[disabled].secondary:hover,
.an_homecategories .button[disabled].secondary:focus {
background-color: #d0d0d0 }
.an_homecategories button.disabled.secondary:hover,
.an_homecategories button.disabled.secondary:focus,
.an_homecategories button[disabled].secondary:hover,
.an_homecategories button[disabled].secondary:focus,
.an_homecategories .button.disabled.secondary:hover,
.an_homecategories .button.disabled.secondary:focus,
.an_homecategories .button[disabled].secondary:hover,
.an_homecategories .button[disabled].secondary:focus { color: #333333 }
.an_homecategories button.disabled.secondary:hover,
.an_homecategories button.disabled.secondary:focus,
.an_homecategories button[disabled].secondary:hover,
.an_homecategories button[disabled].secondary:focus,
.an_homecategories .button.disabled.secondary:hover,
.an_homecategories .button.disabled.secondary:focus,
.an_homecategories .button[disabled].secondary:hover,
.an_homecategories .button[disabled].secondary:focus { background-color: #e9e9e9 }
.an_homecategories button.disabled.success,
.an_homecategories button[disabled].success,
.an_homecategories .button.disabled.success,
.an_homecategories .button[disabled].success { background-color: #5da423; border-color: #457a1a;
color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none }
.an_homecategories button.disabled.success:hover,
.an_homecategories button.disabled.success:focus,
.an_homecategories button[disabled].success:hover,
.an_homecategories button[disabled].success:focus,
.an_homecategories .button.disabled.success:hover,
.an_homecategories .button.disabled.success:focus,
.an_homecategories .button[disabled].success:hover,.button[disabled].success:focus {
background-color: #457a1a }
.an_homecategories button.disabled.success:hover,
.an_homecategories button.disabled.success:focus,
.an_homecategories button[disabled].success:hover,
.an_homecategories button[disabled].success:focus,
.an_homecategories .button.disabled.success:hover,
.an_homecategories .button.disabled.success:focus,
.an_homecategories .button[disabled].success:hover,
.an_homecategories .button[disabled].success:focus { color: white }
.an_homecategories button.disabled.success:hover,
.an_homecategories button.disabled.success:focus,
.an_homecategories button[disabled].success:hover,
.an_homecategories button[disabled].success:focus,
.an_homecategories .button.disabled.success:hover,
.an_homecategories .button.disabled.success:focus,
.an_homecategories .button[disabled].success:hover,
.an_homecategories .button[disabled].success:focus { background-color: #5da423 }
.an_homecategories button.disabled.alert,
.an_homecategories button[disabled].alert,
.an_homecategories .button.disabled.alert,
.an_homecategories .button[disabled].alert { background-color: #c60f13; border-color: #970b0e;
color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none }
.an_homecategories button.disabled.alert:hover,
.an_homecategories button.disabled.alert:focus,
.an_homecategories button[disabled].alert:hover,
.an_homecategories button[disabled].alert:focus,
.an_homecategories .button.disabled.alert:hover,
.an_homecategories .button.disabled.alert:focus,
.an_homecategories .button[disabled].alert:hover,
.an_homecategories .button[disabled].alert:focus { background-color: #970b0e}
.an_homecategories button.disabled.alert:hover,
.an_homecategories button.disabled.alert:focus,
.an_homecategories button[disabled].alert:hover,
.an_homecategories button[disabled].alert:focus,
.an_homecategories .button.disabled.alert:hover,
.an_homecategories .button.disabled.alert:focus,
.an_homecategories .button[disabled].alert:hover,
.an_homecategories .button[disabled].alert:focus { color: white }
.an_homecategories button.disabled.alert:hover,
.an_homecategories button.disabled.alert:focus,
.an_homecategories button[disabled].alert:hover,
.an_homecategories button[disabled].alert:focus,
.an_homecategories .button.disabled.alert:hover,
.an_homecategories .button.disabled.alert:focus,
.an_homecategories .button[disabled].alert:hover,
.an_homecategories .button[disabled].alert:focus { background-color: #c60f13 }
.an_homecategories button,.an_homecategories .button {
padding-top: 0.8125em; padding-bottom: 0.75em; -webkit-appearance: none }
.an_homecategories button.tiny,.an_homecategories .button.tiny {
padding-top: 0.5em; padding-bottom: 0.4375em; -webkit-appearance: none }
.an_homecategories button.small,.an_homecategories .button.small {
padding-top: 0.625em; padding-bottom: 0.5625em; -webkit-appearance: none }
.an_homecategories button.large,.an_homecategories .button.large {
padding-top: 1.03125em; padding-bottom: 1.03125em; -webkit-appearance: none }
@media only screen {
.an_homecategories button,.an_homecategories .button {
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
-webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out }
.an_homecategories button:active,.an_homecategories .button:active {
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.2) inset }
.an_homecategories button.radius,.an_homecategories .button.radius {
-webkit-border-radius: 0; border-radius: 0 }
.an_homecategories button.round,.an_homecategories .button.round {
-webkit-border-radius: 1000px; border-radius: 1000px }
}
@media only screen and (min-width: 768px) {
.an_homecategories button,.an_homecategories .button { display:inline-block }
}
.prefix,.postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0;
padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: 0.875em; height: 2.3125em; line-height: 2.3125em}
.postfix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125em }
.prefix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125em }
.prefix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0;
-webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0}
.postfix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0;
-webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0 }
.prefix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px;
-webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px}
.postfix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px;
-webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px }