.woocommerce-page .bevro-shop-filter-button, .woocommerce-page button.bevro-shop-filter-button{
float: left;
margin: 0 20px 0em 0;
position: relative;
}
.bevro-woo-filter-icon{
line-height: 1;
font-weight: 400;
vertical-align: middle;
font-size:20px;
}
.shop-filter-text{
line-height: 1;
font-weight: 400;
vertical-align: middle;
margin-left:5px;
}
.bevro-enabled-overlay .woocommerce .bevro-off-canvas-sidebar-wrapper, .bevro-enabled-overlay .woocommerce-page .bevro-off-canvas-sidebar-wrapper {
visibility: visible;
opacity: 1;
}
.woocommerce .bevro-off-canvas-sidebar-wrapper, .woocommerce-page .bevro-off-canvas-sidebar-wrapper {
width: 100%;
top: 0;
position: fixed;
height: 100%;
background: rgba(0,0,0,.4);
z-index: 99;
visibility: hidden;
opacity: 0;
-webkit-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.bevro-enabled-overlay .woocommerce .bevro-off-canvas-sidebar-wrapper .bevro-off-canvas-sidebar, .bevro-enabled-overlay .woocommerce-page .bevro-off-canvas-sidebar-wrapper .bevro-off-canvas-sidebar {
left: 0;
}
.logged-in.admin-bar.woocommerce .bevro-off-canvas-sidebar, .logged-in.admin-bar.woocommerce-page .bevro-off-canvas-sidebar {
top: 32px;
height: -webkit-calc(100% - 32px);
height: calc(100% - 32px);
}
.woocommerce .bevro-off-canvas-sidebar-wrapper .bevro-off-canvas-sidebar, .woocommerce-page .bevroa-off-canvas-sidebar-wrapper .bevro-off-canvas-sidebar {
position: absolute;
background: #fff;
height: 100%;
top: 0;
left: -100%;
padding: 30px 20px;
-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.4);
box-shadow: 0 0 12px 0 rgba(0,0,0,.4);
width: 280px;
overflow: auto;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.logged-in.admin-bar.woocommerce .close, .logged-in.admin-bar.woocommerce-page .close{
top: 5px;
}
.woocommerce .bevro-off-canvas-sidebar-wrapper .close, .woocommerce-page .bevro-off-canvas-sidebar-wrapper .close{
position: absolute;
right: 5px;
top: 5px;
line-height: 1;
cursor: pointer;
color: #3a3a3a;
z-index: 1;
opacity: .8;
}
.brv-shop-filter-close{
width: 20px;
height: 20px;
top: 0;
position: absolute;
background: #fff;
right: 0;
}
.brv-shop-filter-close:before, .brv-shop-filter-close:after{
content: '';
display: block;
border-top: 1px solid;
position: absolute;
left: 0;
top: 50%;
width: 100%;
}
.brv-shop-filter-close:before{
-webkit-transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
}
.brv-shop-filter-close:after{
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.brv-shop-filter-close:hover{
-webkit-transform: rotateZ(90deg);
-moz-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.brv-shop-filter-close{
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .woocommerce .cart-collaterals .cross-sells ul.products li, 
.woocommerce-page .cart-collaterals .cross-sells ul.products.columns-3 li {
width: 30.75%;
}
.woocommerce .cart-collaterals .cross-sells ul.products li, 
.woocommerce-page .cart-collaterals .cross-sells ul.products.columns-2 li {
width: 48%;
}
.woocommerce .cart-collaterals .cross-sells ul.products li, 
.woocommerce-page .cart-collaterals .cross-sells ul.products.columns-1 li {
width: 100%;
} .bevro-load-more #load-more-product{
background: none;
border: 1px solid #bbb;
color: #bbb;
padding: 15px 30px;
margin: 20px 0px;
display: block;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bevro-load-more #load-more-product:hover {
color: #ea4c89;
border-color: #ea4c89;
}
.brv-shop-pagination-infinite{
position: relative;
text-align: center;
}
.brv-shop-load-more.no-more{
background: none;
border: 1px solid #bbb;
color: #bbb;
padding: 15px 30px;
margin: 20px 0px;
display: block;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.bevro-load-more #load-more-product:hover{
color: #ea4c89;
border-color: #ea4c89;
}
.main-header.mhdfull .sider.left:before,
.main-header.mhdfull .sider.right:before,
.main-header.mhdfull .sider.overcenter:before{
content:'';
background:transparent;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index:0;
display: block;
} .pan-content:before,
.bevro-site .mhdminbarleft .main-header-bar:before,
.bevro-site .mhdminbarright .main-header-bar:before,.min-bar-header:before{
content: '';
background:transparent;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
display: block;
}
.pan-content .main-header-bar{
background:transparent!important;
}   .brv-sticky-footer .footer-sticky-icon {
cursor: pointer;
text-align: center;
position:absolute;
bottom: 100%;
padding: 0;
left:0;
right:0;
margin:auto;
background-color:#ea4c89;
color: #fff;
font-size: 1.2em;
width: 50px;
height: 35px;
line-height:35px;
text-align: center;
z-index: 10000;
transition: .3s ease-in-out;
}
.brv-sticky-footer .footer-sticky-icon  .footer-icon:before {
content:"\f102";
font-family: FontAwesome;
}
.brv-sticky-footer.sticky-footer-active .footer-sticky-icon  .footer-icon:before {
content:"\f103";
font-family: FontAwesome;
}
.brv-sticky-footer footer {
position: fixed;
z-index: 999;
top: auto;
bottom: 0;
width: 100%;
transition: all .3s;
transform: translateY(100%);
}
.brv-sticky-footer.sticky-footer-active footer{
transform: translateY(0px);
}
@media only screen and (min-width:1024px){   .left-menu .main-header-bar.two .main-header-col2{
justify-content: flex-start;
}
.center-menu .main-header-bar.two .main-header-col2{
justify-content: center;
}
.left-menu .main-header-col1{
padding-right: 20px;
}   .linkeffect-1 .sider-inner ul.bevro-menu > li > a::before {
margin-right: 5px;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.linkeffect-1 .sider-inner ul.bevro-menu > li > a::after {
margin-left: 5px;
content: ']';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
.linkeffect-1 .sider-inner ul.bevro-menu > li > a:hover::before, 
.linkeffect-1 .sider-inner ul.bevro-menu > li > a:hover::after, 
.linkeffect-1 .sider-inner ul.bevro-menu > li > a:focus::before, 
.linkeffect-1 .sider-inner ul.bevro-menu > li > a:focus::after,
.linkeffect-1 .sider-inner ul.bevro-menu > li.current-menu-item > a::after,
.linkeffect-1 .sider-inner ul.bevro-menu > li.current-menu-item > a::before,
.linkeffect-1 .sider-inner ul.bevro-menu > li.menu-active > a::after,
.linkeffect-1 .sider-inner ul.bevro-menu > li.menu-active > a::before{
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
.linkeffect-1 .sider-inner ul.bevro-menu > li > a::before, 
.linkeffect-1 .sider-inner ul.bevro-menu > li > a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}   .linkeffect-2 .sider-inner ul.bevro-menu > li > a::before {
position: absolute;
top: 55%;
left: 50%;
color: transparent;
content: "•";
text-shadow: transparent 0px 0px;
font-size: 1.2em;
transform: translateX(-50%);
pointer-events: none;
transition: text-shadow 0.3s ease 0s, color 0.3s ease 0s;
}
.linkeffect-2 .sider-inner ul.bevro-menu > li >  a {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.linkeffect-2 .sider-inner ul.bevro-menu > li > a:hover::before,
.linkeffect-2 .sider-inner ul.bevro-menu > li > a:focus::before,
.linkeffect-2 .sider-inner ul.bevro-menu > li.current-menu-item > a::before,
.linkeffect-2 .sider-inner ul.bevro-menu > li.menu-active > a::before{
color:#ea4c89;
text-shadow: 10px 0 #ea4c89, -10px 0 #ea4c89;
}   .linkeffect-3 .sider-inner ul.bevro-menu > li > a span{
position:relative;
}
.linkeffect-3 .sider-inner ul.bevro-menu > li > a span::before {
color:#ea4c89;
text-shadow: 0 0 1px rgba(255,255,255,0.3);
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.linkeffect-3 .sider-inner ul.bevro-menu > li > a span::after {
content: '';
position: absolute;
left: 0;
bottom:-8px;
width:100%;
height: 2px;
background:#ea4c89;
opacity: 0;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.linkeffect-3 .sider-inner ul.bevro-menu > li > a span:hover::before, 
.linkeffect-3 .sider-inner ul.bevro-menu > li > a span:focus::before,
.linkeffect-3 .sider-inner ul.bevro-menu > li.current-menu-item > a span::before, 
.linkeffect-3 .sider-inner ul.bevro-menu > li.menu-active > a span::before {
opacity: 0;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
transform: translateY(-2px);
}
.linkeffect-3 .sider-inner ul.bevro-menu > li > a span:hover::after, 
.linkeffect-3 .sider-inner ul.bevro-menu > li > a span:focus::after,
.linkeffect-3 .sider-inner ul.bevro-menu > li.current-menu-item > a span::after, 
.linkeffect-3 .sider-inner ul.bevro-menu > li.menu-active > a span::after{
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}   .linkeffect-4 .sider-inner ul.bevro-menu > li > a span{
position:relative;
}
.linkeffect-4 .sider-inner ul.bevro-menu > li > a span::before {
top: -8px;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.linkeffect-4 .sider-inner ul.bevro-menu > li > a span::before, 
.linkeffect-4 .sider-inner ul.bevro-menu > li > a span::after {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #ea4c89;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.linkeffect-4 .sider-inner ul.bevro-menu > li > a span::after {
bottom: -8px;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.linkeffect-4 .sider-inner ul.bevro-menu > li > a span:hover, 
.linkeffect-4 .sider-inner ul.bevro-menu > li > a span:focus,
.linkeffect-4 .sider-inner ul.bevro-menu > li.current-menu-item > a span, 
.linkeffect-4 .sider-inner ul.bevro-menu > li.menu-active > a span{
color: #ea4c89;
}
.linkeffect-4 .sider-inner ul.bevro-menu > li > a span:hover::before, 
.linkeffect-4 .sider-inner ul.bevro-menu > li > a span:focus::before, 
.linkeffect-4 .sider-inner ul.bevro-menu > li > a span:hover::after, 
.linkeffect-4 .sider-inner ul.bevro-menu > li > a span:focus::after,
.linkeffect-4 .sider-inner ul.bevro-menu > li.current-menu-item > a span::after, 
.linkeffect-4 .sider-inner ul.bevro-menu > li.menu-active > a span::after,
.linkeffect-4 .sider-inner ul.bevro-menu > li.current-menu-item > a span::before, 
.linkeffect-4 .sider-inner ul.bevro-menu > li.menu-active > a span::before{
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}   .linkeffect-5 .sider-inner ul.bevro-menu > li > a span{
position:relative;
}
.linkeffect-5 .sider-inner ul.bevro-menu > li > a span:after{
display: block;
background-color:#ea4c89;
position: absolute;
bottom: -8px;
left: 0;
content: '';
width: 100%;
height: 2px;
visibility: hidden;
-moz-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
transform-origin: bottom left;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.linkeffect-5 .sider-inner ul.bevro-menu > li > a:hover>span:after,
.linkeffect-5 .sider-inner ul.bevro-menu > li.current-menu-item > a >span:after,
.linkeffect-5 .sider-inner ul.bevro-menu > li.menu-active > a >span:after{
visibility: visible;
-moz-transform: scaleX(1);
-webkit-transform: scaleX(1);
transform: scaleX(1);
}   .linkeffect-6 .sider-inner ul.bevro-menu > li > a{
display:block;
margin:0px 5px;
padding:5px 10px;
}
.linkeffect-6 .sider-inner ul.bevro-menu > li > a::before {
top: 0;
left: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
}
.linkeffect-6 .sider-inner ul.bevro-menu > li > a::before, 
.linkeffect-6 .sider-inner ul.bevro-menu > li > a::after{
position: absolute;
width: 32px;
height: 2px;
background:#ea4c89;
content: '';
opacity: 0.2;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
.linkeffect-6 .sider-inner ul.bevro-menu > li > a::after{
right: 0;
bottom: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.linkeffect-6 .sider-inner ul.bevro-menu > li > a:hover::before, 
.linkeffect-6 .sider-inner ul.bevro-menu > li > a:focus::before,
.linkeffect-6 .sider-inner ul.bevro-menu > li.current-menu-item > a::before, 
.linkeffect-6 .sider-inner ul.bevro-menu > li.menu-active > a::before {
left: 50%;
-webkit-transform: rotate(0deg) translateX(-50%);
-moz-transform: rotate(0deg) translateX(-50%);
transform: rotate(0deg) translateX(-50%);
}
.linkeffect-6 .sider-inner ul.bevro-menu > li > a:hover::before,
.linkeffect-6 .sider-inner ul.bevro-menu > li > a:hover::after,
.linkeffect-6 .sider-inner ul.bevro-menu > li > a:focus::before,
.linkeffect-6 .sider-inner ul.bevro-menu > li > a:focus::after,
.linkeffect-6 .sider-inner ul.bevro-menu > li.current-menu-item > a::before,
.linkeffect-6 .sider-inner ul.bevro-menu > li.current-menu-item > a::after,
.linkeffect-6 .sider-inner ul.bevro-menu > li.menu-active > a::before,
.linkeffect-6 .sider-inner ul.bevro-menu > li.menu-active > a::after{
opacity: 1;
}
.linkeffect-6 .sider-inner ul.bevro-menu > li > a:hover::after,
.linkeffect-6 .sider-inner ul.bevro-menu > li > a:focus::after,
.linkeffect-6 .sider-inner ul.bevro-menu > li.current-menu-item > a::after,
.linkeffect-6 .sider-inner ul.bevro-menu > li.menu-active > a::after{
right: 50%;
-webkit-transform: rotate(0deg) translateX(50%);
-moz-transform: rotate(0deg) translateX(50%);
transform: rotate(0deg) translateX(50%);
}   .linkeffect-7 .sider-inner ul.bevro-menu *{
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.linkeffect-7 .sider-inner ul.bevro-menu > li > a{
padding: 0.5em 0.8em;
margin: 0.2em 0;
display: block;
position: relative;
text-decoration: none;
}
.linkeffect-7 .sider-inner ul.bevro-menu > li > a:before,
.linkeffect-7 .sider-inner ul.bevro-menu > li > a:after {
height: 14px;
width: 14px;
position: absolute;
content: '';
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
opacity: 0;
}
.linkeffect-7 .sider-inner ul.bevro-menu > li > a:before {
left: 0;
top: 0;
border-left: 3px solid #ea4c89;
border-top: 3px solid #ea4c89;
-webkit-transform: translate(100%, 50%);
transform: translate(100%, 50%);
}
.linkeffect-7 .sider-inner ul.bevro-menu > li > a:after {
right: 0;
bottom: 0;
border-right: 3px solid #ea4c89;
border-bottom: 3px solid #ea4c89;
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
.linkeffect-7 .sider-inner ul.bevro-menu > li > a:hover,
.linkeffect-7 .sider-inner ul.bevro-menu > li.current-menu-item > a,
.linkeffect-7 .sider-inner ul.bevro-menu > li.menu-active > a{
color: #ea4c89;
}
.linkeffect-7 .sider-inner ul.bevro-menu > li > a:hover:before,
.linkeffect-7 .sider-inner ul.bevro-menu > li > a:hover:after,
.linkeffect-7 .sider-inner ul.bevro-menu > li.current-menu-item > a:before,
.linkeffect-7 .sider-inner ul.bevro-menu > li.current-menu-item > a:after,
.linkeffect-7 .sider-inner ul.bevro-menu > li.menu-active > a:after,
.linkeffect-7 .sider-inner ul.bevro-menu > li.menu-active > a:before{
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
opacity: 1;
}   .linkeffect-8 .sider-inner ul.bevro-menu > li > a span{
position:relative;
}
.linkeffect-8 .sider-inner ul.bevro-menu > li > a span:before,
.linkeffect-8 .sider-inner ul.bevro-menu > li > a span:after{
height:2px;
position: absolute;
content: '';
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
background-color:#ea4c89;
width: 0;
}
.linkeffect-8 .sider-inner ul.bevro-menu > li > a span:before{
top:-8px;
left: 0;
}
.linkeffect-8 .sider-inner ul.bevro-menu > li > a span:after{
bottom:-8px;
right: 0;
}
.linkeffect-8 .sider-inner ul.bevro-menu > li > a span:hover,
.linkeffect-8 .sider-inner ul.bevro-menu > li.current-menu-item > a span,
.linkeffect-8 .sider-inner ul.bevro-menu > li.menu-active > a span{
color:#ea4c89;
}
.linkeffect-8 .sider-inner ul.bevro-menu > li > a span:hover:before,
.linkeffect-8 .sider-inner ul.bevro-menu > li > a span:hover:after,
.linkeffect-8 .sider-inner ul.bevro-menu > li.current-menu-item > a span:before,
.linkeffect-8 .sider-inner ul.bevro-menu > li.menu-active > a span:before,
.linkeffect-8 .sider-inner ul.bevro-menu > li.current-menu-item > a span:after,
.linkeffect-8 .sider-inner ul.bevro-menu > li.menu-active > a span:after{
width: 100%;
}
}
@media only screen and (max-width:1024px){
.left-menu .main-header-bar.two .main-header-col2{
justify-content:flex-end;
}
.center-menu .main-header-bar.two .main-header-col2{
justify-content:flex-end;
}
.sider.left:before,.sider.right:before,.sider.overcenter:before{
content:'';
background: #fff;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index:0;
display: block;
}
.pan-content .sider.left:before, 
.pan-content .sider.right:before,
.pan-content .sider.overcenter:before{
background:transparent!important; 
}
}
@media only screen and (max-width:768px){
.woocommerce .cart-collaterals .cross-sells ul.products li, 
.woocommerce-page .cart-collaterals .cross-sells ul.products.columns-3 li {
width: 48%;
}
}