/* CSS Document */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
        url('/assets/fonts/open-sans-v18-latin-ext_latin-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local(''),
        url('/assets/fonts/open-sans-v18-latin-ext_latin-600.woff2') format('woff2');
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local(''),
        url('/assets/fonts/open-sans-v18-latin-ext_latin-700.woff2') format('woff2');
}

body { font-family: 'Open Sans', sans-serif; background-color: #ededed; margin-top: 66px;}
a { transition: color .2s;}
a:focus { outline: none;}

/* Bootstrap Reset */

.form-group .control-label { font-weight: 600; color: #454545;}
.alert p { font-weight: 300;}
.pagination li a { margin: 0 3px; border-radius: 3px !important;}
.btn { border-radius: 3px;}

/* Header */

.navbar { min-height: 66px; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.08); background-color: #18232d; box-shadow: 0 10px 26px rgba(12, 20, 28, 0.22);}
.navbar .container { position: relative; max-width: 100%;}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form { border-color: transparent;}
.navbar-header { display: flex; align-items: center; justify-content: space-between; min-height: 66px; padding: 0 15px; margin-right: -15px; margin-left: -15px;}
.navbar-brand { height: auto; margin: 0; padding: 0; color: #ffffff !important; display: inline-flex; align-items: center; gap: 10px; position: static; float: none; max-width: calc(100% - 112px); text-decoration: none !important;}
.navbar-brand-mark { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; line-height: 1;}
.navbar-brand-text { display: block; font-size: 18px; line-height: 1; text-transform: uppercase; font-weight: 700; letter-spacing: 0.08em; white-space: nowrap;}
.navbar-brand i.fa { font-size: 25px; color: #ff4b5c; margin: 0; position: static; transition: color 0.3s ease;}
.navbar-brand:hover { color: #ffffff !important; }
.navbar-brand:hover i.fa { color: #00aeef; }
.navbar-actions { display: inline-flex; align-items: center; margin-left: auto; }
.navbar-toggle { margin: 0; padding: 0 12px; width: auto; height: 38px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; background-color: rgba(255, 255, 255, 0.06); display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: 9px; cursor: pointer;}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus { background-color: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.32); }
.navbar-toggle-text { color: #ffffff; font-size: 13px; font-weight: 700; line-height: 1; }
.navbar-toggle-icon { display: inline-flex; flex-direction: column; gap: 5px; }
.navbar-inverse .navbar-toggle .icon-bar { display: block; width: 16px; height: 2px; margin: 0; border-radius: 999px; background-color: #ffffff; }
.navbar-collapse { padding-right: 15px; padding-left: 15px; background-color: #18232d; border-top: 1px solid rgba(255, 255, 255, 0.08); box-shadow: none; }
.navbar-form { margin: 0; padding: 14px 0 10px; border: none; box-shadow: none; }
.navbar .input-group { width: 100%; display: flex; align-items: stretch; border: 1px solid rgba(255, 255, 255, 0.92); border-radius: 999px; background-color: #ffffff; overflow: hidden; }
.navbar form input { flex: 1 1 auto; width: 1%; min-width: 0; height: 40px; background-color: transparent; border: none; color: #46545f; box-shadow: none; padding: 0 13px; font-size: 13px; }
.navbar form input:focus { outline: none; box-shadow: none !important; border-color: transparent; background-color: transparent; }
.navbar form .input-group-btn { display: flex; flex: 0 0 40px; width: 40px; }
.navbar form button { width: 40px; height: 40px; border: none; background-color: transparent; box-shadow: none; }
.navbar form button i.fa { color: #d93e2e; font-size: 14px; }
.navbar-inverse .navbar-nav { margin: 0; padding: 4px 0 14px; }
.navbar-inverse .navbar-nav > li { float: none; }
.navbar-inverse .navbar-nav > li > a { position: relative; color: #d5dde5; font-size: 14px; font-weight: 600; padding: 12px 14px; border-radius: 10px; transition: color 0.25s ease, background-color 0.25s ease; }
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.08); }
.navbar-inverse .navbar-nav > li.active > a,
.navbar-inverse .navbar-nav > li.active > a:hover,
.navbar-inverse .navbar-nav > li.active > a:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.10); }
.navbar-inverse .navbar-nav > li.active a:after { display: none; }

/* Site Titles */

.siteTitle { border-bottom: 1px solid #46a3ea; padding-top: 10px; margin-bottom: 30px;}
.siteTitle h1,
.siteTitle h2,
.siteTitle h3 { display:inline-block; margin: 0; padding: 0; font-size: 23px; color: #121212; font-weight: 600; border-bottom: 3px solid #46a3ea; padding-bottom: 10px; padding-right: 20px;}
.siteTitle h2 { font-size: 21px;}
.siteTitle small { font-size: 15px; font-weight: 300; color: #606060;}
.siteTitle .stSearch { font-size: 75%; color: #555555; display: block;}

/* Products Listing */

.proList .row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-right: 0; margin-left: 0;}
.proList .row > [class*="col-"] { display: block; width: auto; float: none; padding-right: 0; padding-left: 0;}
.proList .alert { width: 100%;}
.proListItem { display: flex; flex-direction: column; width: 100%; height: 100%; margin-bottom: 0; background-color: #ffffff; border: 1px solid #e8eef2; position:relative; border-radius: 6px; overflow: hidden; box-shadow: 0 4px 14px rgba(17, 17, 17, 0.04); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.proListItem a { text-decoration: none;}
.proListItem > a:last-child { display: flex; flex-direction: column; flex: 1 1 auto;}

.proListItem .image { display: flex; align-items: center; justify-content: center; width: 100%; height: 238px; text-align:center; margin-bottom: 0; overflow:hidden; position:relative; background-color: #f8fafb; border-bottom: 1px solid #edf2f5;}
.proListItem .image img { display:block; width: 100%; height: 100%; max-width: 100%; -webkit-transition: transform .55s ease; -moz-transition: transform .55s ease; -ms-transition: transform .55s ease; -o-transition: transform .55s ease; transition: transform .55s ease; text-indent: -9999px; object-fit: contain; object-position: center; padding: 8px;}
.proListItem .image > span { display: block; position: absolute; inset: 0; width: 100%; background: linear-gradient(180deg, rgba(255,255,255,0) 70%, rgba(24,35,45,0.04) 100%);}
.proListItem:not(.opac50) .image:hover img { -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);}

.proListItem .title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0; padding: 10px 11px 8px; font-size: 13px; color: #34424c; font-weight: 600; line-height: 19px; text-align:left; min-height: 46px; height: auto; overflow:hidden; transition:color 0.25s ease;}

.proListItem .prices { display: flex; align-items: baseline; gap: 7px; margin-top: auto; padding: 0 11px 8px; border-top: none; border-bottom: none;}
.proListItem .prices .price { font-size: 16px; color: #1d74b7; font-weight: 700; line-height: 1.2;}
.proListItem .prices .price.red { color: #d7193f;}
.proListItem .prices .price small { font-size: 11px; font-weight: 700;}
.proListItem .prices .oldprice { font-size: 12px; color: #9ba6ad; font-weight: 400; margin-left: auto; line-height: 1.2;}
.proListItem .prices .oldprice span { text-decoration: line-through;}
.proListItem .prices .oldprice small { font-size: 9px;}

.proListItem .stockship { display: flex; align-items: center; gap: 7px; font-size: 11px; color: #8b99a3; padding: 8px 11px; border-top: 1px solid #edf2f5; background-color: #fbfcfd;}
.proListItem .stock { color: #3f8f3f; font-weight: 600;}
.proListItem .ship { margin-left: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.proListItem .ship i { margin-right: 4px; color: #9aa7b1;}

.proListItem .ribbon { position: absolute; right:8px; top:8px; z-index: 3; overflow: visible; width: auto; height: auto; text-align:right;}
.proListItem .ribbon span { display: inline-flex; align-items: center; justify-content: center; width: auto; min-width: 44px; height: 22px; padding: 0 8px; font-size: 10px; font-weight: 700; color: #ffffff; text-transform:uppercase; text-align:center; line-height: 22px; transform:none; -webkit-transform:none; background: #d7193f; box-shadow: 0 4px 10px rgba(215, 25, 63, 0.20); position: static; border-radius: 999px;}
.proListItem .ribbon span:before,
.proListItem .ribbon span:after { display: none;}

.proListItem .isLabel { position: absolute; top: 8px; left: 8px; z-index: 3;}
.proListItem .isLabel.isNew span { display: inline-flex; align-items: center; height: 22px; text-transform: uppercase; font-size: 10px; color: #ffffff; font-weight: 700; padding: 0 8px; border-radius: 999px; box-shadow: 0 4px 10px rgba(63, 143, 63, 0.18);}
.proListItem .isLabel.isNew span { background-color: #3f8f3f;}

.proListItem:not(.opac50):hover { -webkit-box-shadow: 0 10px 22px rgba(17, 17, 17, 0.08); box-shadow: 0 10px 22px rgba(17, 17, 17, 0.08); border-color: #d8e3eb; transform: translateY(-1px);}
.proListItem:not(.opac50):hover .title { color: #d7193f; transition:color 0.25s ease;}
.noRes { font-size: 17px; color: #d34006; background-color: #ffffff; padding: 15px 20px; border-radius: 3px; margin-bottom: 30px; -webkit-box-shadow: 0 0 2px 0 #c9c9c9; box-shadow: 0 0 2px 0 #c9c9c9;}

/* Filters */

.sbFilter { background-color: #ffffff; padding: 15px 20px; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom: 20px; -webkit-box-shadow: 0 0 2px 0 #c9c9c9; box-shadow: 0 0 2px 0 #c9c9c9; border-bottom: 4px solid #00aeef;}
.sbFilter h4 { margin: 0; font-size: 13px; color: #758185; font-weight: 600; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #efefef; margin-bottom: 15px;}
.sbFilter h4 a.delete { display:inline-block; font-size: 11px; color: #cc3333; font-weight: normal; text-decoration: none;}
.sbfCheck ul { margin: 0;}
.sbfCheck ul li { display: block; padding: 2px 0;}
.sbfCheck ul li a { text-decoration: none;}
.sbfCheck ul li a i.fa-square-o { opacity: 0.75;}
.sbfList ul li { display: block; padding: 2px 0;}
.sbfList ul li a { display: block; text-decoration: none; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.sbfList ul li a i.fa { margin-left: 2px; margin-right: 5px; opacity: 0.60;}
.sbfList ul li.more a { font-size: 12px; color: #4152b5; font-weight: 600; padding-left: 8px;}
.sbfList ul li:last-child { border-bottom: none;}

.sbmBtns { display: flex; position: relative; top: -16px;}
.sbmBtns .btn { color: #555555;}
.sbmBtns .btn i { margin-right: 4px;}
.sbmBtns .sort { margin-left: auto;}
.sideBoxMobile { display: none;}
.sideBoxMobile.show { display: block; position: fixed; top: 50px; bottom: 0; left: 0; right: 0; padding: 8px; background-color: #f7f7f7; overflow-y: auto; z-index: 100;}
.sideBoxMobile .sbmHead { display: flex; align-items: center; margin-bottom: 8px;}
.sideBoxMobile .sbmHead .title { font-size: 18px;}
.sideBoxMobile .sbmHead .button { margin-left: auto;}

.sbColors ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px;}
.sbColors ul li a { display: flex; align-items: center; gap: 8px;}
.sbColors ul li a .iconColor { display: block; width: 16px; height: 16px; flex-shrink: 0;}
.sbColors ul li a .iconColor.white { border: 1px solid #dedede;}
.sbColors ul li a .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/* Home */

.homeHeroSrc { position: relative; top: -20px; margin-bottom: 34px; background-color: #111a22; overflow: hidden;}
.hhsImage { position: relative; height: 420px; background-color: #111a22; overflow: hidden;}
.hhsImage:after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(13, 22, 31, 0.88) 0%, rgba(13, 22, 31, 0.62) 42%, rgba(13, 22, 31, 0.28) 100%);}
.hhsImage img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; opacity: 0.86;}
.hhsBox { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center;}
.hhsTitle { max-width: 760px; margin: 0 auto 30px; font-size: 30px; line-height: 42px; color: #ffffff; text-shadow: 0 2px 16px rgba(0, 0, 0, 0.28);}
.hhsTitle strong { font-weight: 700;}
.hhsForm { width: 680px; max-width: 100%; margin: 0 auto; z-index: 5; position: relative; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);}
.hhsForm .input-group { border-radius: 8px; overflow: hidden;}
.hhsForm .hhsOver { position: absolute; z-index: 6; left: 18px; top: 13px; font-size: 20px; color: #9aa7b1;}
.hhsForm .form-control { height: 54px; padding-left: 48px; border: none !important; box-shadow: none !important; color: #2d3740;}
.hhsForm .btn-search { height: 54px; border: none; background-color: #d7193f; color: #ffffff; font-weight: 700; padding-left: 34px !important; padding-right: 34px !important;}
.hhsForm .btn-search:hover,
.hhsForm .btn-search:focus { background-color: #bd1536; color: #ffffff;}

.homeTitle { margin-top: 0; padding-top: 0; border-bottom-color: #d8e2ea;}
.homeTitle h1 { color: #192530; border-bottom-color: #00aeef;}
.homeTitle small { color: #697783;}
.homeWelm { display: flex; align-items: center; gap: 22px; background-color: #ffffff; padding: 22px 24px; border-radius: 8px; margin-bottom: 24px; box-shadow: 0 14px 32px rgba(17, 17, 17, 0.06); position:relative; border-left: 4px solid #d7193f;}
.homeWelm p { font-size: 15px; font-weight: normal; margin: 0; color: #5e6a73; line-height: 26px;}
.homeWelm p a { font-weight: bold; color: #d7193f; text-decoration: none;}
.homeWelm p a:hover { color: #006393;}
.homeWelm p strong { font-weight: bold; color: #192530;}
.homeWelm .hwPic { display:inline-block; width: 95px; height: 120px; flex: 0 0 95px; position:relative; background:url(/assets/images/homeWelm.png) no-repeat center scroll; margin: 0 0 -22px auto; top: auto; right: auto; border-radius: 8px;}

.homeCategs { position: relative; margin-bottom: 26px;}
.homeCategs .row { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; margin-right: 0; margin-left: 0;}
.homeCategs .row > div { width: auto; float: none; padding-right: 0; padding-left: 0;}
.homeCategs .row > div:nth-child(1),
.homeCategs .row > div:nth-child(2),
.homeCategs .row > div:nth-child(5),
.homeCategs .row > div:nth-child(6) { grid-column: span 3;}
.homeCategs .row > div:nth-child(3),
.homeCategs .row > div:nth-child(4) { grid-column: span 6;}
.homeCategs .mb2 { margin-bottom: 0;}
.homeCategs .hcBox { position: relative; border-radius: 8px; box-shadow: 0 14px 30px rgba(17, 17, 17, 0.08); overflow: hidden; background-color: #111a22;}
.homeCategs .hcBox:after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 18, 26, 0.02) 20%, rgba(10, 18, 26, 0.78) 100%); pointer-events: none;}
.homeCategs .hcBox img { width: 100%; height: 260px; object-fit: cover; object-position: center; -webkit-transition: transform .65s ease; -moz-transition: transform .65s ease; -ms-transition: transform .65s ease; -o-transition: transform .65s ease; transition: transform .65s ease;}
.homeCategs .hcBox a { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; position: absolute; inset: 0; z-index: 2; background-color: transparent; text-align: left; text-decoration: none; padding: 20px;}
.homeCategs .hcBox a > * { text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);}
.homeCategs .hcBox a h3 { max-width: 100%; font-size: 15px; line-height: 20px; color: #ffffff; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; margin: 0 0 8px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.homeCategs .hcBox a span { display: inline-block; width: 34px; border-bottom: 3px solid #ff4b5c; margin-bottom: 12px;}
.homeCategs .hcBox a h4 { max-width: 100%; font-size: 13px; line-height: 20px; color: #ffffffd9; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.homeCategs .col-md-3 .hcBox a { width: auto; left: auto;}
.homeCategs .hcBox:hover img { -webkit-transform:scale(1.08); -moz-transform:scale(1.08); -ms-transform:scale(1.08); -o-transform:scale(1.08); transform:scale(1.08);}

.homeDealsLayout { display: flex; align-items: flex-start;}
.homeDealsLayout > .col-md-9,
.homeDealsLayout > .col-md-3 { float: none;}
.homeDealsLayout > .col-md-push-3 { left: auto;}
.homeDealsLayout > .col-md-pull-9 { right: auto; order: -1;}
.homeDealsLayout .btn-info { border: none; border-radius: 8px; background-color: #18232d; font-weight: 700; box-shadow: 0 12px 24px rgba(17, 17, 17, 0.10);}
.homeDealsLayout .btn-info:hover,
.homeDealsLayout .btn-info:focus { background-color: #d7193f;}
.sbfListHome { padding: 12px 14px 18px; border-radius: 8px; border-bottom: 3px solid #00aeef; box-shadow: 0 14px 28px rgba(17, 17, 17, 0.06);}
.sbfListHome ul li a { padding: 9px 10px; border-radius: 6px;}
.sbfListHome ul li a:hover { background-color: #f5f8fa;}

.homeInfoBigs { background-color: #ffffff; border-radius: 8px; box-shadow: 0 14px 30px rgba(17, 17, 17, 0.06); border-bottom: 3px solid #ec008c;}
.hibBox { border-right: 1px solid #e7edf2;}
.hibBox .title { color: #18232d; text-transform: uppercase;}
.hibBox .title::after { content: ' '; display: block; position: absolute; top: 38px; width: 30%; left: 35%; border-bottom: 2px solid #ff4b5c;}
.homeInfoBigs .row > div:last-child .hibBox { border-right: none;}

/* Product Page */

.proPage { margin-bottom: 10px;}
.proPageHead h1.title { margin: 0; padding: 0; font-size: 23px; font-weight: 600; line-height: 32px; margin-bottom: 20px;}
.proPageHead h1.title a { color: #333333; text-decoration: none; transition:color 0.4s ease;}
.proPageHead h1.title a:hover { color: #006393; transition:color 0.4s ease;}
.ppImage { background-color: #ffffff; text-align:center; border-radius: 3px; border: 5px solid #ffffff; overflow:hidden; position:relative; margin-bottom: 20px; -webkit-box-shadow: 0 0 2px 0 #c9c9c9; box-shadow: 0 0 2px 0 #c9c9c9;}
.ppImage img { display:inline-block; max-width: 100%; max-height: 600px; object-fit: contain; object-position: center;}
.ppImage > span { display: block; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%;}
.ppBc { font-size: 12px; font-weight: normal; color: #858585; text-transform:uppercase; margin-bottom: 5px;}
.ppBc span { display:inline-block; margin: 0 10px;}

.ppInfo { background-color: #ffffff; padding: 15px 20px; border-radius: 3px; margin-bottom: 20px; -webkit-box-shadow: 0 0 2px 0 #c9c9c9; box-shadow: 0 0 2px 0 #c9c9c9;}
.ppInfo .discount { display: block; font-size: 13px; color: #565656; text-transform: uppercase; margin-top: 10px; padding-top: 10px; border-top: 1px solid #ededed;}
.ppInfo .discount span { display: inline-block; color: #e06257; text-transform: none; margin-left: 30px;}

.ppPrice .pppShow { display: block; font-size: 11px; font-weight: 300; color: #858585; text-transform:uppercase;}
.ppPrice .price { display:inline-block; font-size: 25px; color: #2988e4; font-weight: bold;}
.ppPrice .price.red { color: #d93e2e;}
.ppPrice .oldprice { display:inline-block; font-size: 20px; font-weight: normal; color: #b3b3b3; text-decoration:line-through; margin-left: 30px;}
.ppPrice .oldprice small { font-size: 20px; font-weight: 300;}

.ppBuy { margin-bottom: 30px;}

.ppShipping { background-color: #ffffff; padding: 10px; border-radius: 3px; margin-bottom: 20px; -webkit-box-shadow: 0 0 2px 0 #c9c9c9; box-shadow: 0 0 2px 0 #c9c9c9; position: relative; padding-left: 60px; min-height: 60px;}
.ppShipping .icon { position: absolute; top: 14px; left: 10px; opacity: 0.30;}
.ppShipping .icon i.fa { display: inline-block; font-size: 32px; color: #2988e4;}
.ppShipping ul { margin-bottom: 0;}
.ppShipping ul li { font-size: 11px; text-transform: uppercase; color: #656565; margin-top: 5px;}
.ppShipping ul li:first-child { margin-top: 2px;}
.ppShipping ul li strong { font-weight: 500;}

.ppSocial { background-color: #ffffff; padding: 15px 10px; border-radius: 3px; margin-bottom: 20px; -webkit-box-shadow: 0 0 2px 0 #c9c9c9; box-shadow: 0 0 2px 0 #c9c9c9;}
.ppSocial span.info { display:inline-block; font-size: 14px; color: #0078b7; font-weight: normal;}
.ppSocial span.info i.fa { font-size: 30px; color: #d4ce6f;}
.ppSocial .margin { margin-right: 20px;}
.ppSocial .whatsapp { display: inline-block; background-color: #59bb4d; font-size: 12px; font-weight: 600; color: #ffffff; text-decoration: none; padding: 5px 10px; border-radius: 5px;}

.proPageDesc { background-color: #ffffff; padding: 15px 20px; border-radius: 3px; margin-bottom: 20px; -webkit-box-shadow: 0 0 2px 0 #c9c9c9; box-shadow: 0 0 2px 0 #c9c9c9;}
.proPageDesc > strong.title { display: block; margin-bottom: 10px; font-size: 17px; font-weight: normal; color: #0078b7;}
.proPageDesc .brand { margin-bottom: 0; font-size: 15px;}
.proPageDesc .brand a { color: #0078b7; text-decoration: none !important;}
.proPageDesc .brand a i.fa { color: #9b59b6;}
.proPageDesc > p { margin: 0; line-height: 21px;}
.proPageDisc { background-color: #ffffff; padding: 15px 20px; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom: 20px; -webkit-box-shadow: 0 0 2px 0 #c9c9c9; box-shadow: 0 0 2px 0 #c9c9c9; border-bottom: 4px solid #ed1c24;}
.proPageDisc small { display: block; font-size: 12px; color: #000000; font-weight: 300; line-height: 20px;}
.proPageDisc p { display: block; font-size: 13px; color: #565656; font-weight: normal; line-height: 20px;}
.proPageDisc p:last-child { margin-bottom: 5px;}

.ppBuyMBox { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; background-color: #ffffff; border-top: 1px solid #e3e7ea;}
.ppBuyMBox .alert { border-bottom: 1px solid #e3e7ea; border-radius: 0; margin: 0; padding: 0 0 3px 0;}

.proPageBrandMore { background: url(/assets/images/proPageBrandMore.png) no-repeat center scroll; background-size: cover; border-radius: 3px; margin-bottom: 20px;}
.proPageBrandMore a { display: block; text-decoration: none; color: #ffffff; text-align: center; padding: 30px 0;}
.proPageBrandMore a span { display: block; font-size: 12px; color: #eeeeee; margin-bottom: 5px;}
.proPageBrandMore a strong { display: block; font-size: 24px; font-weight: 600;}

/* Categories SideBar */

.proCategs { background-color: #ffffff; padding: 2px 5px; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom: 20px; -webkit-box-shadow: 0 0 2px 0 #c9c9c9; box-shadow: 0 0 2px 0 #c9c9c9; border-bottom: 4px solid #00aeef;}
.proCategs ul { margin: 0;}
.proCategs ul li { display: block; border-bottom: 1px solid #efefef;}
.proCategs ul li a { display: block; padding: 8px 15px; font-size: 14px; color: #565656; font-weight: 600; text-decoration: none; transition:color 0.4s ease; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.proCategs ul li a span { display:inline-block; margin-left: 3px; font-weight: 300; color: #898989;}
.proCategs ul li a:hover { color: #d93e2e; transition:color 0.4s ease;}
.proCategs ul li.disabled a { color: #bababa; cursor: not-allowed;}
.proCategs ul li.disabled a span { opacity: 0.50;}
.proCategs ul li:last-child { border-bottom: none; margin-bottom: 5px;}

/* Articles */

.proArticles a { display: block; text-decoration: none; border-radius: 3px; background-color: #ffffff; -webkit-box-shadow: 0 0 2px 0 #c9c9c9; box-shadow: 0 0 2px 0 #c9c9c9; margin-bottom: 12px;}
.proArticles a .image { padding: 2px;}
.proArticles a .image img { width: 100%; height: 200px; object-fit: cover; object-position: center; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.proArticles a .imagePH { width: 100%; height: 200px; display: flex; align-items: center; justify-content: center; background-color: #eeeeee;}
.proArticles a .imagePH i { font-size: 36px; color: #dedede;}
.proArticles a .text { padding: 8px;}
.proArticles a .title { height: 42px; font-size: 15px; color: #565656; font-weight: 600; margin-bottom: 4px;}
.proArticles a .description { font-size: 13px; color: #999999;}
.proArticles a:hover { box-shadow: 0 0 6px 0 #0000001f;}
.proArticles a:hover .title { color: #d93e2e;}

.proArticle { margin-bottom: 10px;}
.proArticle h2 { font-size: 22px;}
.proArticle h3 { font-size: 20px;}
.proArticle h4 { font-size: 18px;}
.parBox { background-color: #ffffff; padding: 20px; border-radius: 3px; margin-bottom: 20px; -webkit-box-shadow: 0 0 2px 0 #c9c9c9; box-shadow: 0 0 2px 0 #c9c9c9;}
.parBox h1 { font-size: 32px; font-weight: 600; color: #333333; line-height: 36px; letter-spacing: 1px; margin: 0 0 20px 0;}
.parImage { margin-bottom: 20px;}
.parImage img { width: 100%; max-height: 600px; object-fit: cover; object-position: center;}
.parText { font-size: 15px; line-height: 28px; color: #333333;}
.parText strong { font-weight: 600;}
.parInfo { font-size: 14px; color: #888888;}
.parText .articleProducts { margin: 28px 0;}
.parText .articleProducts:first-child { margin-top: 0;}
.articleProducts { background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%); border: 1px solid #ececec; border-radius: 16px; padding: 16px; box-shadow: 0 8px 24px rgba(17, 17, 17, 0.06);}
.articleProductsHead { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px;}
.articleProductsTag { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: #3b3b3b; font-weight: 600;}
.articleProductsTag span { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 999px; background-color: #f2daa9; color: #8b5b00; font-weight: 700; flex-shrink: 0;}
.articleProductsTag strong { font-weight: 700;}
.articleProductsMeta { font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color: #8c8c8c;}
.articleProductsGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;}
.articleProducts--inline .articleProductsGrid { overflow: visible; padding-right: 0; margin-right: 0; scroll-snap-type: none;}
.articleProducts--inline .articleProductCard { width: auto;}
.articleProductCard { display: flex; flex-direction: column; border-radius: 14px; overflow: hidden; background-color: #ffffff; text-decoration: none; border: 1px solid #ececec; box-shadow: 0 1px 2px rgba(17, 17, 17, 0.04); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.articleProductCard:hover { text-decoration: none; border-color: #dedede; box-shadow: 0 10px 18px rgba(17, 17, 17, 0.08); transform: translateY(-2px);}
.articleProductCardImage { position: relative; display: block; background-color: #f5f5f5; overflow: hidden; min-height: 260px;}
.articleProductCardImage img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}
.articleProductCardBody { display: flex; flex-direction: column; gap: 8px; padding: 12px;}
.articleProductCardTitle { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; line-height: 18px; color: #444444; font-weight: 600; min-height: 54px;}
.articleProductCardAction { display: inline-flex; align-self: flex-start; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #d93e2e;}
.articleProducts--bottom { margin-top: 24px;}
.articleProducts--bottom .articleProductsGrid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));}
.articleProducts--bottom .articleProductCardImage { aspect-ratio: 1 / 1.1;}

@media (min-width: 992px) {
    .articleProducts--inline .articleProductsGrid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 991px) {
    .articleProducts--inline .articleProductsGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.homeArticlesSection { margin: 30px 0 20px;}
.siteTitle--split { display: flex; align-items: flex-end; justify-content: space-between; gap: 15px;}
.siteTitle--split small { font-size: 13px; font-weight: 600; color: #7a7a7a; padding-bottom: 10px;}
.siteTitle--split small a { color: #d93e2e; text-decoration: none;}
.siteTitle--split small a:hover { color: #006393;}
.articleFeed { margin-bottom: 10px;}
.articleCardsGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;}
.articleCardsGrid--home { grid-template-columns: repeat(2, minmax(0, 1fr));}
.articleCard { display: flex; flex-direction: column; background-color: #ffffff; border-radius: 18px; overflow: hidden; box-shadow: 0 12px 30px rgba(17, 17, 17, 0.06); text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease;}
.articleCard:hover { text-decoration: none; transform: translateY(-2px); box-shadow: 0 16px 34px rgba(17, 17, 17, 0.09);}
.articleCardMedia { position: relative; display: block; background-color: #f1f1f1; aspect-ratio: 16 / 10; overflow: hidden;}
.articleCardMedia img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}
.articleCardCategory { position: absolute; top: 14px; left: 14px; z-index: 2; display: inline-flex; align-items: center; max-width: calc(100% - 28px); padding: 6px 10px; border-radius: 999px; background-color: rgba(255, 255, 255, 0.92); color: #2b2f33; font-size: 10px; line-height: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.articleCardPlaceholder { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #d1d1d1; font-size: 48px;}
.articleCardBody { display: flex; flex-direction: column; gap: 10px; padding: 16px 16px 18px;}
.articleCardMeta { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 11px; color: #8a8a8a; text-transform: uppercase; letter-spacing: 0.08em;}
.articleCardDate { display: inline-flex; align-items: center; gap: 6px;}
.articleCardTitle { font-size: 17px; line-height: 24px; font-weight: 700; color: #272727; min-height: 48px;}
.articleCardExcerpt { font-size: 14px; line-height: 24px; color: #666666; min-height: 72px;}
.articleCardsGrid .articleCard { height: 100%;}
.articleSidebar { display: flex; flex-direction: column; gap: 18px;}
.articleSidebarPanel { background-color: #ffffff; border-radius: 18px; padding: 16px; box-shadow: 0 12px 28px rgba(17, 17, 17, 0.05);}
.articleSidebarHead { margin-bottom: 14px;}
.articleSidebarHead h4 { margin: 0; font-size: 18px; line-height: 24px; color: #252525; font-weight: 700;}
.articleSidebarCategories { display: flex; flex-direction: column; gap: 8px;}
.articleSidebarCategory { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 10px 0; color: #374046; text-decoration: none; border-bottom: 1px solid #f0f2f4; transition: color .2s ease;}
.articleSidebarCategory:hover { text-decoration: none; color: #111111; }
.articleSidebarCategory small { color: #8e989e; font-size: 12px; font-weight: 600;}
.articleSidebarCategory--all { font-weight: 700; color: #111111;}
.articleSidebarCategory--sub { margin-left: 14px;}
.articleSidebarCategory--sub span:first-child::before { content: ''; display: inline-block; width: 8px; height: 1px; background-color: #d6dde2; margin-right: 8px; vertical-align: middle;}
.articleSidebarCategory--disabled { opacity: 0.50; cursor: default; pointer-events: none;}
.articleSidebarCategories > :last-child { border-bottom: none; }
.articleSidebarStories { display: flex; flex-direction: column; gap: 12px;}
.articleSidebarStory { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px 0; text-decoration: none; border-bottom: 1px solid #f0f2f4; transition: opacity .2s ease;}
.articleSidebarStory:hover { text-decoration: none; opacity: 0.85; }
.articleSidebarStoryMedia { position: relative; display: block; width: 72px; aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden; background-color: #f1f1f1;}
.articleSidebarStoryMedia img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}
.articleSidebarStoryPlaceholder { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #cdd3d8; font-size: 22px;}
.articleSidebarStoryBody { min-width: 0; display: flex; flex-direction: column; gap: 6px;}
.articleSidebarStoryDate { font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #9aa4aa;}
.articleSidebarStoryTitle { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 20px; font-weight: 700; color: #2b2f33;}
.articleSidebarStories > :last-child { border-bottom: none; }

@media (min-width: 992px) {
    .articleCardsGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .articleCardsGrid--home { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    .articleCardsGrid { grid-template-columns: 1fr; }
    .articleCardsGrid--home { grid-template-columns: 1fr; }
    .siteTitle--split { align-items: flex-start; flex-direction: column; }
    .articleCardTitle { min-height: auto; }
    .articleCardExcerpt { min-height: auto; }
    .articleSidebarPanel { padding: 14px; }
    .articleSidebarStory { grid-template-columns: 72px minmax(0, 1fr); }
    .articleSidebarCategory--sub { margin-left: 0; }
}
.parInfo i.fa { color: #bfdcf7;}


/* Info Text Page */

.infoText .zimali { display:inline-block; width: 170px; height: 20px; background:url(/assets/images/zimali.png) no-repeat center scroll; vertical-align: bottom;}

/* Footer */

.siteFooter { background-color: #f3f5f7; border-top: 4px solid #00aeef; margin-top: 40px; padding: 0; color: #4b5660;}
.siteFooterShell { padding-top: 34px; padding-bottom: 24px;}
.siteFooterTop { padding-bottom: 26px;}
.siteFooterBrand h3 { margin: 0 0 10px; font-size: 28px; line-height: 32px; color: #222222; font-weight: 700;}
.siteFooterBrand p { margin: 0 0 14px; font-size: 14px; line-height: 24px; color: #68737d; max-width: 420px;}
.siteFooterKicker { display: inline-block; margin-bottom: 10px; font-size: 11px; font-weight: 700; letter-spacing: 0.10em; text-transform: uppercase; color: #d93e2e;}
.siteFooterQuickLinks { display: flex; flex-wrap: wrap; gap: 10px;}
.siteFooterQuickLinks a { display: inline-flex; align-items: center; padding: 8px 12px; border-radius: 999px; background-color: #ffffff; color: #4b5660; text-decoration: none; box-shadow: 0 4px 12px rgba(17, 17, 17, 0.04); transition: background-color .2s ease, color .2s ease, transform .2s ease;}
.siteFooterQuickLinks a:hover { text-decoration: none; color: #d93e2e; background-color: #ffffff; transform: translateY(-1px);}
.siteFooterColumn h4 { margin: 0 0 14px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #2d3338;}
.siteFooterColumn ul { margin: 0; padding: 0;}
.siteFooterColumn ul li { display: block; margin-bottom: 10px;}
.siteFooterColumn ul li:last-child { margin-bottom: 0;}
.siteFooterColumn ul li a { font-size: 14px; line-height: 22px; color: #5f6870; text-decoration: none; transition: color .2s ease;}
.siteFooterColumn ul li a:hover { color: #d93e2e; text-decoration: none;}
.sfSocial { margin-top: 18px;}
.sfSocial ul { margin: 0;}
.sfSocial ul.list-inline { display: flex; align-items: center; flex-wrap: wrap; margin-left: 0; }
.sfSocial ul.list-inline > li { display: block; padding-left: 0; padding-right: 8px; margin: 0; }
.sfSocial ul li a { display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 999px; background-color: #ffffff; color: #5f6870; box-shadow: 0 4px 12px rgba(17, 17, 17, 0.05); transition: transform .2s ease, background-color .2s ease, color .2s ease;}
.sfSocial ul li a:hover { transform: translateY(-1px); background-color: #ffffff; color: #d93e2e;}
.sfSocial ul li a.facebook,
.sfSocial ul li a.instagram { background-color: #ffffff; color: #5f6870;}
.siteFooterBottom { border-top: 1px solid #d9e1e7; padding-top: 18px; margin-top: 6px;}
.siteFooterBottomRow { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;}
.siteFooterCopy { margin: 0; font-size: 13px; line-height: 22px; color: #727b84;}
.siteFooterBottomLinks { display: flex; gap: 18px; flex-wrap: wrap;}
.siteFooterBottomLinks a { font-size: 13px; color: #5f6870; text-decoration: none;}
.siteFooterBottomLinks a:hover { color: #d93e2e; text-decoration: none;}

/* Bootstrap Social */

.btn-social{position:relative;padding-left: 44px;text-align:left;white-space: nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position: absolute;left: 0;top: 0;bottom: 0;width: 32px;line-height: 34px;font-size: 1.6em;text-align:center;border-right: 1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left: 61px}.btn-social.btn-lg>:first-child{line-height: 45px;width: 45px;font-size: 1.8em}
.btn-social.btn-sm{padding-left: 38px}.btn-social.btn-sm>:first-child{line-height: 28px;width: 28px;font-size: 1.4em}
.btn-social.btn-xs{padding-left: 30px}.btn-social.btn-xs>:first-child{line-height: 20px;width: 20px;font-size: 1.2em}
.btn-social-icon{position:relative;padding-left: 44px;text-align:left;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;height: 34px;width: 34px;padding: 0}.btn-social-icon>:first-child{position: absolute;left: 0;top: 0;bottom: 0;width: 32px;line-height: 34px;font-size: 1.6em;text-align:center;border-right: 1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left: 61px}.btn-social-icon.btn-lg>:first-child{line-height: 45px;width: 45px;font-size: 1.8em}
.btn-social-icon.btn-sm{padding-left: 38px}.btn-social-icon.btn-sm>:first-child{line-height: 28px;width: 28px;font-size: 1.4em}
.btn-social-icon.btn-xs{padding-left: 30px}.btn-social-icon.btn-xs>:first-child{line-height: 20px;width: 20px;font-size: 1.2em}
.btn-social-icon>:first-child{border: none;text-align:center;width: 100% !important}
.btn-social-icon.btn-lg{height: 45px;width: 45px;padding-left: 0;padding-right: 0}
.btn-social-icon.btn-sm{height: 30px;width: 30px;padding-left: 0;padding-right: 0}
.btn-social-icon.btn-xs{height: 22px;width: 22px;padding-left: 0;padding-right: 0}

.btn-google{color: #fff;background-color: #dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:focus,.btn-google.focus{color: #fff;background-color: #c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:hover{color: #fff;background-color: #c23321;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color: #fff;background-color: #c23321;border-color:rgba(0,0,0,0.2)}.btn-google:active:hover,.btn-google.active:hover,.open>.dropdown-toggle.btn-google:hover,.btn-google:active:focus,.btn-google.active:focus,.open>.dropdown-toggle.btn-google:focus,.btn-google:active.focus,.btn-google.active.focus,.open>.dropdown-toggle.btn-google.focus{color: #fff;background-color: #a32b1c;border-color:rgba(0,0,0,0.2)}
.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image: none}
.btn-google.disabled,.btn-google[disabled],fieldset[disabled] .btn-google,.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled.focus,.btn-google[disabled].focus,fieldset[disabled] .btn-google.focus,.btn-google.disabled:active,.btn-google[disabled]:active,fieldset[disabled] .btn-google:active,.btn-google.disabled.active,.btn-google[disabled].active,fieldset[disabled] .btn-google.active{background-color: #dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-google .badge{color: #dd4b39;background-color: #fff}


/* 5ths Rows */

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position:relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.col-xs-5ths { width: 20%; float:left;}


/* Common */

.colorTh1 { color: #d93e2e;}
.color-red { color: #d93e2e;}
.color-red2 { color: #d85849;}

.color56 { color: #565656;}
.color89 { color: #898989;}
.colorca { color: #cacaca;}

.txtOverflow { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.txtStrike { text-decoration: line-through;}
.txtUpper { text-transform: uppercase;}
.txtNormal { text-transform: none;}

.txt800 { font-weight: 800;}
.txt700 { font-weight: 700;}
.txt600 { font-weight: 600;}
.txt500 { font-weight: 500;}
.txt400 { font-weight: 400;}
.txt300 { font-weight: 300;}

.fs10 { font-size: 10px !important;}
.fs11 { font-size: 11px !important;}
.fs12 { font-size: 12px !important;}
.fs13 { font-size: 13px !important;}
.fs14 { font-size: 14px !important;}
.fs15 { font-size: 15px !important;}
.fs16 { font-size: 16px !important;}
.fs17 { font-size: 17px !important;}
.fs18 { font-size: 18px !important;}
.fs20 { font-size: 20px !important;}
.fs22 { font-size: 22px !important;}
.fs24 { font-size: 24px !important;}
.fs26 { font-size: 26px !important;}
.fs28 { font-size: 28px !important;}
.fs30 { font-size: 30px !important;}
.fs32 { font-size: 32px !important;}
.fs34 { font-size: 34px !important;}
.fs36 { font-size: 36px !important;}
.fs38 { font-size: 38px !important;}
.fs40 { font-size: 40px !important;}
.fs50 { font-size: 50px !important;}
.fs60 { font-size: 60px !important;}
.fs70 { font-size: 70px !important;}
.fs80 { font-size: 80px !important;}
.fs90 { font-size: 90px !important;}
.fs100 { font-size: 100px !important;}


.opac25 { opacity: 0.25;}
.opac50 { opacity: 0.50;}
.opac75 { opacity: 0.75;}

.overflowHidden { overflow: hidden;}

.bg-white { background-color: #ffffff;}

.lineClamp2,
.lineClamp3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}

.lineClamp2 { -webkit-line-clamp: 2;}
.lineClamp3 { -webkit-line-clamp: 3;}

.mcDefault { cursor: default;}
.mcNotAllowed { cursor: not-allowed;}

/* LG */

@media (max-width: 1200px) {
	
	
}

/* MD */

@media (max-width: 992px) {
	
	.proListItem .image { height: 240px !important;}
    .proList .row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;}
    .homeCategs .row { grid-template-columns: repeat(2, minmax(0, 1fr));}
    .homeCategs .row > div:nth-child(1),
    .homeCategs .row > div:nth-child(2),
    .homeCategs .row > div:nth-child(5),
    .homeCategs .row > div:nth-child(6),
    .homeCategs .row > div:nth-child(3),
    .homeCategs .row > div:nth-child(4) { grid-column: span 1;}
    .homeDealsLayout { display: block;}
    .homeDealsLayout > .col-md-pull-9 { order: 0;}
}

/* SM */

@media (max-width: 768px) {
	
    .proList .row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;}
    .proListItem .image { height: 220px !important;}
    .ppInfo .discount { margin-top: 0px; padding-top: 0; border-top: none;}

    .siteTitle h1,
    .siteTitle h2,
    .siteTitle h3 { font-size: 18px; padding-right: 0;}
    .siteTitle h2 { font-size: 16px;}

    .proCategs ul li { display: block; width: 50%; float: left;}
    .proCategs ul li:nth-last-child(2) { border-bottom: none; margin-bottom: 5px;}
    .homeHeroSrc { margin-bottom: 24px;}
    .hhsImage { height: 340px;}
    .hhsTitle { font-size: 24px; line-height: 34px; margin-bottom: 22px;}
    .hhsForm { width: 100%; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.20);}
    .homeWelm { align-items: flex-start; padding: 18px; margin-bottom: 20px;}
    .homeWelm .hwPic { display: none;}
    .homeCategs .row { grid-template-columns: 1fr; gap: 12px;}
    .homeCategs .hcBox img { height: 230px;}
}

/* XS */ 

@media (max-width: 480px) {
	
    .proList .row { gap: 10px;}
    .proListItem .image { height: 180px !important;}
	.hhsTitle { font-size: 21px; line-height: 30px; margin: 0 0 18px 0;}
	.hhsForm .hhsOver { left: 12px; top: 12px; font-size: 16px;}
	.hhsForm .form-control { height: 46px; padding-left: 36px;}
	.hhsForm .btn-search { height: 46px; padding-left: 16px !important; padding-right: 16px !important;}
	.ppShipping { padding-left: 50px;}
    .ppShipping .icon { left: 8px;}
    .proPageHead h1.title { font-size: 19px; line-height: 23px; margin-bottom: 10px;}
    .ppInfo { margin-bottom: 15px;}
    .ppBuy { margin-bottom: 15px;}
    .hibBox { border-right: none;}
    .hibBox .description { margin-bottom: 20px;}
    .homeInfoBigs .row > div:last-child .hibBox .description { margin-bottom: 0;}
    .sfInfoLinks { text-align: center;}

    .pagination li.pNum,
    .pagination li.pFir,
    .pagination li.pLas { display: none;}
}

/* Min Width Screens */

@media (min-width: 768px) {
    body { margin-top: 72px; }
    .navbar { min-height: 72px; }
    .navbar .container { display: flex; align-items: center; min-height: 72px; }
    .navbar-header { flex: 0 0 auto; min-height: 72px; padding: 0; margin-right: 24px; margin-left: 0; float: none; }
    .navbar-brand { max-width: none; }
    .navbar-brand-text { font-size: 20px; letter-spacing: 0.09em; }
    .navbar-brand i.fa { font-size: 28px; }
    .navbar-actions { display: none; }
    .navbar-collapse { flex: 1 1 auto; min-width: 0; background-color: transparent; padding-right: 0; padding-left: 0; border-top: none; }
    .navbar-collapse.collapse { display: flex !important; align-items: center; justify-content: flex-end; height: auto !important; overflow: visible !important; }
    .navbar-form { float: none !important; padding: 0; margin: 0 0 0 18px; }
    .navbar-right { margin-right: 0; }
    .navbar-search-nav { display: none; }
    .navbar .input-group { width: 220px; }
    .navbar-inverse .navbar-nav { float: none; padding: 0; margin-left: auto; }
    .navbar-inverse .navbar-nav > li { float: left; }
    .navbar-inverse .navbar-nav > li > a { padding: 26px 11px 23px; border-radius: 0; background-color: transparent !important; font-size: 13px; white-space: nowrap; }
    .navbar-inverse .navbar-nav > li.active > a,
    .navbar-inverse .navbar-nav > li.active > a:hover,
    .navbar-inverse .navbar-nav > li.active > a:focus { color: #ffffff; }
    .navbar-inverse .navbar-nav > li.active > a:after { content: ''; display: block; width: calc(100% - 22px); height: 3px; border-radius: 999px; background-color: #00aeef; position: absolute; left: 11px; bottom: 15px; }
    .navbar-toggle { display: none; }
    
    .col-sm-5ths { width: 20%; float:left;}

    .siteTitle .stSearch { display: inline;}
    
    .proListItem .prices .price { font-size: 16px; font-weight: 700;}
    .proListItem .prices .price small { font-size: 11px;}
    .proListItem .prices .oldprice { font-size: 12px;}
    .proListItem .prices .oldprice small { font-size: 9px;}
    .proListItem .stockship { font-size: 12px;}

    .sbmBtns { display: none;}
    .sideBoxMobile { display: block;}
    .sideBoxMobile .sbmHead { display: none;}

    .sfSocial ul { margin: 0 0 0 auto;}

    /* Common */

    .fs10-md { font-size: 10px !important;}
    .fs11-md { font-size: 11px !important;}
    .fs12-md { font-size: 12px !important;}
    .fs13-md { font-size: 13px !important;}
    .fs14-md { font-size: 14px !important;}
    .fs15-md { font-size: 15px !important;}
    .fs16-md { font-size: 16px !important;}
    .fs17-md { font-size: 17px !important;}
    .fs18-md { font-size: 18px !important;}
    .fs20-md { font-size: 20px !important;}
    .fs22-md { font-size: 22px !important;}
    .fs24-md { font-size: 24px !important;}
    .fs26-md { font-size: 26px !important;}
    .fs28-md { font-size: 28px !important;}
    .fs30-md { font-size: 30px !important;}
    .fs32-md { font-size: 32px !important;}
    .fs34-md { font-size: 34px !important;}
    .fs36-md { font-size: 36px !important;}
    .fs38-md { font-size: 38px !important;}
    .fs40-md { font-size: 40px !important;}
    .fs50-md { font-size: 50px !important;}
    .fs60-md { font-size: 60px !important;}
    .fs70-md { font-size: 70px !important;}
    .fs80-md { font-size: 80px !important;}
    .fs90-md { font-size: 90px !important;}
    .fs100-md { font-size: 100px !important;}
}

@media (min-width: 992px) {
    
	.col-md-5ths { width: 20%; float:left;}
    .navbar-inverse .navbar-nav > li > a { padding-right: 12px; padding-left: 12px; font-size: 14px; }
}

@media (min-width: 1200px) {
	
    .col-lg-5ths { width: 20%; float:left;}
    .navbar-search-nav { display: block; }
    .navbar .input-group { width: 270px; }
    .navbar-header { margin-right: 34px; }
    .navbar-brand-text { font-size: 21px; }
    .navbar-inverse .navbar-nav > li > a { padding-right: 14px; padding-left: 14px; }
}


/* Animations */

.zoomAnimation1 { animation: 0.5s ease 0.4s normal none infinite running zoomEffect;}
.zoomAnimation2 { animation: 0.6s ease 0.3s normal none infinite running zoomEffect;}
.zoomAnimation3 { animation: 0.7s ease 0.2s normal none infinite running zoomEffect;}
.zoomAnimation4 { animation: 0.8s ease 0.1s normal none infinite running zoomEffect;}
.zoomAnimation5 { animation: 0.9s ease 0s normal none infinite running zoomEffect;}

@keyframes zoomEffect {
    from { transform: scale(1);}
    to { transform: scale(1.2);}
}

.tiltShaking {
    animation: tilt-shaking 1s infinite;
    transition: all 0.5s ease-in-out;
}

@keyframes tilt-shaking {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(3deg); opacity: 0.90; }
    50% { transform: rotate(0deg); opacity: 0.70; }
    75% { transform: rotate(-2deg); opacity: 0.80; }
    100% { transform: rotate(0deg); }
  }