/*main css*/
.main-new h3 { font-size: 28px; font-weight: 700; margin: 35px 0px 15px 8px; }
.main-new a { color: rgb(0, 0, 0); text-decoration: none; }
.main-new h3 span { color: rgb(227, 6, 19); }
.main-new h3 a:hover { }
.main-new ul { list-style: inside; padding: 0px; }
.topProducts { text-align: center; margin-top: 20px;}
.top-prod-header {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
display: block;
font-size: 14px;
font-weight: bold;
text-align: left;
border-bottom: 1px solid #d6d6d6;
text-transform: uppercase;
}
.topProductsBox{margin-top:10px}

.pdNewBox{margin-bottom: 10px;padding-bottom: 10px;}
.pdNewBox:not(:last-child) {border-bottom: 1px solid #e5e5e5;}
.media-object {max-width:fit-content}
.pdNewBoxImage{}
.pdNewBoxTitle{font-weight:700;color: #000;font-size: 14px;line-height: 20px;}
.pdNewBoxTitle a{color:#3a3a3a;}
.pdNewBoxPrice{font-size:15px;font-weight:700;color: #d00090;}

.relatedHeader {margin-top:15px;margin-bottom: 15px;padding: 0px;text-align:center;}
/*.divider-header{
display:inline-block;
position:relative;
color:#672359;
padding: 7px 15px;
border: 1px solid #67235970;
font-size: 17px;
font-weight:500;
border-radius: 2% 6% 5% 4% / 1% 1% 2% 4%;
}
    
.divider-header:before {
content: '';
border: 1px solid #672359ad;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(1.2deg);
border-radius: 1% 1% 2% 4% / 2% 6% 5% 4%;
}*/

.divider-header{
display:inline-block;
position:relative;
color:#000;
padding: 7px 0px;
font-size: 17px;
font-weight:500;
 border-bottom:3px solid rgb(114 10 2);
}

.header-line:before{
content: "\2764";
font-size:15px;
color:#720a02;
left: 0;
top:0px;
margin-right:5px;
}

.tabbable-line > .nav-tabs > li a.active.header-line:before{
color:#c40e00;
}

.relatedContent {/*margin-top: 10px;*/ margin-bottom: 10px;}
.pdRelatedBox { background-color: rgb(255, 255, 255); position: relative; margin-bottom: 20px; }
.pdRelatedBoxImage {}
.pdRelatedBoxImage img {}
.pdRelatedBoxTitle {position:relative;color: #000;font-size: 17px;font-weight:600;line-height: 20px;padding: 10px 5px 5px 5px;text-align: center;}
.pdRelatedBoxTitle a { color: #000; text-decoration: none; }
.pdRelatedBox:hover .pdRelatedBoxTitle { opacity: 1; }
.pdRelatedBoxPrice {padding-bottom: 5px;/* padding-top:5px; */}
.video-container { }
.video-container embed, .video-container iframe, .video-container object, .video-container video { top: 0px; left: 0px; width: 100%; height: 100%; border: none; }
.video-side { margin-top: 20px; }
.video-side img { margin-bottom: 30px; }
.news-container { padding-bottom: 30px; }
.news { margin-top: 10px; border-top: 1px solid rgb(204, 204, 204); }
.news-header { background-color: rgb(46, 46, 47); color: rgb(255, 255, 255); font-weight: 700; margin-left: 18px; }
.news-header h3 { color: rgb(255, 255, 255); font-weight: 700; font-size: 15px; padding: 9px; margin: 18px 11px 18px 40px; }
.news-header::before { position: absolute; left: 0px; top: 0px; background: url("../images/news-header-left.png") 0px 0px no-repeat scroll transparent; content: ""; height: 67px; width: 67px; }
.news-header-right { background-color: rgb(46, 46, 47); color: rgb(255, 255, 255); font-weight: 700; margin-left: 18px; }
.news-header-right h3 { color: rgb(255, 255, 255); font-weight: 700; font-size: 15px; padding: 9px; margin: 18px 11px 18px 40px; }
.news-header-right::before { position: absolute; left: 0px; top: 0px; background: url("../images/news-header2.png") 0px 0px no-repeat scroll transparent; content: ""; height: 67px; width: 67px; }
.news-description { color: rgb(0, 0, 0); }
.news-description a { color: rgb(0, 0, 0); }
.news_date { font-weight: 700; color: rgb(227, 6, 19); font-size: 15px; }
.news_title { font-weight: 700; }
.news_title a { color: rgb(0, 0, 0); }
.news_title a:hover { color: rgb(227, 6, 19); }
.news_more { color: rgb(227, 6, 19); padding-top: 10px; }
.news_more a { color: rgb(227, 6, 19); }
.news_more a:hover { color: rgb(0, 0, 0); }
.banner-container { margin-bottom: 40px; }
.top-Bar {color: #f9ebf0;font-size:13px;background: #672359;/* padding: 9px; */}
.top-Bar p{margin:0px;padding:8px 0px; line-height:15px;}
.top-Bar a,.top-Bar a:hover{color: rgb(0 0 0);}

.social-icons .fa{margin-right:15px;font-size:20px;margin-top:0px;}
.social-icons  .fa-facebook-square {color: #3F51B5;}
.social-icons  .fa-instagram {color: transparent;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);background-clip: text;-webkit-background-clip: text;}
.social-icons  .fa-twitter {color: #55acee;}
.social-icons  .fa-youtube {color: #e52d27;}
.social-icons  img{max-width:20px;height:auto;vertical-align:top;padding-top:0px;}

.btn-shine{color: #f9ebf0;font-size: 14px;opacity: 1;animation: animate 2s ease-out forwards;animation-delay: 1s;}

/* For animation */
@keyframes animate {
0%{letter-spacing: -10px;
}20%{letter-spacing: 2px;
}100%{letter-spacing: 0px;
}
}

.top-buffer-menu { padding-top: 15px; }
#searchform { position: relative; }
#searchform .form-control {padding: 20px 70px 20px 15px;}
.micIconForm {position: absolute;display: inline-block;top: 50%;right:25px;margin-top: -10px;margin-right: 30px;border-radius: 0px;line-height:24px;text-align: center;}
.mic_icon { display: inline-block; color: rgb(87, 87, 87); font-size: 22px; min-width: 26px; cursor: pointer; }
.blink_me { color: rgb(234, 0, 0); animation: 1.7s cubic-bezier(0.5, 0, 1, 1) 0s infinite alternate none running blinkmic; }
@keyframes blinkmic { 
100% { opacity: 0.2; }
}
.btn-search { position: absolute; top: 0px; right: 10px; border-radius: 0px; padding: 2px; background-color: transparent; }
.search-icon { position: absolute; top: 50%; right: 15px; margin-top:2px; cursor: pointer; color: rgb(87, 87, 87); font-size: 22px; }
.highlight_search_word { font-weight: 700; }
.media-results{margin-bottom:10px;}
.media-description{line-height:18px}
.results-media {max-width: 64px; }
.results-header { text-decoration: underline; }
.easy-autocomplete { position: relative; }
.easy-autocomplete input { padding: 10px 15px; border-radius:10px; border: 1px solid rgb(226, 226, 226); float: none; width: 100%; box-shadow: none; color: rgb(0, 0, 0); }
.easy-autocomplete input:hover, .easy-autocomplete input:focus { box-shadow: none; border-color: rgb(158, 158, 158); }
.easy-autocomplete input::placeholder { color: rgb(32, 32, 32); opacity: 0.6; }
.easy-autocomplete a { display: block; text-decoration: none; text-align: left; }
.easy-autocomplete a:hover { text-decoration: none; }
.easy-autocomplete.eac-bootstrap input { border-color: rgb(204, 204, 204); border-radius: 4px; border-style: solid; border-width: 1px; color: rgb(85, 85, 85); padding: 6px 12px; }
.easy-autocomplete-container { left: 0px; position: absolute; width: 100%; z-index: 100000; }
.easy-autocomplete-container ul { background: none 0px 0px repeat scroll rgb(255, 255, 255); border-top: 1px dotted rgb(204, 204, 204); display: none; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; top: 0px; }
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category { background: inherit; border-color: rgb(204, 204, 204); border-image: none 100% / 1 / 0 stretch; border-style: solid; border-width: 0px 1px; display: block; font-size: 14px; line-height: 35px; font-weight: normal; padding: 6px 8px; vertical-align: text-bottom; }
.easy-autocomplete-container ul li { border-bottom: 1px solid rgb(239, 239, 239); min-height: 57px; }
.easy-autocomplete-container ul li:last-child { border-radius: 0px 0px 2px 2px; border-width: 0px 1px 1px; }
.easy-autocomplete-container ul li.selected { background: none 0px 0px repeat scroll rgb(247, 247, 247); cursor: pointer; }
.easy-autocomplete-container ul li.selected div { font-weight: normal; }
.easy-autocomplete-container ul li div { display: block; font-weight: normal; line-height: 18px; }
.easy-autocomplete-container ul li b { font-weight: 700; }
.easy-autocomplete-container ul .eac-category { color: rgb(170, 170, 170); font-style: italic; }
.eac-item span { color: rgb(84, 84, 84); font-style: italic; font-size: 12px; line-height: 12px; }
.eac-item img { margin-right: 15px; display: block; width: 45px; float: left; }
.eac-item { margin-top: 0px; min-height: 35px; position: relative; }
.mainShadow { padding-top: 15px; background-color: rgb(255, 255, 255); box-shadow: rgb(221, 221, 221) -20px 0px 20px -20px, rgb(221, 221, 221) 20px 0px 20px -20px; }
.submitBtn { margin-top: 5px; background: rgb(231, 231, 231); }
.submitBtn:hover { background: rgb(218, 218, 218); }

.tabbable-line > .nav-tabs {border: none;margin: 0px;display:block;}
.tabbable-line > .nav-tabs > li { margin-right: 15px;margin-bottom:10px; }
.tabbable-line > .nav-tabs > li > a {border-bottom: 4px solid rgb(222 222 222);padding-bottom:5px;color: #333; font-weight: 700; font-size: 17px;text-decoration:none; }
.tabbable-line > .nav-tabs > li > a:hover {border-bottom: 4px solid rgb(162 162 162);}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {color: #000; background: none !important; }
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu { margin-top: 0px; }
.tabbable-line > .nav-tabs > li a.active { border-bottom:4px solid rgb(95 36 63); position: relative; }
.tabbable-line > .tab-content {background-color: transparent;border: 0px;padding:30px 0px 15px 0px;}
.portlet .tabbable-line > .tab-content { padding-bottom: 0px; }
.tabbable-line.tabs-below > .nav-tabs > li { border-top: 4px solid transparent; }
.tabbable-line.tabs-below > .nav-tabs > li > a { margin-top: 0px; }
.tabbable-line.tabs-below > .nav-tabs > li:hover { border-bottom: 0px; border-top: 4px solid rgb(251, 205, 207); }
.tabbable-line.tabs-below > .nav-tabs > li.active { margin-bottom: -2px; border-bottom: 0px; border-top: 4px solid rgb(243, 86, 93); }
.tabbable-line.tabs-below > .tab-content { margin-top: -10px; border-top: 0px; border-bottom: 1px solid rgb(238, 238, 238); padding-bottom: 15px; }
.nav-tabs > li, .nav-pills > li { float: none; display: inline-block; zoom: 1; }
.nav-tabs, .nav-pills { text-align: center; }

.imgcontainer { position: relative; display:inline-block;max-width:100%; border-radius:0px;text-align:center; }
.imgcontainer img { border-radius: 5px; }
.center-bottom {position: absolute;left: 0;right: 0;bottom:25px;margin: 0 auto;transition: bottom 0.3s ease 0s;}
a.mega-thumbnail:hover .center-bottom {bottom:40px; }
a.mega-thumbnail .categorytext{
color:#fff;
display:inline-block;
position:relative;
font-weight:normal;
width:auto;
padding: 8px 12px;
font-size:16px;
background: #6b235e;
border-radius:2px;
}

a.mega-thumbnail.active, a.mega-thumbnail:focus, a.mega-thumbnail:hover { border-color: rgb(254, 254, 254); }
.full-menu {background-color: #ffeff5;border-bottom:1px solid #f5cb8d73;border-top:1px solid #f5cb8d73 }
.navbar-mega { font-weight: 500; font-size: 16px; }
.navbar-mega .nav-item{padding: 10px; }
.navbar-mega .nav-item > a {position:relative;color: #68225d;letter-spacing: 1px;text-transform: uppercase;font-size:14px;font-weight:500;text-decoration:none;}
.navbar-mega .nav-item .fa {padding-right: 7px;}
.navbar-mega .nav-item a:focus, .navbar-mega .nav-item a:hover, .navbar-mega .navbar-nav > .open > a:focus { color: #4b1643;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: rgb(255, 255, 255); background-color: rgb(212, 19, 15); }

li.toplevel > a:before{
content: "";
position: absolute;
height: 2px;
bottom: -6px;
left: 0;
background-color: #e9c4d4;
visibility: hidden;
width: 0px;
transition: all 0.3s ease-in-out 0s;
}

li.toplevel > a.active:before {
content: "";
position: absolute;
height: 2px;
bottom: -6px;
background-color: #e9c4d4;
visibility: visible;
width: 100%;
margin-right: 15%;
transition: all 0.3s ease-in-out 0s;
}

li.toplevel > a:hover:before {
visibility: visible;
width: 100%;
}

.list-unstyled {padding: 0px 4px 14px 10px;/* min-width: 225px; */}
.image-list-unstyled { margin-bottom: 10px; min-width: auto; }
.topLevel {color: rgb(84 32 72);line-height: 16px;letter-spacing: 0.02em;font-size:16px;font-weight:500;}
.topLevel a { color: rgb(84 32 72); }
.topLevel hr { color: rgb(84 32 72); margin-top: 0.5rem;margin-bottom: 0.5rem;border: 0;border-top: 1px dashed rgb(84 32 72 / 5%);}
.navbar-topmenu hr { position: relative; margin-left: 0px; margin-top: 6px; border: 2px solid rgb(237, 20, 16); border-radius: 2px; width: 45px; margin-bottom: 5px;background-color:rgb(237, 20, 16);}
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown { position: static; }
.yamm .container { position: relative; }
.yamm .dropdown-menu { left: auto; }
.yamm .yamm-content { padding: 20px 30px; }
.yamm .dropdown.yamm-fw .dropdown-menu { left: 0px; right: 0px;border-top:none;border-left:none;border-right:none;border-radius:0px;margin-top:0px;box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}
.yamm .left-menu { right: 0px; left: auto; padding-left: 1px; padding-right: 1px; }
.yamm .leftalign { position: absolute; }
.topLevel a:hover { color: rgb(0, 0, 0); text-decoration: underline; }
.subLevel {font-size: 17px;line-height: 25px;font-weight: normal;}
.subLevel a { text-transform: none; color: rgb(0, 0, 0); }
.subLevel a:hover { color: rgb(0, 0, 0); text-decoration: underline; }
.overlay .closebtn { display: none; text-decoration: none; }
.onerlayBtn { display: inline-block; cursor: pointer; margin-top:5px; }
#menu-btn {display: block;position: relative;text-align: center;font-size:18px;}
#menu-btn .fa{font-size:28px;}

.btn-block-custom {display:inline-block;margin: 0px auto 10px auto;}
.openFilters{
font-size:15px;
font-weight:500;
padding:6px 20px;
color:#662b49;
background-color:#fff9fc;
border:1px solid #823d6038;
border-radius:3px;
/*background: linear-gradient(135deg, #672359 0%, #a15290 50%, #7c366d 51%, #7c366d 71%, #672359 100%);
background-size: 400% 400%;*/
/*animation: change-color 5s ease infinite;
-webkit-animation: change-color 5s ease infinite;*/
/*
 animation-name: change-color;
animation-duration: 5s;
animation-iteration-count: infinite;
*/
}

@keyframes change-color {
0%{
background-position:0% 31%
}
50%{
background-position:100% 70%
}
100%{
background-position:0% 31%
}
}

.openFilters:hover, .openFilters:focus, .openFilters:active, .openFilters.active, .openFilters:active:hover {background-color: #672359;border-color: #672359; }

.filters-side { display: none; }
.showFilters { position: fixed; min-height: 100%; width: 100%; top: 0px; left: 0px; background: rgba(67, 87, 121, 0.09); z-index: 2000000; display: block;line-height:24px; }
.filtersPanel { animation-name: fadeIn; animation-duration: 0.12s; }
.filtersPanel {display: block;height: 100%;width: 380px;max-width:100%;position: fixed;z-index: 10000;top: 0px;left: 0px;background-color: rgb(255, 255, 255);overflow-x: hidden;padding-top: 40px;box-shadow: rgb(168, 168, 168) -25px 0px 25px -15px;}
#resetform { position: absolute; top: 5px; left: 5px; margin: 15px 15px 15px 10px; font-size: 14px; cursor: pointer; color: rgb(217, 83, 79); text-decoration: none; }
.clearSpan { display: none; }
.showClear { display: block; }
.closeFilters { position: absolute; top: 0px; right: 5px; font-size: 36px; margin: 15px; display: block; cursor: pointer; color: rgb(0, 0, 0); text-decoration: none; }
.closeFilters:hover { color: rgb(0, 0, 0); text-decoration: none; }
.filtersContent {padding: 10px 10px 5px;text-align: left;height: 100%;/* padding-bottom:20px; */overflow-y: auto;}
.allfilters { position: relative; max-height: 100%; }
#filter-products {padding-bottom:15px;}
.filterActions { margin-left: 10px; }
#filters { padding: 15px 5px 5px; }
.extrafields { margin: 10px; }
.prices { position: relative; padding: 45px 25px 10px; margin: 20px 0px; overflow: hidden; }
.prices .noUi-connect { background: rgb(174 174 174); }
.prices .noUi-value-sub { color: rgb(204, 204, 204); font-size: 11px; }
.panel-filter > .panel-heading { padding: 0px 15px; background-color: rgb(239, 239, 239); border-color: rgb(214, 214, 214); color: rgb(0, 0, 0); }
.panel-filter .panel-title { font-size: 15px; }
.panel-filter .filterTitle { padding: 8px 0px; }
#extraTable-brands { margin: 10px; }
.panel-filter { border-color: rgb(226, 226, 226); }
.filterTitle { color: rgb(0, 0, 0); }
.filterTitle .btn:focus { outline: none; }
.btn-filter { margin-bottom: 5px; font-size:13px;}
.btn-filter.active.focus, .btn-filter.active:focus, .btn-filter.active:hover, .btn-filter:active.focus, .btn-filter:active:focus, .btn-filter:active:hover { color: rgb(255, 255, 255); background-color: rgb(165, 165, 165); border-color: rgb(93, 93, 93); }
.btn-filter.active, .btn-filter:active, .open > .dropdown-toggle.btn-filter { color: rgb(255, 255, 255); background-color: rgb(115, 115, 115); border-color: rgb(117, 117, 117); }
.btn-filter input { display: none; }
.filterButton { display: none; text-align: center; width: 100%;margin-top:15px; position: sticky;bottom:0px;}
.search-filters { background-color: #333; border-color: #333; width: 100%; padding: 10px 12px;border-radius:2px }
.search-filters:hover, .search-filters:focus, .search-filters:active:focus, .search-filters:active:hover { color: rgb(255, 255, 255); background-color: #000; border-color: #000;}
.heightfix { min-height: 49px; }
.filterAffix { position: fixed; top: 5px; left: 0px; z-index: 999; margin-left: 0px;width:40px; }
.filterAffix .openFilters {padding: 6px 10px; top: 20px; transform-origin: left bottom; border-radius: 0px 4px 4px 0px; position: absolute !important; z-index: 10 !important; left: 0px !important; }
.filterAffix .textOpenFilter { display: none; }
.filterAffix .clearFilters { display: none; }


@media only screen and (min-width: 1280px) {
.desktop-content-center {
 -ms-flex-pack: center!important;
justify-content: center!important;
}
.navbar{
padding-top: 0px;
padding-bottom: 0px;
margin-top:7px;
margin-bottom:7px
}
.dropdown-menu {display: block;visibility: hidden;opacity:0;transform: translateY(50px);transition:.5s ease all;}
.dropdown-menu.show {display: block;visibility: visible;opacity:1;transform: translateY(0px);transition:.5s ease all;z-index:10000000000;}


/* enable dropping down on mouse hover */
.desktop-content-center li.dropdown > ul.dropdown-menu {
display: block;visibility: hidden;opacity:0;transform: translateY(00px);transition:.3s ease all;
}
.desktop-content-center li.dropdown:hover > ul.dropdown-menu {
display: block;visibility: visible;opacity:1;transform: translateY(0px);transition:.3s ease all;   
}
}

@media only screen and (max-width: 992px) {
#phone_view .fa {padding-right:2px;}
#translate-overlay a, #pnone-overlay a, #pnone-overlay .fa{color: #68225d;}
#translate-overlay a, #pnone-overlay a, #pnone-overlay .fa{color: #68225d;}
 .btn-shine{font-size: 13px;animation:unset;}
 #translate-overlay{}
 .translate-top {min-width: unset;}
.gt_switcher-popup span:first-of-type {display:none !important;}
.gt_switcher-popup span{color:#f9ebf0 !important;}
.gt_switcher-popup img {display: inline-block !important;margin-right: 2px !important;margin-left: 0px !important; width: 20px; }
.gt_container-unisv1 a.glink span {margin-right: 0px !important;font-size: 14px;vertical-align: middle;}
 
.center-bottom {bottom:10px;}
.topLevel a{line-height: 16px;font-size: 15px;}
.subLevel a{line-height: 16px;font-size: 15px;}
a.mega-thumbnail .categorytext {padding: 10px 5px;font-size: 15px;}
.topProducts { display: none; }
.onerlayBtn {}
#cart .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
.searchbardiv { margin-top: 5px; }
.catSelect .catSelectContent { padding: 15px 5px; }
.overlay {height: 0%;width: 100%;position: fixed;z-index: 2147483647;left: 0px;top: 0px;background-color: #ffffff;overflow-x: hidden;transition: all 0.5s ease 0s;}
.overlay #storeCategories { display: block; }
.overlay-content { position: relative; top: 30px; width: 100%; text-align: left; padding-left: 5px; margin-top: 25px; }
.overlay .closebtn { display: block; position: absolute; font-size: 45px; top: 17px; left:18px; color: rgb(0 0 0);cursor:pointer;line-height:24px; }
.xs-padbottom{padding-bottom:25px;}
}
@media (max-width: 768px) {
.btn-shine{animation:unset;font-size:13px;;}
.ft .text-xl {font-size: 15px !important;}
.navbar-mega .nav-item{ padding-top:3px;padding-bottom:3px;padding-left: 5px;padding-right:5px; }
#filter-products {padding-bottom:2px;}
.search-filters { width: 100%; }
.filterButton { width: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 1; padding: 0.625rem; background-color: rgb(255, 255, 255); border-top: 1px solid rgb(232, 232, 232); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px 10px; }
.topBar .greeting { line-height: 20px; padding-top: 10px; }
.socialTop { padding-top: 12px; }
.inputVariations { display: inline-block; border-collapse: separate; }
.yamm .dropdown.yamm-fw .dropdown-menu {box-shadow: none;}
.yamm .yamm-content {padding: 10px;}
.list-unstyled {min-width: auto;}
.imgcontainer {max-width: 100%;}
}


.pageContent img{border-radius:5px;}
.recentProducts img{border-radius:5px;}
.fullwidth img{border-radius:5px;}
.mainCatImage img{border-radius:5px;}
.tab-content img{border-radius:5px;}