/* 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: 70px;}
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 { border-bottom: 1px solid #ededed; background-color: #111111;}
.navbar-brand { font-size: 23px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.8pt; color: #efefef !important; position: relative; top: -8px;}
.navbar-brand i.fa { font-size: 33px; color: #ff3f20; margin: 0 5px; position: relative; bottom: -5px; transition: color 0.8s ease;}
.navbar-brand:hover i.fa { color: #00c0e2;}
.navbar-inverse .navbar-nav > li > a { color: #bdbdbd; transition: color 0.4s ease;}
.navbar-inverse .navbar-nav > li.active a:after { content: ''; display: inline-block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ededed; position: absolute; bottom: -1px; left: 50%; margin-left: -8px;}
.navbar form input { background-color: #f0f0f0; border-color: #111111; color: #555555; border-right: none;}
.navbar form input:focus { outline: none; box-shadow: none !important; border-color: #111111;}
.navbar form button { background-color: #dedede; border-color: #111111; border-left: none;}
.navbar form button i.fa { color: #ce6e5f;}

/* 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 */

.proListItem { display: block; margin-bottom: 25px; background-color: #ffffff; border: 2px solid #ffffff; position:relative; border-radius: 3px; box-shadow: 0 0 2px 0 #c9c9c9;}
.proListItem a { text-decoration: none;}

.proListItem .image { display: block; width: 100%; height: 260px; text-align:center; margin-bottom: 10px; overflow:hidden; position:relative; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.proListItem .image img { display:inline-block; max-width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; text-indent: -9999px; object-fit: contain; object-position: center;}
.proListItem .image > span { display: block; position: absolute; top: 0; bottom: 0; width: 100%;}
.proListItem:not(.opac50) .image:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20);}

.proListItem .title { display: block; margin: 0; padding: 0 5px; font-size: 13px; color: #565656; font-weight: 600; line-height: 20px; text-align:center; height: 44px; overflow:hidden; transition:color 0.4s ease;}

.proListItem .prices { display: flex; align-items: baseline; padding: 5px; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;}
.proListItem .prices .price { font-size: 15px; color: #2988e4; font-weight: 600;}
.proListItem .prices .price.red { color: #d93e2e;}
.proListItem .prices .price small { font-size: 11px; font-weight: 600;}
.proListItem .prices .oldprice { font-size: 12px; color: #aaaaaa; font-weight: 300; margin-left: auto;}
.proListItem .prices .oldprice span { text-decoration: line-through;}
.proListItem .prices .oldprice small { font-size: 9px;}

.proListItem .stockship { display: flex; font-size: 11px; color: #a4b4bd;  padding: 5px;}
.proListItem .stock { color: #79a70a;}
.proListItem .ship { margin-left: auto;}
.proListItem .ship i { margin-right: 2px;}

.proListItem .ribbon { position: absolute; right:-5px; top:-5px; z-index: 1; overflow:hidden; width: 75px; height: 75px; text-align:right;}
.proListItem .ribbon span { font-size: 12px; font-weight: 600; color: #ffffff; text-transform:uppercase; text-align:center; line-height: 20px; transform:rotate(45deg); -webkit-transform:rotate(45deg); width: 100px; display: block; background: #79a70a; background:linear-gradient(#ee4433 0%, #d93e2e 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 19px; right:-21px;}
.proListItem .ribbon span:before { content:""; position: absolute; left: 0px; top: 100%; z-index:-1; border-left: 3px solid #d93e2e; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #d93e2e;}
.proListItem .ribbon span:after { content:""; position: absolute; right: 0px; top: 100%; z-index:-1; border-left: 3px solid transparent; border-right: 3px solid #d93e2e; border-bottom: 3px solid transparent; border-top: 3px solid #d93e2e;}

.proListItem .isLabel { position: absolute; top: 5px; left: 8px; z-index: 2;}
.proListItem .isLabel.isNew span { display: inline-block; text-transform: uppercase; font-size: 10px; color: #ffffff; font-weight: 500; text-transform: uppercase; padding: 2px 5px 2px 6px; border-radius: 2px; box-shadow: 0 0 0 1px #ffffffab;}
.proListItem .isLabel.isNew span { background-color: #5cb85c;}

.proListItem:not(.opac50):hover { -webkit-box-shadow: 0 0 3px 1px #c9c9c9; box-shadow: 0 0 3px 1px #c9c9c9;}
.proListItem:not(.opac50):hover .title { color: #d93e2e; transition:color 0.4s 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 */

.homeWelm { 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; position:relative; margin-top:-10px;}
.homeWelm p { font-size: 14px; font-weight: normal; margin: 0; color: #878787; line-height: 24px;}
.homeWelm p a { font-weight: bold; color: #e34130; text-decoration: none;}
.homeWelm p a:hover { color: #46a3ea;}
.homeWelm p strong { font-weight: bold; color: #2988e4;}
.homeWelm .hwPic { display:inline-block; width: 95px; height: 120px; position:relative; background:url(/assets/images/homeWelm.png) no-repeat center scroll; margin-top:-100px; top:-5px; right:-20px; border-radius: 3px;}

.homeHeroSrc { position: relative; top: -20px; margin-bottom: -130px;}
.hhsImage { background-color: #000000; max-height: 400px; overflow: hidden;}
.hhsImage img { max-width: 100%; opacity: 0.30;}
.hhsBox { position: absolute; top: 0; left: 0; right: 0;}
.hhsTitle { font-size: 23px; color: #ffffffaa; margin: 100px 0 40px 0;}
.hhsTitle strong { font-weight: 400;}
.hhsForm { width: 650px; max-width: 95%; margin: 0 auto; z-index: 5; position: relative;}
.hhsForm .hhsOver { position: absolute; z-index: 6; left: 14px; top: 9px; font-size: 20px; color: #cacaca;}
.hhsForm .form-control { padding-left: 42px; box-shadow: none !important; border-color: #cacaca !important;}
.hhsForm .btn-search { background-color: #cd2122; color: #ffffff; padding-left: 30px !important; padding-right: 30px !important;}

.homeInfoBigs { background-color: #ffffff; border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: 0 0 2px 0 #c9c9c9; border-bottom: 4px solid #ec008c;}
.hibBox { border-right: 1px solid #dedede;}
.hibBox .title { color: #ec008c; text-transform: uppercase;}
.hibBox .title::after { content: ' '; display: block; position: absolute; top: 38px; width: 30%; left: 35%; border-bottom: 2px solid #ffd735;}
.homeInfoBigs .row > div:last-child .hibBox { border-right: none;}

.homeCategs { position: relative;}
.homeCategs .hcBox { border-radius: 3px; box-shadow: 0 0 2px 0 #c9c9c9; overflow: hidden;}
.homeCategs .hcBox img { width: 100%; height: 260px; object-fit: cover; object-position: center; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.homeCategs .hcBox a { display: block; position: absolute; bottom: 20px; width: 90%; left: 5%; background-color: #1111114b; text-decoration: none; padding: 15px;}
.homeCategs .hcBox a > * { text-shadow: 0 0 2px #0000002a;}
.homeCategs .hcBox a h3 { font-size: 14px; color: #ffffff; font-weight: 600; text-transform: uppercase; margin: 0 0 5px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.homeCategs .hcBox a span { display: inline-block; width: 20px; border-bottom: 2px solid #ffd735; margin-bottom: 10px;}
.homeCategs .hcBox a h4 { font-size: 13px; color: #ffffffcc; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.homeCategs .col-md-3 .hcBox a { width: 80%; left: 10%;}
.homeCategs .hcBox:hover img { -webkit-transform:scale(1.20); -moz-transform:scale(1.20); -ms-transform:scale(1.20); -o-transform:scale(1.20); transform:scale(1.20);}

.sbfListHome { padding-bottom: 41px;}

/* 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;}
.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: #ffffff; border-top: 1px solid #dedede; margin-top: 30px; padding: 20px 0;}
.siteFooter p { display: block; margin-bottom: 10px;}
.sfLinks ul li a { display:inline-block; font-size: 13px; text-decoration: none; margin: 0 15px 0 0;}
.sfSocial { display: flex;}
.sfSocial ul { margin: 0 auto;}
.sfSocial ul li a { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #ffffff; border-radius: 3px; transition: background-color .3s, color .3s;}
.sfSocial ul li a.facebook { background-color: #3a589e;}
.sfSocial ul li a.instagram { background-color: #d00061;}

/* 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;}
}

/* SM */

@media (max-width: 768px) {
	
    .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;}
}

/* XS */ 

@media (max-width: 480px) {
	
	.navbar-inverse .navbar-nav > li.active a:after { display: none;}
    .proList .row > div { padding-right: 5px;}
    .proList .row > div:nth-child(2n) { padding-right: 15px; padding-left: 5px;}
    .proListItem .image { height: 180px !important;}
	.hhsTitle { font-size: 18px; margin: 20px 0 10px 0;}
	.hhsForm .hhsOver { left: 8px; top: 6px; font-size: 15px;}
	.hhsForm .form-control { padding-left: 30px;}
	.hhsForm .btn-search { padding-left: 15px !important; padding-right: 15px !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) {
    
    .col-sm-5ths { width: 20%; float:left;}

    .siteTitle .stSearch { display: inline;}
    
    .proListItem .prices .price { font-size: 18px; font-weight: 700;}
    .proListItem .prices .price small { font-size: 14px;}
    .proListItem .prices .oldprice { font-size: 14px;}
    .proListItem .prices .oldprice small { font-size: 12px;}
    .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;}
}

@media (min-width: 1200px) {
	
    .col-lg-5ths { width: 20%; float:left;}
	.navbar form input { width: 300px !important;}
}


/* 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); }
  }