/**

 * PrestaShop module created by VEKIA, a guy from official PrestaShop community ;-)

 *

 * @author    VEKIA https://www.prestashop.com/forums/user/132608-vekia/

 * @copyright 2010-2016 VEKIA

 * @license   This program is not free software and you can't resell and redistribute it

 *

 * CONTACT WITH DEVELOPER http://mypresta.eu

 * support@mypresta.eu

 */

 



/*VERTICAL MENU*/



#index .header-nav-fullwidth #blockcategories,

.layout-left-column .header-nav-fullwidth #blockcategories {

    display: none !important;

}

.header-nav-fullwidth.fixed #categories_block_left {

    display: none;

}

.topcolumn #categories_block_left .side-title,#left-column #categories_block_left .side-title{display: none;}



#categories_block_left {

  float: left;

  z-index: 9;

  width: 18.3%;

  position: relative;

}

.topcolumn #blockcategories{display: block !important;height: auto !important;position: static;}

.header-nav-fullwidth #blockcategories

{

  position: absolute;

  left: 0;

  right: 0;

  display: none;

}

#categories_block_left .side-title {

    color: #fff;

    background: #0d4b88;

    padding: 15px 30px;

    font-size: 14px;

    text-transform: uppercase;

    margin: 0;

    cursor: pointer;

}

#categories_block_left .side-title .material-icons.d-inline {

    float: right;

}

#left-column #categories_block_left

{

  margin-bottom: 30px;

  padding-right:0;

  width: 100%;

}

/* ALL UL */

#categories_block_left .vertical ul{

  list-style: none;

  margin: 0;

}

/* ALL LI */

#categories_block_left .vertical li{

  z-index: 99;

}

#categories_block_left .vertical li.vertical-sub-menu > a{

  background-image: url("img/vertical-arrow.png");

  background-position: 91% 18px;

  background-repeat: no-repeat;

}

#categories_block_left .vertical li.vertical-sub-menu:hover > a{

  background-position: 91% -22px;

}

/* ALL A */

#categories_block_left .vertical  ul  li

{

  background-color: #f4f4f4;

}

#categories_block_left .vertical  ul  li  a{

   width: 100%;

   display: inline-block;

   margin: 0;

   color: #000;

   padding: 11px 30px;

   line-height: normal;

   text-transform: capitalize;

}



#categories_block_left .vertical ul li a:hover

{

  color: #000;

}

#categories_block_left .vertical  ul  li:last-child a{border:none;}



#categories_block_left .vertical  ul  li + :nth-child(2n){

  background-color: #eeeeee;

}

/*#left-column .vertical-menu .top-vertical-menu li + :nth-child(2n) a[data-depth="0"]*/

/* ALL A HOVER */



/* INNER UL HIDE */

#categories_block_left .vertical ul ul{

  position:absolute;

  left:0;

  top:0;

  width:100%;

  visibility:hidden;

  opacity:0;

  transition: transform 0.2s;

  transform: translateX(50px);

}

/* INNER UL SHOW */

#categories_block_left .vertical li:hover > ul{

  left:100%;

  visibility:visible;

  opacity:1;

  transform: translateX(0px);

  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;

  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;

  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; 

}

@media (min-width:1350px) and (max-width: 1450px) {

  #categories_block_left{width: 245px;}

  #categories_block_left .vertical ul li a

  {

    padding: 12px 30px;

  }

}

@media(max-width: 1349px) {

  #categories_block_left{width: 221px;}

  #index #categories_block_left .vertical > ul > li:nth-last-child(-n+2) {display: none;}

}

@media (max-width:1199px)

{

  #index #categories_block_left .vertical > ul > li:nth-last-child(-n+4) {display: none;}

 #categories_block_left {width: 210px;}

 

}

@media (max-width:991px)

{

 #categories_block_left{display: none;}

 #categories_block_left .side-title{padding: 15px 5px;font-size: 12px;}

}

@media (max-width:767px)

{

}

@media (max-width:479px)

{



}