.dl-menuwrapper{width:100%;float:left;position:relative;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;perspective-origin:50% 200%;/* background:#f08325; top: 26px;*/}
.dl-menuwrapper:first-child{margin-right:100px;position:absolute}
.dl-menuwrapper button{background:transparent;border:none;width:190px;height:48px;cursor:pointer;outline:none;font-size:15px;color:#fff;text-decoration:none;text-align:right;padding:0 10px;top:-50px;display:block!important}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul{background: #f2eae1;}
.dl-menuwrapper button:after{position:absolute;width:35px;height:4px;background:#fff;top:13px;left:10px;box-shadow:0 10px 0 #fff,0 20px 0 #fff}
.dl-menuwrapper ul{padding:0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.dl-menuwrapper li{float: left;width:calc(50% - 10px);padding: 0px 0px !important;height: 45px;overflow: hidden;margin:5px;border-radius:5px}
@media only screen and (min-width:1024px){
	.dl-menuwrapper li{width: calc(25% - 10px) ;}
}
/*
@media only screen and (max-width:1024px){
	.dl-menuwrapper{top:0px}
	.dl-menuwrapper .dl-menu{width: vw !important;top: 44px !important;}
	.dl-menuwrapper li{width:100%;height: 30px;}
	.dl-menuwrapper li a{height: 30px !important;}
	.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
		top: 7px !important;
		right: 40px !important;
	}
}
*/

.dl-menuwrapper li a{display: inline-flex !important;position:relative;padding: 0px 34px 0px 14px !important;outline:none;text-decoration:none;/* Mascaras Divertidas: */font-size: 14px;color: #403520;letter-spacing: 0;/*line-height: 12px;*/font-weight: 400;height: 45px;overflow: hidden;align-items: center;text-transform: uppercase;width: calc(100% - 35px);font-family:'open sans'}

.no-touch .dl-menuwrapper li a:hover{background: #fff;}
.dl-menuwrapper li.dl-back > a{padding-left:30px;/* background:rgba(0,0,0,0.1) */}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after{top: 16px;right: 27px;content: url(/skin/frontend/base/default/images/arrow-right.svg);display:inline-block;vertical-align:middle;margin-right: 0px;width:0;position: absolute;margin-top: 0px;height:0;/* border-top:5px solid transparent; *//* border-bottom:5px solid transparent; *//* border-left:5px solid #FFF; */float:right;-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out;}
.dl-menuwrapper li.dl-back:after{left: 23px !important;color:rgba(212,204,198,0.3);-webkit-transform:rotate(180deg);transform:rotate(180deg);position:absolute;top: 27px !important;color:#fff;}
.dl-menuwrapper li > a:after{right:10px;color:rgba(0,0,0,0.15)}
.dl-menuwrapper .dl-menu{position:absolute;width: 100%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;top: 46px;}
.dl-menuwrapper .dl-menu.dl-menu-toggle{transition:all 0.3s ease}
.dl-menuwrapper .dl-menu.dl-menuopen{padding:25px;opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);transform:translateY(0px)}
.dl-menuwrapper .bg-menu{margin:0;position:absolute;width:100%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.dl-menuwrapper .bg-menu.bg-menu-toggle{transition:all 0.3s ease}
.dl-menuwrapper .bg-menu.bg-menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);transform:translateY(0px)}
.dl-menuwrapper li .dl-submenu{display:none;width:100%;position:absolute;top:0;left:0}
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a{display:none;}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{display:block}
.dl-menuwrapper > .dl-submenu{position:absolute;width:100%;top:50px;left:0;margin:0}
.bg-menu{background:#e75a25;position:absolute;top:48px;left:0;right:0;bottom:0;z-index:-1}
@media only screen and (min-width:768px){
	.dl-menuwrapper .dl-menu,
	.dl-menuwrapper .bg-menu{min-height:260px!important;width: 922px;}
}
@media only screen and (min-width:1024px){
	.dl-menuwrapper .dl-menu,
	.dl-menuwrapper .bg-menu{min-height:338px!important;width: 950px;}
}
@media only screen and (min-width:1200px){
	.dl-menuwrapper .dl-menu,
	.dl-menuwrapper .bg-menu{min-height: 161px!important;width: 1100px;}
}
.dl-menu.dl-animate-out-1{-webkit-animation:MenuAnimOut1 0.4s;animation:MenuAnimOut1 0.4s}
.dl-menu.dl-animate-out-2{-webkit-animation:MenuAnimOut2 0.3s ease-in-out;animation:MenuAnimOut2 0.3s ease-in-out}
.dl-menu.dl-animate-out-3{-webkit-animation:MenuAnimOut3 0.4s ease;animation:MenuAnimOut3 0.4s ease}
.dl-menu.dl-animate-out-4{-webkit-animation:MenuAnimOut4 0.4s ease;animation:MenuAnimOut4 0.4s ease}
.dl-menu.dl-animate-out-5{-webkit-animation:MenuAnimOut5 0.4s ease;animation:MenuAnimOut5 0.4s ease}
@-webkit-keyframes MenuAnimOut1{
	0%{}
	50%{-webkit-transform:translateZ(-250px) rotateY(30deg)}
	75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}
	100%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0}
}
@-webkit-keyframes MenuAnimOut2{
	0%{}
	100%{-webkit-transform:translateX(-100%);opacity:0}
}
@-webkit-keyframes MenuAnimOut3{
	0%{}
	100%{-webkit-transform:translateZ(300px);opacity:0}
}
@-webkit-keyframes MenuAnimOut4{
	0%{}
	100%{-webkit-transform:translateZ(-300px);opacity:0}
}
@-webkit-keyframes MenuAnimOut5{
	0%{}
	100%{-webkit-transform:translateY(40%);opacity:0}
}
@keyframes MenuAnimOut1{
	0%{}
	50%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg)}
	75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}
	100%{-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0}
}
@keyframes MenuAnimOut2{
	0%{}
	100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
}
@keyframes MenuAnimOut3{
	0%{}
	100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}
}
@keyframes MenuAnimOut4{
	0%{}
	100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}
}
@keyframes MenuAnimOut5{
	0%{}
	100%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0}
}
.dl-menu.dl-animate-in-1{-webkit-animation:MenuAnimIn1 0.3s;animation:MenuAnimIn1 0.3s}
.dl-menu.dl-animate-in-2{-webkit-animation:MenuAnimIn2 0.3s ease-in-out;animation:MenuAnimIn2 0.3s ease-in-out}
.dl-menu.dl-animate-in-3{-webkit-animation:MenuAnimIn3 0.4s ease;animation:MenuAnimIn3 0.4s ease}
.dl-menu.dl-animate-in-4{-webkit-animation:MenuAnimIn4 0.4s ease;animation:MenuAnimIn4 0.4s ease}
.dl-menu.dl-animate-in-5{-webkit-animation:MenuAnimIn5 0.4s ease;animation:MenuAnimIn5 0.4s ease}
@-webkit-keyframes MenuAnimIn1{
	0%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0}
	20%{-webkit-transform:translateZ(-250px) rotateY(30deg);opacity:0.5}
	100%{-webkit-transform:translateZ(0px) rotateY(0deg);opacity:1}
}
@-webkit-keyframes MenuAnimIn2{
	0%{-webkit-transform:translateX(-100%);opacity:0}
	100%{-webkit-transform:translateX(0px);opacity:1}
}
@-webkit-keyframes MenuAnimIn3{
	0%{-webkit-transform:translateZ(300px);opacity:0}
	100%{-webkit-transform:translateZ(0px);opacity:1}
}
@-webkit-keyframes MenuAnimIn4{
	0%{-webkit-transform:translateZ(-300px);opacity:0}
	100%{-webkit-transform:translateZ(0px);opacity:1}
}
@-webkit-keyframes MenuAnimIn5{
	0%{-webkit-transform:translateY(40%);opacity:0}
	100%{-webkit-transform:translateY(0);opacity:1}
}
@keyframes MenuAnimIn1{
	0%{-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0}
	20%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);opacity:0.5}
	100%{-webkit-transform:translateZ(0px) rotateY(0deg);transform:translateZ(0px) rotateY(0deg);opacity:1}
}
@keyframes MenuAnimIn2{
	0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
	100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}
}
@keyframes MenuAnimIn3{
	0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}
	100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}
}
@keyframes MenuAnimIn4{
	0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}
	100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}
}
@keyframes MenuAnimIn5{
	0%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0}
	100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1{-webkit-animation:SubMenuAnimIn1 0.4s ease;animation:SubMenuAnimIn1 0.4s ease}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2{-webkit-animation:SubMenuAnimIn2 0.3s ease-in-out;animation:SubMenuAnimIn2 0.3s ease-in-out}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3{-webkit-animation:SubMenuAnimIn3 0.4s ease;animation:SubMenuAnimIn3 0.4s ease}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4{-webkit-animation:SubMenuAnimIn4 0.4s ease;animation:SubMenuAnimIn4 0.4s ease}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5{-webkit-animation:SubMenuAnimIn5 0.4s ease;animation:SubMenuAnimIn5 0.4s ease}
@-webkit-keyframes SubMenuAnimIn1{
	0%{-webkit-transform:translateX(50%);opacity:0}
	100%{-webkit-transform:translateX(0px);opacity:1}
}
@-webkit-keyframes SubMenuAnimIn2{
	0%{-webkit-transform:translateX(100%);opacity:0}
	100%{-webkit-transform:translateX(0px);opacity:1}
}
@-webkit-keyframes SubMenuAnimIn3{
	0%{-webkit-transform:translateZ(-300px);opacity:0}
	100%{-webkit-transform:translateZ(0px);opacity:1}
}
@-webkit-keyframes SubMenuAnimIn4{
	0%{-webkit-transform:translateZ(300px);opacity:0}
	100%{-webkit-transform:translateZ(0px);opacity:1}
}
@-webkit-keyframes SubMenuAnimIn5{
	0%{-webkit-transform:translateZ(-200px);opacity:0}
	100%{-webkit-transform:translateZ(0);opacity:1}
}
@keyframes SubMenuAnimIn1{
	0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}
	100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}
}
@keyframes SubMenuAnimIn2{
	0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
	100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1}
}
@keyframes SubMenuAnimIn3{
	0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}
	100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}
}
@keyframes SubMenuAnimIn4{
	0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}
	100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}
}
@keyframes SubMenuAnimIn5{
	0%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0}
	100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1{-webkit-animation:SubMenuAnimOut1 0.4s ease;animation:SubMenuAnimOut1 0.4s ease}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2{-webkit-animation:SubMenuAnimOut2 0.3s ease-in-out;animation:SubMenuAnimOut2 0.3s ease-in-out}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3{-webkit-animation:SubMenuAnimOut3 0.4s ease;animation:SubMenuAnimOut3 0.4s ease}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4{-webkit-animation:SubMenuAnimOut4 0.4s ease;animation:SubMenuAnimOut4 0.4s ease}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5{-webkit-animation:SubMenuAnimOut5 0.4s ease;animation:SubMenuAnimOut5 0.4s ease}
@-webkit-keyframes SubMenuAnimOut1{
	0%{-webkit-transform:translateX(0%);opacity:1}
	100%{-webkit-transform:translateX(50%);opacity:0}
}
@-webkit-keyframes SubMenuAnimOut2{
	0%{-webkit-transform:translateX(0%);opacity:1}
	100%{-webkit-transform:translateX(100%);opacity:0}
}
@-webkit-keyframes SubMenuAnimOut3{
	0%{-webkit-transform:translateZ(0px);opacity:1}
	100%{-webkit-transform:translateZ(-300px);opacity:0}
}
@-webkit-keyframes SubMenuAnimOut4{
	0%{-webkit-transform:translateZ(0px);opacity:1}
	100%{-webkit-transform:translateZ(300px);opacity:0}
}
@-webkit-keyframes SubMenuAnimOut5{
	0%{-webkit-transform:translateZ(0);opacity:1}
	100%{-webkit-transform:translateZ(-200px);opacity:0}
}
@keyframes SubMenuAnimOut1{
	0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}
	100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}
}
@keyframes SubMenuAnimOut2{
	0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1}
	100%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
}
@keyframes SubMenuAnimOut3{
	0%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}
	100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}
}
@keyframes SubMenuAnimOut4{
	0%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1}
	100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}
}
@keyframes SubMenuAnimOut5{
	0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
	100%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0}
}
.no-js .dl-menuwrapper .dl-menu{position:relative;opacity:1;-webkit-transform:none;transform:none}
.no-js .dl-menuwrapper li .dl-submenu{display:block}
.no-js .dl-menuwrapper li.dl-back{display:none}
.no-js .dl-menuwrapper li > a:not(:only-child){background:rgba(0,0,0,0.1)}
.no-js .dl-menuwrapper li > a:not(:only-child):after{content:''}
.demo-1 .dl-menuwrapper button{background:#c62860}
.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul{background:#9e1847}
.demo-2 .dl-menuwrapper button{background:#e86814}
.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul{background:#D35400}
.demo-3 .dl-menuwrapper button{background:#08cbc4}
.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul{background:#00b4ae}
.demo-4 .dl-menuwrapper button{background:#90b912}
.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul{background:#79a002}
.demo-5 .dl-menuwrapper button{background:#744783}
.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul{background:#643771}