#cp_sidevertical_menu_top .top-menu a:not([data-depth="0"]) {

 	 display: block;

}

#cp_sidevertical_menu_top .top-menu a {

	font-weight: 600;

	line-height: 25px;

	text-transform: capitalize;

	white-space: initial;

	width: auto;

	padding: 6px 0;

	text-align: left;

	border-bottom: 1px solid #f0f0f0;

}

#header #sidevertical_menu {

	width: 100%;

	margin-inline-start:0;

	display: block;

}

#header #sidevertical_menu #top-menu.top-menu[data-depth="0"] {

	padding: 11px 20px 30px;

	margin: 0;

}

.header-top-main #sidevertical_menu .top-menu .navbar-toggler {

	display: inline-block;	

	padding: 0;

	background-color: #000000;

	border-radius: 50%;

}

.verticalmenu-side #cpnav1cmsblock .header-deal {

	float: none;

	text-align: center;

}

.menu-icon .material-icons.menu-close {

	position: absolute;

	display: block;

	left: auto;

	right: 15px;

	cursor: pointer;

}

.mobile-menu {

	z-index: 2;

	position: relative;

	float: none;

	padding: 37px 0 0;

	cursor: pointer;

	margin-inline-end: 12px;

	display: inline-block;

	vertical-align: top;

}

.verticalmenu-side #_desktop_user_info {

	display: none;

}

.mobile-menu .material-icons.menu-open {

	font-size: 30px;

}

#cp_sidevertical_menu_top > #_desktop_top_menu .mobile > ul.top-menu > li:last-child a {

border: none;

}

#cp_sidevertical_menu_top .top-menu .collapse-icons .material-icons.remove {

display: none;

}

#cp_sidevertical_menu_top .top-menu .collapse-icons[aria-expanded="true"] .remove {

display: block;

}

#cp_sidevertical_menu_top  .top-menu .collapse-icons[aria-expanded="true"] .add {

display: none;

}

#cp_sidevertical_menu_top .top-menu .sub-menu.collapse.in {

display: block;

}

#cp_sidevertical_menu_top .top-menu .sub-menu.collapse {

    display: none;

}

.header-top #cp_sidevertical_menu_top .top-menu .navbar-toggler {

display: inline-block;

padding: 0;

}

.header-top #cp_sidevertical_menu_top .top-menu .collapse-icons[aria-expanded="true"] .add {

display: none;

}

.header-top #cp_sidevertical_menu_top .top-menu .collapse-icons .remove {

display: none;

}

.header-top #cp_sidevertical_menu_top .top-menu .collapse-icons[aria-expanded="true"] .remove {

display: block;

}

#cp_sidevertical_menu_top .top-menu[data-depth="1"] li a {

	padding-inline-start: 12px;

	margin-inline-start: 10px;

	font-weight: 500;

}

#cp_sidevertical_menu_top .top-menu[data-depth="2"] li a {

padding-inline-start: 22px;

}

#cp_sidevertical_menu_top .top-menu[data-depth="3"] li a {

padding-inline-start: 27px;

}

#cp_sidevertical_menu_top .top-menu li span .material-icons {

font-size: 15px;

}

#cp_sidevertical_menu_top .top-menu .collapse {

  display: none;

}

#cp_sidevertical_menu_top .top-menu .collapse.in {

display: block;

}

#left-column .header-top-main.bg_main.fixed #cp_sidevertical_menu_top{

margin:0 0 10px;

}

.topcolumntop .top-menu [data-depth="2"] li {

width: 100%;

}

.title_menu {

  position: relative;

  float: left;

  font-weight:700;

  text-align: left;

  width: 100%;  

}

#cp_sidevertical_menu_top .top-menu[data-depth="1"] li a::before, 

#cp_sidevertical_menu_top .top-menu[data-depth="2"] li a::before, 

#cp_sidevertical_menu_top .top-menu[data-depth="3"] li a::before {

	content: "";	

	position: absolute;

	left: 8px;

	top: 13px;	

    display: inline-block;

    height: 10px;

    width: 10px;

    -webkit-mask-image: url(../img/arrow-icon.svg);

    -webkit-mask-position: center;

    -webkit-mask-repeat: no-repeat;

    mask-image: url(../img/arrow-icon.svg);

    mask-position: center;

    mask-repeat: no-repeat;

    background-color: #000000;

    mask-size: 6px;

    font-size: 6px;

    -webkit-mask-size: 6px;

    vertical-align: middle;

    margin-inline-end: 3px;

}

#cp_sidevertical_menu_top .top-menu[data-depth="2"] li a::before {

	left: 15px;

}

html body.active {

	overflow: hidden;

}

.title_main_menu {
	background: rgba(0, 0, 0, 0.7);

	position: relative;

	float: left;

	width: 100%;

	padding: 11px 20px;
	

}

.header-top #cp_sidevertical_menu_top .top-menu .sub-menu {

box-shadow: none;

-moz-box-shadow: none;

-webkit-box-shadow: none;

z-index: inherit;

display: block;

position: static;

overflow: hidden;

margin-left: 0;

width: 100%;

min-width: 100%;

background-color: #000000;

border: 0;

padding: 0px;

}

#cp_sidevertical_menu_top .top-menu .sub-menu.collapse {

  display: none;

}

#cp_sidevertical_menu_top .top-menu .pull-xs-right.hidden-sm-down .material-icons.right,

.vertical-side-top-text .head-wishlist .ap-total-wishlist, .vertical-side-top-text .head-compare .ap-total-compare {

display: none;

}

.vertical-side-top-text {

	float: left;

	width: 100%;

	background: #999999;

	text-align: center;

	padding: 14px 10px;

}

.vertical-side-top-text .head-wishlist,.vertical-side-top-text .head-compare,.vertical-side-top-text #_desktop_user_info-side{

	text-align: center;

	float: none;

	display: inline-block;

	vertical-align: top;

  margin: 0;

}

.vertical-side-top-text .head-wishlist a, .vertical-side-top-text .head-compare a, .vertical-side-top-text #_desktop_user_info-s {

	background: none !important;

	-webkit-mask-image: none;

	font-size:var(--body-font-size) !important;

	height: auto;

	width: auto;

	text-align: center;

	float: none;

	display: inline-block;

	color: #FFFFFF !important;

	line-height: inherit;

	vertical-align: middle;

	margin: 0;

}

.vertical-side-top-text .head-wishlist {

	border-inline: 1px solid #d4d4d4;

	height: 16px;

	padding: 0 10px;

	margin: 0 10px;

	vertical-align: middle;

}

.vertical-side-top-text .head-wishlist a {

	vertical-align: top;

	line-height: 16px;

}

/* language and currency */

.verticalmenu-side #cpheadercms1{

	text-align: center;

	padding: 5px;

	display: inline-block;

}

.verticalmenu-side {

	float: left;

	width: 100%;

}

#cp_sidevertical_menu_top .verticalmenu-side .vertical_language {

	padding: 20px;

	border-block-start: 1px solid #e5e5e5;

	margin: 0;

}

.verticalmenu-side #cpnav1cmsblock {

	text-align: center;

	width: 100%;

	padding: 20px;

	border-block-start: 1px solid #e5e5e5;

	color: #FF0000;

}

.verticalmenu-side #verticalmenu_desktop_user_info a:hover {

	color: #FFF;

}

.vertical_currency li, .vertical_language li {

	display: inline-block;

	vertical-align: top;

	margin: 3px;

}

.vertical_currency a.dropdown-item {

	padding: 2px 9px;

	border: 1px solid #e5e5e5;

	border-radius: 4px;

}

.vertical_language a.dropdown-item {

  padding: 0;

  text-transform: uppercase;

}

.vertical_language img {

  margin-inline-end: 6px;

}

#cp_sidevertical_menu_top #_desktop_currency_selector , #cp_sidevertical_menu_top #_desktop_language_selector {

display: none;

}

#cp_sidevertical_menu_top .dropdown-menu {

	display: block;

	float: left;

	width: 100%;

	position: relative;

	border: none;

	padding: 0;

	margin-block-start: 0;

	text-align: center;

}

.verticalmenu-side .vertical_language, .verticalmenu-side .vertical_currency {

	float: left;

	width: 100%;

	padding: 20px;

}

#cp_sidevertical_menu_top .link.hidden-lg-up {

display: block !important;

}

#verticalmenu_desktop_user_info {

	display: inline-block;

	vertical-align: top;

	text-align: center;

	margin: 0;

}

.header-top .header-div .sub-container .header-right #verticalmenu_desktop_user_info {

    display: none;

}

@keyframes catAnim{

0% {



  opacity: 0;

  -khtml-opacity: 0;

  -webkit-opacity: 0;

  -moz-opacity: 0;



}

100% {



  opacity: 1;

  -khtml-opacity: 1;

  -webkit-opacity: 1;

  -moz-opacity: 1;



}

0% {



  opacity: 0;

  -khtml-opacity: 0;

  -webkit-opacity: 0;

  -moz-opacity: 0;



}

100% {



  opacity: 1;

  -khtml-opacity: 1;

  -webkit-opacity: 1;

  -moz-opacity: 1;



}

}

@media(max-width: 1200px){

  #cp_sidevertical_menu_top .top-menu .sub-menu ul[data-depth="1"] > li{

      min-width: 180px;

  }

}

#cp_sidevertical_menu_top .top-menu .popover {

  max-width: inherit;

}

.top-menu a.dropdown-item.dropdown-submenu[data-depth="1"] {

	display: block;

	font-weight: 600;	

}

#cp_sidevertical_menu_top .top-menu a:hover,

#cp_sidevertical_menu_top .top-menu .sub-menu a:hover{

  text-decoration: none;

}

#cp_sidevertical_menu_top .top-menu a:hover,

#cp_sidevertical_menu_top .top-menu > li:hover > a{

  text-decoration: none;

}



#cp_sidevertical_menu_top .top-menu .menu-images-container img{ max-width: 100%; padding-left: 15px; }

#cp_sidevertical_menu_top .top-menu .sub-menu {

box-shadow: none;

-moz-box-shadow: none;

-webkit-box-shadow: none;

z-index: inherit;

display: block;

position: relative;

overflow: hidden;

margin-left: 0;

width: 100%;

min-width: 100%;

background-color: #555555;

border: 0;

padding: 0;

top: 0 !important;

}

.vertical-side-top-text #_desktop_user_info-side a {

	color: #FF0000;

	text-transform: capitalize;

}

#cp_sidevertical_menu_top  {

  background: rgba(0, 0, 0, 0.7);

  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.5);

  -moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.5);

  -webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.5);

  height: 100%;

  left: -0%;

  margin-left: 0;

  overflow: auto;

  padding: 0;

  position: fixed;

  top: 0;

  opacity: 0;

  transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.4s cubic-bezier(0.77, 0.2, 0.05, 1);

  transform: translateX(-102%);

  width: 327px;

  z-index: 9999;

}

#cp_sidevertical_menu_top.slide {

  transform: translateX(0rem);

  opacity: 1;

}

#left-column #cp_sidevertical_menu_top #_desktop_top_menu { padding: 0;}

#left-column #cp_sidevertical_menu_top {

border-radius: 5px;

-webkit-border-radius: 5px;

-khtml-border-radius: 5px;

-moz-border-radius: 5px;

position: relative;

width: 100%;

}

#index #cp_sidevertical_menu_top #top-menu {

position: relative;

display: block !important;

}



#left-column #cp_sidevertical_menu_top #top-menu{ display:block;}

#left-column #cp_sidevertical_menu_top #top-menu {

background-color: #000000;

border: 1px solid #e5e5e5;

margin-top: 15px;

}

#cp_sidevertical_menu_top .top-menu > li:hover > .sub-menu.second_depth {

display: none !important;

}

#cp_sidevertical_menu_top .top-menu > li .sub-menu .top-menu li:hover > .sub-menu.second_depth {

display: block !important;

}

#cp_sidevertical_menu_top .top-menu > li:hover > .sub-menu.second_depth {

display: none !important;

}

#cp_sidevertical_menu_top .top-menu li:hover .sub-menu.second_depth {

display: none !important;

}

#cp_sidevertical_menu_top .block-title {

cursor: pointer;

}

#cp_sidevertical_menu_top #top-menu {

float: left;

width: 100%;

}

.header-top #cp_sidevertical_menu_top #top-menu.top-menu[data-depth="0"] {

padding: 11px 20px 21px;

}

#cp_sidevertical_menu_top #top-menu li{

  position: relative;

  margin: 0;

  display:block;

}

.lang-es #cp_sidevertical_menu_top .block-title{

padding: 10px 12px 10px;

}

#cp_sidevertical_menu_top .material-icons.menu-close {

float: right;

}

#cp_sidevertical_menu_top .menu-title {

cursor: pointer;

display: block;

float: left;

font-weight: 500;

letter-spacing: 0.3px;

line-height: 25px;

overflow: hidden;

padding: 7px 15px;

position: relative;

text-transform: capitalize;

width: 100%;

color:#FFF;

}



#cp_sidevertical_menu_top .more-view {

color: #FF0000;

display: inline-block;

padding: 10.9px 28px 10.9px 30px;

width: 100%;

margin-top: 0px;

font-weight: 500;

margin: 0 15px;

}

#cp_sidevertical_menu_top li:hover .more-view{ color: #999999;}

.more-wrap {

color: #303840;

cursor: pointer;

  font-weight: 500;

}

#cp_sidevertical_menu_top .more-wrap .material-icons {

float: right;

right: 0;

}

#cp_sidevertical_menu_top .more-wrap .material-icons {

font-size: 20px;

line-height: 35px;

}



@media(max-width: 1449px){

#header #cp_sidevertical_menu_top #top-menu {display: block;}



#cp_sidevertical_menu_top .top-menu .sub-menu{

  top: 10px !important;

}

}

@media(max-width: 991px){

  .mobile-menu {

    padding: 5px 0;

    float: left;

    margin: 0;

  }

}



@media (max-width: 767px){

.cpcategory-container .categoryblock .block_content .cate-btn {

  text-align: center;

}

.cpcategory-container .categoryblock .block_content .cate-btn {

  margin: 0;

}

#cp_sidevertical_menu_top{

  width: 300px;

}

}



@media (max-width: 480px){

.mobile-menu {

	padding: 0;

}

}