/*** ESSENTIAL STYLES ***/
.sf-contener {
  clear: both;
  float: left;
  width: 100%; }

.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none; }

.sf-menu {
  position: relative;
  padding: 0;
  width: 100%;
  /*border-bottom: 3px solid #e9e9e9;
  background: #f6f6f6;*/
  
   margin: 0 auto; 
  background: none;}
  
  @media (max-width: 767px) {
    .sf-menu {
      display: none;
	  background: #f6f6f6; } }

.sf-menu ul {
  position: absolute;
  top: -999em;
  background: white; }
  @media (max-width: 767px) {
    .sf-menu ul {
      position: relative;} }

/*.sf-menu ul li {
  width: 16.5%; }*/

.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */ }

.sf-menu > li {
  float: left;
 /* border-right: 1px solid #d6d4d4;
  margin-bottom: -3px;*/ }
  @media (max-width: 767px) {
    .sf-menu > li {
      float: none;
      position: relative;
      border-right: none; }
      .sf-menu > li span {
        position: absolute;
        right: 6px;
        top: 20px;
        width: 30px;
        height: 30px;
        z-index: 2; }
        .sf-menu > li span:after {
          font-family: "FontAwesome";
          content: "\f067";
          font-size: 26px; }
        .sf-menu > li span.active:after {
          content: "\f068"; } }
		  
  .sf-menu > li > a {
    font: 400 18px/22px "Lato",sans-serif;
	letter-spacing:0.05em;
    text-transform: uppercase;
    color: #000;
    display: block;
    padding: 28px 20px 14px;
	height:78px;
    }


/* ---- > 992  --*/
	@media (min-width: 992px) and (max-width: 1199px){
		.sf-menu > li > a { padding: 32px 12px 14px;
                            font: 400 17px/14px "Lato",sans-serif;}
    }
/* ----  ----*/

/* ---- > 768 --*/
	@media (min-width: 768px) and (max-width: 991px) {
		.sf-menu > li > a { padding: 32px 6px 15px; 
                            font: 300 13px/16px "Lato",sans-serif;}
		#block_top_menu { padding:0px 0px 0;}
    }
/* ----  ----*/	
	
  .sf-menu > li.sfHover > a,
  .sf-menu > li > a:hover {
    /*border-bottom-color: #666666;
    color: white;*/
	
	 background-color:transparent;
	 background-image: url("../../../../img/menu-demi-cercle.png");
	 background-repeat:no-repeat;
	 background-position: bottom center;
	 }
.sf-menu > li.sfHoverForce > a { background-color:transparent; }

.sf-menu li li li a {
  display: inline-block;
  position: relative;
  color: #777777;
  font-size: 13px;
  line-height: 16px;
  /*font-weight: bold;*/
  font-weight:400;
  padding-bottom: 0.25rem;
  letter-spacing:0.04em;
   }

   
 @media (min-width: 768px) and (max-width: 991px) { 
  .sf-menu li li li a { font-size: 11px;} }
  
.submenu-container > li/*:first-child*/ > ul > li > a { 
	color:#b3b3b3;
	padding-bottom:0.8rem !important;
	}  
  
  .sf-menu li li li a:before {
   /* content: "\f105";*/
    display: inline-block;
   /* font-family: "FontAwesome"*/;
    padding-right: 10px; }
  .sf-menu li li li a:hover {
    color: #16adaa; }

.sf-menu li ul {
  display: none;
  left: 0;
  top: 78px;
  /* match top ul list item height */
  z-index: 99;
  padding: 10px 0px 16px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; }
   
 @media (max-width: 1280px) {
     .sf-menu li ul {
         padding: 6px 0px 10px 0px;}
     .sf-menu li li li a {
         font-size: 12px;
/*          padding: 0px 0 8px !important; */
         padding-bottom: 0.2rem;
         }
}

  @media (max-width: 767px) {
    .sf-menu li ul {
      top: 0; } }

.submenu-container li ul li a { }


.sf-menu li li ul {
  position: static;
  display: block !important;
  opacity: 1 !important;
  background: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; }

.sf-menu li li li ul {
  /*padding: 0 0 0 20px;*/ }

.sf-menu li li li ul {
  width: 220px; }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em; }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 200px;
  /* match ul width */
  top: 0; }

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em; }

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 200px;
  /* match ul width */
  top: 0; }

.sf-menu > li > ul {
  padding: 11px 0 27px 30px;
  width: 100%;
  background-color:#000; }
  
  .sf-menu > li > ul {
		 width:1000% !important;
		 left:-500%;
		 padding-left:465%;  }
  
  
 @media (min-width: 1200px) {
	 .sf-menu > li > ul {
		 width:1000% !important;
		 /*left:-500;*/
		 padding-left:465%;  }
	 .sf-menu > li > ul > li > ul {
		 width:100%;}
	.sf-menu li li li a {
		width:606%; }
		
	.sf-menu > li > ul > li:first-child {
		/*width:19.5%;*/
		}
	.sf-menu > li > ul > li:first-child > ul > li {
		display: block;
/*     float: left; */
		margin-bottom: 1rem;
		}
}
@media (min-width: 780px) and (max-width: 980px) {
    .sf-menu > li > ul { padding-left: 450%;}
}
@media (min-width: 780px) and (max-width: 1170px) {
    .sf-menu > li > ul > li { width: 7.3% !important;}
    
}
  
  .sf-menu > li > ul > li > a {
    /*text-transform: uppercase;*/
    font: 500 18px/1.9em "Lato", sans-serif;
    color: #FFF; }
    .sf-menu > li > ul > li > a:hover {
      color:#16adaa; }

.sf-menu > li > ul > li {
  float: left;
  width: 10%;
  padding-right: 15px; }

  
.sf-menu > li > ul > li:first-child {
		/*width:19.5%;*/ }
	 
	 @media (min-width: 980px) and (max-width: 1280px) {
    .sf-menu > li > ul > li {
      width: 8.5%; padding-right:10px }
	 .submenu-container > li:first-child > ul > li {
		 /*width:50%;*/ display:block;
/* 		  float:left; */
		  } 
	   }

	/*- @media (min-width: 780px) and (max-width: 979px) {
    .sf-menu > li > ul > li {
      width: auto; padding-right:40px }
	  
	.submenu-container > li:first-child > ul > li {
		 width:50%; display:block; float:left;} 
		 }
*/

/* --- < 480 - 779 > ---*/	  
@media (min-width: 480px) and (max-width: 779px) {
         .sf-menu > li > ul > li {  width: 6.9%;
                                    padding-right:10px; }
    
         .sf-menu > li > ul > li > a { line-height: 1.2em; }
}
/* --- < - > ---*/

/* --- < 767 ---*/
@media (max-width: 767px) {
        .sf-menu > li > ul > li { width: 50%; }
}
/* --- ---*/

/* --- < 479 ---*/
@media (max-width: 479px) {
        .sf-menu > li > ul > li { width: 100%;
                                  padding-bottom: 20px; }
}
/* --- ---*/

/* --- > 768 ---*/
@media (min-width: 768px) {
        .sf-menu > li > ul > li.first-in-line-lg { clear: left; }
}
/* ---  ---*/

/* --- < 480 - 767 > --- */ 
@media (min-width: 480px) and (max-width: 767px) {
        .sf-menu > li > ul > li.first-in-line-xs { clear: left; }
}
/* ---  ---*/

.sf-menu > li > ul > li.category-thumbnail {
  width: 100% !important;
  float: none;
  clear: both;
  overflow: hidden;
  padding-right: 0; }
  .sf-menu > li > ul > li.category-thumbnail > div {
    float: left;
    padding-left: 10px;
    width: 33.333%; }
    @media (max-width: 479px) {
      .sf-menu > li > ul > li.category-thumbnail > div {
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
        text-align: center; } }
    .sf-menu > li > ul > li.category-thumbnail > div:first-child {
      padding-left: 0; }
    .sf-menu > li > ul > li.category-thumbnail > div img {
      max-width: 100%;
      display: block; }

.cat-title {
  display: none; }
  @media (max-width: 767px) {
    .cat-title {
      display: block;
      font: 600 16px/20px "Lato", sans-serif;
      text-transform: uppercase;
      color: #484848;
      display: block;
      padding: 17px 20px;
      border-bottom: 3px solid #e9e9e9;
      background: #f6f6f6;
      position: relative; }
      .cat-title:hover {
        background: #333333;
        border-bottom-color: #666666;
        color: white; }
      .cat-title:after {
        display: block;
        font-family: "FontAwesome";
        content: "\f067";
        position: absolute;
        right: 15px;
        top: 18px;
        font-size: 26px; }
      .cat-title.active:after {
        content: "\f068"; } }

.sf-menu li.sf-search {
  border: none; }
  .sf-menu li.sf-search input {
    display: inline;
    padding: 0 13px;
    height: 30px;
    line-height: 30px;
    background: white;
    margin: 13px 10px 0 0;
    font-size: 13px;
    color: #9c9b9b;
    border: 1px solid #d6d4d4; }

#block_top_menu .category-thumbnail {
  clear: both;
  width: 100%;
  float: none; }
  #block_top_menu .category-thumbnail div {
    float: left;
    width: 33.33333%; }
    #block_top_menu .category-thumbnail div img {
      max-width: 100%; }
#block_top_menu li.category-thumbnail {
  padding-right: 0; }


#block_top_menu .sf-menu li li li li ul { display: none!important;}