.vertical-menu .top-menu a {

  padding: 10.9px 0px 10.9px 30px;

}



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

    display: block;

    color: #acaaa6;

}

.vertical-menu .top-menu a.dropdown-submenu {

    text-transform: capitalize;

}

.vertical-menu .top-menu a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  opacity: 0;


    transition: all 180ms ease;

    -webkit-transition: all 180ms ease;

    -moz-transition: all 180ms ease;

    -ms-transition: all 180ms ease;

    -o-transition: all 180ms ease;
}

.vertical-menu .top-menu a:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.3;


    transition: all 280ms ease;

    -webkit-transition: all 280ms ease;

    -moz-transition: all 280ms ease;

    -ms-transition: all 280ms ease;

    -o-transition: all 280ms ease;
}

.vertical-menu .top-menu a {

  color: #222222;
  color: #fff;

  font-size: 14px;

  font-weight: 500;

  line-height: 25px;

  /*text-transform: capitalize;*/

  white-space: initial;

  border-bottom: 1px solid #e5e5e5;

  margin: 0 15px;

  width: auto;

}

#tm_vertical_menu_top #top-menu li:last-child a {

    border-bottom: 0;

}

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

  padding:10.9px 0px 10.9px 5px;

}

.vertical-menu .top-menu .collapse {

    display: inherit;

}

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

  margin:0 0 10px;

}

.vertical-menu .top-menu .sub-menu {

  background: #fff;

  display: none;

  left: 100%;

  opacity: 0;

  -webkit-opacity: 0;

  -moz-opacity: 0;

  -ms-opacity: 0;

  -o-opacity: 0;

  -khtml-opacity: 0;

  position: absolute;

  top:  -1px !important;

  width: 250px;

  margin: 0;

  z-index: 9999;

  animation: 0.6s ease 0s normal both 1 running catAnim;

  -webkit-animation: 0.6s ease 0s normal both 1 running catAnim;

  -moz-animation: 0.6s ease 0s normal both 1 running catAnim;

  -ms-animation: 0.6s ease 0s normal both 1 running catAnim;

  -o-animation: 0.6s ease 0s normal both 1 running catAnim;

  padding: 0;

}

.vertical-menu .top-menu > li:hover > .sub-menu {

  display: block !important;

  opacity: 1;

  -webkit-opacity: 1;

  -moz-opacity: 1;

  -ms-opacity: 1;

  -o-opacity: 1;

  -khtml-opacity: 1;

  -webkit-transition: opacity 1s ease-out;

  -moz-transition: opacity 1s ease-out;

  -ms-transition: opacity 1s ease-out;

  -o-transition: opacity 1s ease-out;

}



.header-top .vertical-menu .top-menu .sub-menu {

  background: #ffffff none repeat scroll 0 0;

  border: 3px solid #009fe3;

  border-radius: 0;

 -webkit-border-radius: 0;

-khtml-border-radius: 0;

-moz-border-radius: 0;

  padding: 15px 15px 15px 15px;

  position: absolute;

  top: 0 !important;

  z-index: 10000;

}

.vertical-menu .top-menu .sub-menu.collapse {

    display: none;

}

.vertical-menu .top-menu .pull-xs-right.hidden-sm-down .material-icons.right {

  display: none;

}

#header .header-top #tm_vertical_menu_top .menu ul[data-depth="0"] li a {

  color: #333333;

  font-size: 13px;

  font-weight: 400;

  text-transform: uppercase;

  margin-top: 5px;

}

 #header .header-top #tm_vertical_menu_top .menu ul[data-depth="0"] li a:hover {

    color: #009fe3;

}

#header .header-top #tm_vertical_menu_top .menu ul[data-depth="0"] li a:hover  a {

   color: #173e43;

 }





@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){

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

        min-width: 180px;

    }

}

.vertical-menu .top-menu .popover {

    max-width: inherit;

}



.vertical-menu .top-menu .sub-menu a {

    color: #222222;

}

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

  display: block;

}



.vertical-menu .top-menu a:hover,

.vertical-menu .top-menu .sub-menu a:hover{

    color: #2fb5d2;

    text-decoration: none;

}

.vertical-menu .top-menu a:hover,

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

	color: #009fe3;
  color: #fff;/*ajout*/

    text-decoration: none;

}



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



#tm_vertical_menu_top {

  float: left;

  padding: 0;

  position: relative;

  width: 21.7%;

  text-align: left;

  clear: both;

  z-index: 9;

  display: inline-block;

  margin: 0 0 30px;

}

#tm_vertical_menu_top #_desktop_top_menu {

  float: left;

  padding: 0 14px 0 0;

  position: relative;

  width: 100%;

}

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

#left-column #tm_vertical_menu_top {

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  -moz-border-radius: 5px;

  position: relative;

  width: 100%;

}

#index #tm_vertical_menu_top #top-menu {

  position: relative;

  display: block;

}



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

#left-column #tm_vertical_menu_top #top-menu {

	background-color: #ffffff;

	border: 1px solid #e5e5e5;

	margin-top: 20px;

}

.vertical-menu .top-menu > li:hover > .sub-menu.second_depth {

  display: none !important;

}

.vertical-menu .top-menu > li .sub-menu .top-menu li:hover > .sub-menu.second_depth {

  display: block !important;

}

.vertical-menu .top-menu > li:hover > .sub-menu.second_depth {

  display: none !important;

}

.vertical-menu .top-menu li:hover .sub-menu.second_depth {

  display: none !important;

}





#tm_vertical_menu_top .block-title {

  background: #3c3c3b;

  border-bottom: none;

  float: left;

  position: relative;

  width: 100%;

  transition: all 500ms ease 0s;

  -webkit-transition: all 500ms ease 0s;

  -moz-transition: all 500ms ease 0s;

  -ms-transition: all 500ms ease 0s;

  -o-transition: all 500ms ease 0s;

  padding: 10px 20px 10px;

  cursor: pointer;

}

#tm_vertical_menu_top #top-menu {

  background: #fff none repeat scroll 0 0;

  margin: 0;

  padding: 0;

  position: relative;

  z-index: 1000;

  float: left;

  width: 100%;

  border-top:none;

  display: none;

}

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

  padding: 20px 0px 10px;

}

#tm_vertical_menu_top #top-menu li{

    position: relative;

    margin: 0;

    display:block;

    background-color: #009fe3; /*ajout*/

}

.menu-title {

  color: #fff;

  cursor: pointer;

  display: block;

  float: left;

  font-size: 14px;

  font-weight: 500;

  letter-spacing: 0.3px;

  line-height: 25px;

  overflow: hidden;

  padding: 0;

  position: relative;

  text-transform: capitalize;

  width: auto;

}



#tm_vertical_menu_top .more-view {

  color: #222222;

  display: inline-block;

  padding: 10.9px 28px 10.9px 30px;

  width: 100%;

  margin-top: 0px;

  font-size: 14px;

  font-weight: 500;

  margin: 0 15px;

}

#tm_vertical_menu_top li:hover .more-view{ color: #009fe3;}

.more-wrap {

  color: #222222;

  cursor: pointer;

  font-size: 14px;

    font-weight: 500;

}

#tm_vertical_menu_top .more-wrap .material-icons {

  float: right;

  right: 0;

}

#tm_vertical_menu_top .more-wrap .material-icons {

  font-size: 16px;

  line-height: 25px;

  color: #009fe3;

  font-weight: 500;

}

#tm_vertical_menu_top #top-menu li > a .material-icons{

  font-size: 16px;

  font-weight: 500;

  color: #009fe3;

}



@media(max-width: 1449px){

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

  

  .vertical-menu .top-menu .sub-menu{

    top: 10px !important;

  }

}

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

@media(max-width: 991px){

  #tm_vertical_menu_top {

    display: none;

  }

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

    margin: 0 30px;

  }

  .tmcategory-container .categoryblock .block_content .categorylist ul.subcategory{margin: 10px 30px;}

}



@media (max-width: 767px){

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

    text-align: center;

  }

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

    margin: 0;

  }

  .tmcategory-container .categoryblock .block_content .categorylist ul.subcategory {

    margin: 10px 0px;

  }

}