
.owl-menu-horizontal{position:relative;z-index:3;}
img {max-width:100%;}
.owl-menu-horizontal li.level-1.parent > a > span.menu-subtitle{position: absolute;top: 0;line-height: 15px;margin-top: -18px;font-size:10px;padding:0 4px; background:url(../img/menu_title.png) no-repeat;color:#fff;right:22px;width:35px;height:24px;text-align:center;letter-spacing:0;text-transform:uppercase;}
.owl-menu-horizontal li.level-1 .img-icon{max-width:20px;}
.owl-menu-horizontal ul{ margin:0;}
.owl-menu-horizontal .menu-content{position: relative;z-index:1;}
.owl-menu-horizontal li.level-1 {display:inline-block;/*vertical-align:top;*/ transition: all 0.4s ease 0s;  -moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;} 
.owl-menu-horizontal li.level-1 > a {padding:0 20px;position:relative;z-index:1; } 
.owl-menu-horizontal li.level-1.parent > a >span:after{content:"\f107";padding-left:8px;font-size:14px;font-family: FontAwesome; font-weight: normal; font-style: normal;}
.owl-menu-horizontal li.level-1.parent > a >span.menu-subtitle:after,.owl-menu-horizontal li.level-1.parent > a >span.menu-subtitle:before{display:none;}
.owl-menu-horizontal ul li.level-1 > a{font-family:'Josefin Sans', sans-serif;font-size:14px;font-weight:600;color:#333333;text-transform:uppercase;}
.owl-menu-horizontal ul li.level-1.icon_menu > a{padding:0;font-size:0;width:14px;height:13px;display:inline-block;background:url(../img/icon-menu.png) no-repeat;margin-top:18px;}      
.owl-menu-horizontal ul li.level-1:hover > a{color:#ff887b; transition: all 0.4s ease 0s;  -moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;}
.cat-drop-menu li {position: relative;}
.owl-menu-horizontal .menu-dropdown li a {padding:7px 0;display: block;}
.owl-menu-horizontal .menu-dropdown li:first-child > a{border-top:none;}
.clearfix {clear:both}
.owl-menu-horizontal ul li.level-1 ul li a{color:#666666;text-align:left;}
.owl-menu-horizontal ul li ul li.item-line a{font-size:14px;}
.owl-menu-horizontal ul li ul li.item-header  a {font-size:20px;text-transform:capitalize;margin-bottom:20px;font-family: 'Abril Fatface', cursive;color: #333;}  
  
.owl-menu-horizontal ul li.level-1 ul li a:hover{color:#ff887b;}
.owl-menu-horizontal ul li.level-1.last > a{padding-right:0;}
.owl-menu-horizontal ul li.level-1 ul li.parent:hover:after{color:#ff887b;}
#owl-menu-horizontal .container 
{
padding-left:0;
padding-right:0;
}
.html-block img:hover{opacity: 0.7; filter: alpha(opacity=70);transition: all 0.4s ease 0s;  -moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s; }
.owl-menu-horizontal .menu-dropdown .menu-item.item-header .product-name{margin-top:10px;}
.owl-menu-horizontal .menu-dropdown .menu-item.item-header .product-name a {padding:0;margin:0;}
.owl-menu-horizontal .menu-dropdown .menu-item.item-header .content_price{text-align:left;}
.html-block p{margin-bottom:0;}
.owl-sub-menu .owl-menu-row{text-align:left;}
.owl-static-menu ul .menu-item  > a{padding:2px 0;}
.owl-menu-horizontal ul li ul li.item-header .product-container-img a{padding:0;margin-top:10px;}
.owl-menu-horizontal ul li ul li.item-header .product-container-img a.sale-box{text-align:center;}
.owl-menu-horizontal .menu-dropdown .sub-static .menu-item > a{display:none;}
 
.menu-mobile-icon a span{display:none;}
 
/****reponsive****/
@media (min-width: 768px ) 
{ 
.owl-menu-horizontal ul li.level-1 > a{padding-bottom:20px;}
.owl-menu-horizontal	ul.menu-content{
	display: block !important;
	height: auto !important;
	
	
 }
.owl-menu-horizontal .menu-dropdown
{
min-height: 50px;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(0px,20px);
  -webkit-transform: translate(0,20px);
  -moz-transform: translate(0,20px);
  -o-transform: translate(0,20px);
  -ms-transform: translate(0,20px);
  transition: opacity 0.5s ease 0s,transform 0.5s ease 0s;
  -moz-transition: opacity 0.5s ease 0s,-moz-transform 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0s,-webkit-transform 0.5s ease 0s;
  -ms-transition: opacity 0.5s ease 0s,-ms-transform 0.5s ease 0s;
  visibility: hidden;

}
.owl-menu-horizontal ul li.level-1:hover > .menu-dropdown, .owl-menu-horizontal ul li.level-2:hover > .menu-dropdown
{
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translate(0px,0px);
  -webkit-transform: translate(0px,0px);
  -moz-transform: translate(0px,0px);
  -o-transform: translate(0px,0px);
  -ms-transform: translate(0px,0px);
  visibility: visible;
}
.title-menu-mobile,.icon-drop-mobile{display:none;}
.owl-menu-horizontal ul li.level-1:hover{ transition: all 0.4s ease 0s;  -moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;}
.owl-menu-horizontal .menu-dropdown{position: absolute;z-index: 1000;border: 1px solid #dedede; top:100%;padding:34px 68px;background:#fff;}
.owl-menu-horizontal .sub-bg-1 .menu-dropdown{background:#fff url(../img/menu3.jpg) no-repeat right 15px top 15px;min-height:374px;}
.owl-menu-horizontal .sub-bg-2 .menu-dropdown{background:#fff url(../img/menu2.jpg) no-repeat right top;min-height:360px;}
.cat-drop-menu li {position: relative; width: 180px;}
.owl-menu-horizontal li.level-2 .menu-dropdown{  left: 100%;top: -1px;}
.owl-menu-horizontal .menu-dropdown.owl-sub-right{right:0;}
.owl-menu-horizontal .menu-dropdown.owl-sub-left{left:0;}
.owl-menu-horizontal ul li.level-1 ul li.parent:after{ 
  content: "\f054";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 18px;
  top: 12px;
  font-size: 10px;color:#b3b3b3;
}
#more_menu .menu-dropdown{right:0;}
#more_menu .menu-dropdown  .menu-dropdown{display:none;}
.owl-menu-horizontal ul li.level-1 > a > span{padding-bottom:11px;} 
.owl-menu-horizontal ul li.level-1  > a > span{
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;}


.owl-menu-horizontal li.level-1 > a >span:before{content:"";background:#ff887b;position:absolute;bottom:0;left:0;height:3px;width:100%;opacity:0;} 
.owl-menu-horizontal li.level-1:hover > a >span:before{opacity:1;}  
}
.owl-menu-horizontal ul li.level-1  > a > span.icon-plus{padding-bottom:0;}
@media only screen and (min-width : 768px) and (max-width : 1199px)
{
.owl-menu-horizontal li.level-1 > a{padding:0 11px;} 

}
@media only screen and (min-width : 768px) and (max-width : 1023px)
{
	.owl-menu-horizontal .sub-bg-1 .menu-dropdown{background-size:50% auto;background-position:right 15px center;}
	.owl-menu-horizontal ul li ul li.item-header a{font-size:15px;}
	.owl-menu-horizontal ul li.level-1 > a{font-size:16px;} 
	.owl-menu-horizontal .sub-bg-2 .menu-dropdown{background-image:none;}  
}
@media (max-width: 767px ) 
{
.owl-menu-horizontal .menu-dropdown{display:none;}
.owl-menu-horizontal li.level-1{display: block;
  position: relative;
  cursor: pointer;
  padding-left: 10px;
  border-bottom: 1px solid #f2f2f2;width:100%;}
.owl-menu-horizontal ul li.level-1 > a{padding:10px;color:#333;} 
.title-menu-mobile span{padding:15px 10px; color: #333;font-family:"Montserrat",sans-serif;font-size: 18px;font-weight: 400;display: block;text-transform: uppercase;}
.title-menu-mobile span:after {
 content: "\f039";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
   float:right;
  font-size: 14px;color:#333; cursor:pointer;
}
.icon-drop-mobile{float:right;}
li.parent .icon-drop-mobile:after{ 
  content: "\f067";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 18px;
  top: 14px;
  font-size: 14px;color:#fff;cursor:pointer; 
}
.icon-drop-mobile.opened:after
{
content:"\f068";
}
.owl-menu-horizontal .menu-dropdown.owl-sub-menu{padding:0;}
.owl-menu-horizontal ul li ul {margin-top:15px;}
.owl-menu-horizontal ul li.level-1 ul li a:hover{color:#ff887b;}
.owl-menu-horizontal ul li.level-1 ul li.parent:hover:after{color:#ff887b;}
.owl-menu-horizontal ul li.level-1:hover > a{color:#ff887b; transition: all 0.4s ease 0s;  -moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;}
.owl-sub-menu .owl-menu-row{margin:0;}
.owl-menu-horizontal li.level-1.parent > a > span:after{display:none;}
#owl-menu-horizontal{margin-top:20px;}
#owl-menu-horizontal{background:#222a2d;color:#fff;}
.owl-menu-horizontal li.level-1.icon_menu,
.owl-menu-horizontal li.level-1.item-home
{
	display:none;
}
#owl-menu-horizontal{display:none;}
.owl-menu-horizontal li.level-1.parent > a > span.menu-subtitle{display:none;}  
}

/*menu ipad*/
/*css*/

.owl-menu-mobile
{       
visibility: hidden;
transform: translateY(100%);
-moz-transform: translateY(100%);
-webkit-transform: translateY(100%);
transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;
-moz-transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;
-webkit-transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;
-o-transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: rgba(0, 0, 0, 0.9) none repeat scroll 0% 0%;
z-index: 9999;
}   
.owl-menu-mobile.open {
    visibility: visible;
    transform: translateY(0%);
	-moz-transform: translateY(0%);
   -webkit-transform: translateY(0%);
    transition: transform 0.5s ease 0s;
    -moz-transition: transform 0.5s ease 0s;
    -webkit-transition: transform 0.5s ease 0s; 
}
.owl-menu-mobile .menu-icon
{
width: 40px;
height: 40px;
position: absolute;
right: 20px;
top: 20px;
overflow: hidden;
border: medium none;
box-shadow: none;
color: #FFF;
outline: medium none;
z-index: 100;
background-color: transparent;
font-size: 25px;
line-height: 1;
}
.menu-mobile-content
{
	text-align: center;
position: relative;
top: 50%;
height: 75%;
transform: translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
overflow: auto;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent; 
}
.ul-menu-mobile 
{

line-height: 0.5em;
list-style: outside none none;
padding: 0px;
margin: 0px;
transform: translateX(0px);
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
transition: transform 0.5s ease 0s;
-moz-transition: transform 0.5s ease 0s;
-webkit-transition: transform 0.5s ease 0s;
min-width: 290px;
display: inline-block;
}
.menu-mobile-content li
{
background: transparent;
position: relative;
line-height: 20px;
text-align: left;
}
.menu-mobile-content  li a
{
color: #FFF;
font-size: 14px;
text-transform: capitalize;
padding: 10px 42px 10px 15px;
line-height: 20px;
height: auto;
border-bottom: 1px solid rgba(233, 196, 111, 0.2); 
display:block;
}
.menu-mobile-dropdown  li a:hover{color:#e9c46f;}
.menu-mobile-content li.level-1 > ul > li{padding-left:15px;} 
.menu-mobile-content li.level-2  > ul > li{padding-left:25px;}   
.menu-mobile-content .parent .icon-drop-mobile-menu
{
	background-color: transparent;
cursor: pointer;
display: block;
line-height: 42px;
position: absolute;
top: 0px;
right: 0px;
z-index: 1;
width: 42px;
height: 42px;
-moz-user-select: none;
text-align: center;
    font-family: "FontAwesome";
    font-size:16px;
	color:#fff;
}
.menu-mobile-content .parent .icon-drop-mobile-menu:before{
	    content: "\f105";
}
.menu-mobile-content .parent .icon-drop-mobile-menu.opened:before{
	    content: "\f106";
}
.menu-mobile-dropdown {display:none;}
.menu-mobile-content #header_logo
{
text-align:center;
margin-bottom:20px;
}
.menu-mobile-content #header_logo img{margin:0 auto;max-width:125px;}
.menu-mobile-inner
{
	width:100%;height:100%;overflow:hidden;position:relative;direction:ltr;
}
#top_menu_owl .icon_menu{margin-top:12px;margin-right:10px;}

 
@media only screen and (min-width : 768px) and (max-width : 1199px) 
{
	.ul-menu-mobile{width:290px;}
	#header .nav>.container{padding:0;}
	.header-nav .icon_menu{padding:14px 18px;}
	.header-nav .icon_menu .material-icons{font-size:30px;font-weight:500;}
}






