.vertical-menu .top-menu a {
  padding: 12px 20px 12px 50px;
}
#tm_vertical_menu_top .menu ul[data-depth="1"] li a {
  padding: 12px 20px 12px 20px;
}
.vertical-menu .top-menu a:not([data-depth="0"]) {
    display: block;
    color: #acaaa6;
    font-weight: 400;
}
.vertical-menu .top-menu a.dropdown-submenu {
    color: #004880;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 15px;
}

.vertical-menu .top-menu a {
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 21px;
  text-transform: capitalize;
  white-space: initial;
}
#index .header-top .header-top-main.bg_main.fixed #tm_vertical_menu_top #top-menu {
display: none;
border-radius: 0px 0px 5px 5px;
z-indexwebkit-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
}
.vertical-menu .top-menu .collapse {
    display: inherit;
}
.vertical-menu .top-menu .sub-menu {
  background: #fff;
  border: 3px solid #f8d4db;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  display: none;
  left: 100%;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  -khtml-opacity: 0;
  position: absolute;
  top: 0 !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;
  transition: opacity 1s ease-out;
  padding: 0;
}
#tm_vertical_menu_top #top-menu li a[data-depth="0"]::before, #tm_vertical_menu_top .more-view::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 22px;
  content: "\f178";
  font-family: "FontAwesome";
  font-size: 14px;
  color: #fff;
  margin-right: 0;
}
#tm_vertical_menu_top #top-menu li:hover a[data-depth="0"]::before, #tm_vertical_menu_top .more-view:hover::before {
color: #fbc65f;
}
 .vertical-menu .top-menu .sub-menu {
  background: #0e6fa9;
  border: 2px solid #0e6fa9;
  border-radius: 0;
 -webkit-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
  padding: 0;
  position: absolute;
  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;
}
#tm_vertical_menu_top .menu ul[data-depth="0"] li a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 0;
  letter-spacing: 0.8px;
}
#tm_vertical_menu_top .more-view {
  color: #fff;
  display: inline-block;
  padding: 12px 20px 12px 50px;
  width: 100%;
  margin-top: 0px;
  font-size: 14px;
  font-weight: 400;
}
 #tm_vertical_menu_top .menu ul[data-depth="0"] li a:hover {
    color: #f6bd4d;
}
 #tm_vertical_menu_top .menu ul[data-depth="0"] li a:hover  a {
   color: #f6bd4d;
 }


@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 a.dropdown-submenu {
    color: #000;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 15px;
}
.vertical-menu .top-menu .sub-menu a {
    color: #000;
}
.top-menu a.dropdown-item.dropdown-submenu[data-depth="1"] {
  color: #444444;
  display: block;
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
}
.vertical-menu .top-menu a {
  background-position: 0 15px;
  background-repeat: no-repeat;
  font-size: 12px;
  text-transform: capitalize;
}
.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: #f8d4db;
    text-decoration: none;
}

.vertical-menu .top-menu .menu-images-container img{ max-width: 100%; padding-left: 15px; }
#index #header .header-top #tm_vertical_menu_top {display: block;}
/*.header-top .header-top-main.bg_main #tm_vertical_menu_top {display: none;}*/
.header-top .header-top-main.bg_main.fixed #tm_vertical_menu_top {display: block;}
#tm_vertical_menu_top {
  float: left;
  padding: 0;
  position: relative;
  width: 23%;
  text-align: left;
  clear: both;
  z-index: 9;
  display: inline-block;
  margin: 0;
}

#tm_vertical_menu_top #_desktop_top_menu {
  float: left;
  padding: 0 14px 0 0;
  position: relative;
  width: 100%;
}
#tm_vertical_menu_top #_desktop_top_menu { padding: 0;}
/*#tm_vertical_menu_top {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  position: relative;
  width: 100%;
  border:3px solid #f6bd4d;
}*/
#index #tm_vertical_menu_top #top-menu {
  position: relative;
  display: block;
  padding: 5px 0 0 !important;
}
#tm_vertical_menu_top #top-menu{ display:block;}
#tm_vertical_menu_top #top-menu {
  background-color: #ffffff;
  margin-bottom: 15px;
  padding: 0px;
}
.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 .material-icons.menu-open{ display:none;}

#left-column #tm_vertical_menu_top {width: 100%;margin-bottom: 30px;margin-top: -75px;display: none;}
#left-column #tm_vertical_menu_top #top-menu {display: block;padding: 15px 0; }
#left-column #tm_vertical_menu_top #top-menu li {display: block !important;}
#tm_vertical_menu_top .block-title {
  background: #fff;
  border: 2px solid #0e6fa9;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  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: 12px 13px;
  cursor: pointer;
  margin-bottom: 15px;
  margin-top: 15px;
}
#index #tm_vertical_menu_top .block-title {
  margin-bottom: 15px;
}
#index .header-top-main.bg_main.fixed  #tm_vertical_menu_top .block-title {
  margin-bottom: 0;
}
#tm_vertical_menu_top #top-menu {
  background: #0e6fa9;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1000;
  float: left;
  width: 100%;
  border-top:none;
  border-radius: 5px 5px 5px 5px;
  z-indexwebkit-border-radius: 5px 5px 5px 5px; 
  -khtml-border-radius: 5px 5px 5px 5px; 
  -moz-border-radius: 5px 5px 5px 5px; 
  display: none;
  border: 2px solid #0e6fa9;
}
.header-top #tm_vertical_menu_top #top-menu.top-menu[data-depth="0"] {}
#tm_vertical_menu_top #top-menu li {
  position: relative;
  margin: 0;
  display: block;
  border-bottom: 1px solid #78aed7;
}

.menu-title {
  color: #000;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 26px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  width: auto;
}
.header-top-main.bg_main.fixed #tm_vertical_menu_top .block-title {
  margin: 0;
  padding: 12px 13px;
  border-radius: 0;
}
.material-icons.menu-open {
  color: #fff;
  cursor: pointer;
  float: left;
  font-size: 18px;
  line-height: 23px;
}
#tm_vertical_menu_top .more-view {
  color: #fff;
  display: inline-block;
  padding: 12px 20px 12px 50px;
  width: 100%;
  margin-top: 0px;
  font-size: 14px;
  font-weight: 400;
}
#tm_vertical_menu_top li:hover .more-view {
  color: #fbc65f;
}
.more-wrap {
  color: #fff;
  cursor: pointer;
  font-size: 14px;
    font-weight: 600;
}
#tm_vertical_menu_top .more-wrap .material-icons {
  float: right;
  right: 0;
}
#tm_vertical_menu_top .more-wrap .material-icons {
    font-size: 20px;
    line-height: 25px;
}
#tm_vertical_menu_top #top-menu li > a .material-icons{
  font-size: 16px;
  line-height: 19px;
  color: #fff;
}
#tm_vertical_menu_top #top-menu li:last-child {
    border-bottom: 0;
}
#tm_vertical_menu_top #top-menu li:hover > a .material-icons{
  color: #fff;
}
@media(max-width: 1299px){
  #index #tm_vertical_menu_top #top-menu {padding: 11px 0;}
}
@media(max-width: 1199px){
  #tm_vertical_menu_top .menu ul[data-depth="0"] li a {
  font-size: 14px;
}
#tm_vertical_menu_top .more-view {
  font-size: 14px;
}
  .vertical-menu .top-menu a {
      padding: 11px 20px 11px 38px;
  }
  #tm_vertical_menu_top .more-view {
  padding: 12px 20px 12px 38px;
}
#tm_vertical_menu_top #top-menu li a[data-depth="0"]::before, #tm_vertical_menu_top .more-view::before {
  left: 16px;
}
    #tm_vertical_menu_top .block-title {padding: 15px 7px 13px;}
    .menu-title {font-size: 12px;}
    #tm_vertical_menu_top {width: 22.5%;}
    #tm_vertical_menu_top #top-menu li.main::before {left: 10px;}
    #index #tm_vertical_menu_top #top-menu {padding: 16px 0;}
}
@media(max-width: 991px){
  #tm_vertical_menu_top {
    display: none;
  }
}
