.navmenucont {
    display: table;
    text-align: center;
    margin: 10px auto 0px auto;
    width: 100%;
    border-bottom: 1px solid #C9C9C9;
    padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {
    .navmenucont {
        border-bottom: 0px solid #464646;
        margin: 0px 0px 0px 0px;
    }
}
@media screen and (max-width: 480px) {
    .navmenucont {
        display: none;
    }
}
navmenucont .cont {
    margin: 0px auto 0px auto;
    display: table;
    text-align: center;
    width: 100%;
}
@media screen and (max-width: 480px) {
    .navmenucont .cont {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .navmenucont .csscat_on {
        display: table;
        left: 0px;
        z-index: 9999;
        background-color: #ffffff;
        padding: 10px 0px 0px 0px;
        position: absolute;
        border-bottom: 1px solid #464646;
    }
}

.dl-submenu {
    display: none;
}
.navmenucont li.csscathide {
    display: none;
}
.navmenucont li {
    padding: 0px 0px 0px 0px;
    background: none;
    margin: 0px 0px 0px 0px;
    display: inline-block;
    vertical-align: top;
    width: 80px;
}
@media screen and (max-width: 1024px) {
    .navmenucont li {
        width: 75px;
    }
}
@media screen and (max-width: 960px) {
    .navmenucont li {
        width: 120px;
    }
}
@media screen and (max-width: 800px) {
    .navmenucont li {
        width: 95px;
        border-right: 0px solid #464646;
    }
}
.navmenucont li:hover {
    color: #ffffff;
}
.navmenucont li a {
    display: block;
    font-size: 85%;
    line-height: 125%;
    text-align: center;
    font-family: 'Roboto', Arial;
    font-weight: normal;
    height: 60px;
    border-top-left-radius: 3px 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px 3px;
    -moz-border-radius-topright: 3px;
    border-bottom-left-radius: 0px 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-right-radius: 0px 0px;
    -moz-border-radius-bottomright: 0px;
}
@media screen and (max-width: 320px) {
    .navmenucont li a {
        padding: 7px 7px 7px 7px;
    }
}
.navmenucont li:hover a {
    color: #ffffff;
    background-color: #6E6E70;
}
.navmenucont li a span {
    margin: 0px 0px 0px 0px;
    display: block;
    padding: 5px 5px 5px 5px;
}
.navmenucont p {
    display: none;
}
.navmenucont li ul {
    position: absolute;
    right: 10%;
    /* display: grid; */
    align-content: center;
    background-color: #ffffff;
    margin: auto auto auto auto;
    z-index: 1;
    position: absolute;
    min-width: 80%;
}
.navmenucont li:hover ul {
    text-align: left;
    display: block;
    min-height: 230px;
    -webkit-box-shadow: 5px 5px 5px #6E6E70;
    box-shadow: 5px 5px 5px #6E6E70;
    -o-box-shadow: 5px 5px 5px #6E6E70;
    -moz-box-shadow: 5px 5px 5px #6E6E70;
    padding: 15px 0px 0px 250px;
    border-top: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
    border-left: 1px solid #C9C9C9;
    margin: 0px auto 0px auto;
}
.navmenucont li ul li {
    width: 260px;
    display: inline-block;
    float: none;
    margin: 0px -4px 0px 0px;
    position: relative;
}
.navmenucont li ul a {
    padding: 5px 5px 5px 10px;
    color: #ff4400;
    text-align: left;
    border-bottom: 1px dotted #C9C9C9;
    height: auto;
    border-top-left-radius: 0px 0px;
    border-top-right-radius: 0px 0px;
    border-bottom-right-radius: 0px 0px;
    border-bottom-left-radius: 0px 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    font-weight: bold;
    text-transform: uppercase;
}
.navmenucont li:hover ul a {
    color: #188ebc;
    padding: 10px 10px 10px 10px;
    background: none;
}
.navmenucont ul li ul li:hover a {
    background-color: #6E6E70;
    color: #ffffff;
}
.navmenucont li ul li ul {
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
    z-index: 1;
    border-bottom: 0px solid #464646;
    border-top: 0px solid #464646;
    border-right: 0px solid #464646;
    border-left: 0px solid #464646;
    min-height: 100%;
    -webkit-box-shadow: 0px 0px 0px #000000;
    box-shadow: 0px 0px 0px #000000;
    -o-box-shadow: 0px 0px 0px #000000;
    -moz-box-shadow: 0px 0px 0px #000000;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}
.navmenucont li:hover ul li ul {
    display: none;
    padding: 0px 0px 0px 0px;
}
.navmenucont li ul li:hover ul {
    -webkit-box-shadow: 0px 0px 0px #000000;
    box-shadow: 0px 0px 0px #000000;
    -o-box-shadow: 0px 0px 0px #000000;
    -moz-box-shadow: 0px 0px 0px #000000;
    display: block;
    position: absolute;
    left: 250px;
    border-top: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
    border-left: 1px solid #C9C9C9;
    top: 0px;
    height: auto;
}
.navmenucont li ul li ul li {
    margin: 0px 0px 0px 0px;
}
.navmenucont li ul li ul a {
    color: #000000;
    text-transform: none;
    display: block;
    border-bottom: 0px solid #464646;
}
.navmenucont li:hover ul li ul li a {
    color: #464646;
    padding: 5px 10px 5px 10px;
    background: none;
    font-weight: normal;
    outline: 0px solid #6E6E70;
}
.navmenucont li:hover ul li ul li ul {
    display: none;
}
.navmenucont li:hover ul li ul li ul li ul {
    display: none;
}
.navmenucont li ul li ul li ul li:hover ul {
    display: block;
}
.navmenucont li:hover ul li ul li ul li ul li ul {
    display: none;
}
.navmenucont li ul li ul li ul li ul li:hover ul {
    display: block;
}
.navmenucont .fotocat {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.navmenucont .fotocat a {
    height: 50px;
}
.navmenucont .fotocat a:hover {
    background: none;
}
.navmenucont li:hover .fotocat a {
    background: none;
}
.navmenucont .csscat1ico {
    height: 50px;
    margin: 5px auto 0px auto;
    background: url(../images/groupmenu/main.png) center 0px no-repeat;
    background-size: 50px auto;
    display: block;
}
.navmenucont li:hover .csscat1ico {
    background-position: center 2px;
}
.navmenucont .csscat2ico {
    height: 50px;
    margin: 5px auto 0px auto;
    background: url(../images/groupmenu/main.png) center -50px no-repeat;
    background-size: 50px auto;
    display: block;
}
.navmenucont li:hover .csscat2ico {
    background-position: center -46px;
}
.navmenucont .csscat3ico {
    height: 50px;
    margin: 5px auto 0px auto;
    background: url(../images/groupmenu/main.png) center -103px no-repeat;
    padding: 0px 0px 0px 0px;
    display: block;
    background-size: 50px auto;
}
.navmenucont li:hover .csscat3ico {
    background-position: center -99px;
}
.navmenucont .csscat4ico {
    height: 50px;
    margin: 5px auto 0px auto;
    background: url(../images/groupmenu/main.png) center -151px no-repeat;
    background-size: 50px auto;
    padding: 0px 0px 0px 0px;
    display: block;
}
.navmenucont li:hover .csscat4ico {
    background-position: center -147px;
}
.navmenucont .csscat5ico {
    height: 50px;
    margin: 5px auto 0px auto;
    background: url(../images/groupmenu/main.png) center -202px no-repeat;
    background-size: 50px auto;
    padding: 0px 0px 0px 0px;
    display: block;
}
.navmenucont li:hover .csscat5ico {
    background-position: center -196px;
}
.navmenucont .csscat6ico {
    height: 50px;
    margin: 5px auto 0px auto;
    background: url(../images/groupmenu/main.png) center -252px no-repeat;
    background-size: 50px auto;
    padding: 0px 0px 0px 0px;
    display: block;
}
.navmenucont li:hover .csscat6ico {
    background-position: center -248px;
}
.navmenucont .csscat7ico {
    height: 50px;
    margin: 5px auto 0px auto;
    background: url(../images/groupmenu/main.png) center -303px no-repeat;
    background-size: 50px auto;
    padding: 0px 0px 0px 0px;
    display: block;
}
.navmenucont li:hover .csscat7ico {
    background-position: center -298px;
}
.navmenucont .csscat8ico {
    height: 50px;
    margin: 5px auto 0px auto;
    background: url(../images/groupmenu/main.png) center -351px no-repeat;
    background-size: 50px auto;
    padding: 0px 0px 0px 0px;
    display: block;
}
.navmenucont li:hover .csscat8ico {
    background-position: center -347px;
}
.navmenucont .csscat9ico {
    height: 50px;
    margin: 5px auto 0px auto;
    background: url(../images/groupmenu/main.png) center -401px no-repeat;
    background-size: 50px auto;
    padding: 0px 0px 0px 0px;
    display: block;
}
.navmenucont li:hover .csscat9ico {
    background-position: center -395px;
}
.navmenucont .csscat10ico {
    height: 50px;
    margin: 5px auto 0px auto;
    background: url(../images/groupmenu/main.png) center -449px no-repeat;
    padding: 0px 0px 0px 0px;
    display: block;
    background-size: 50px auto;
}
.navmenucont li:hover .csscat10ico {
    background-position: center -446px;
}
.navmenucont .csscat11ico {
    height: 50px;
    margin: 5px auto 0px auto;
    background: url(../images/groupmenu/main.png) center -600px no-repeat;
    background-size: 60px auto;
    padding: 0px 0px 0px 0px;
    display: block;
}
.navmenucont li:hover .csscat11ico {
    background-position: center -595px;
}
.navmenucont .csscat12ico {
    height: 50px;
    margin: 5px auto 0px auto;
    background: url(../images/groupmenu/main.png) center -551px no-repeat;
    background-size: 50px auto;
    padding: 0px 0px 0px 0px;
    display: block;
}
.navmenucont li:hover .csscat12ico {
    background-position: center -546px;
}
.navmenucont .csscat13ico {
    height: 50px;
    margin: 5px auto 0px auto;
    background: url(../images/groupmenu/main.png) center -601px no-repeat;
    background-size: 50px auto;
    padding: 0px 0px 0px 0px;
    display: block;
}
.navmenucont li:hover .csscat13ico {
    background-position: center -597px;
}
.navmenucont ul a.activo {
    background-color: #787878;
    color: #ffffff;
}
.navmenucont li:hover ul a:hover {
    color: #ffffff;
    background-color: #6E6E70;
}
.navmenucont li:hover ul li ul a:hover {
    color: #ffffff;
    background-color: #6E6E70;
}

.phonemenu {
    display: none;
    vertical-align: middle;
    padding: 0px 0px 0px 20px;
}
@media screen and (max-width: 480px) {
    .phonemenu {
        display: table-cell;
        vertical-align: middle;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 15px;
    }
}
@media screen and (max-width: 320px) {
    .phonemenu {
        padding: 0px 0px 0px 5px;
    }
}


.dl-menuwrapper {
    width: 100%;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    position: relative;
    z-index: 9999;
    margin: 0px 0px 0px 0px;
}
.dl-menuwrapper button {
    color: #ffffff;
    height: 7vh;
    width: 93vw;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    background: #337ab7;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    cursor: pointer;
    text-align: center;
    font-family: 'Roboto', Arial;
    /* padding: 0px 0px 0px 40px; */
    font-size: large;
    border-top-left-radius: 3px 3px;
    border-top-right-radius: 3px 3px;
    border-bottom-right-radius: 3px 3px;
    border-bottom-left-radius: 3px 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    font-weight: lighter;
    /*text-indent: 55px;*/
}
.dl-menuwrapper button:focus {
    outline: 0px solid #464646;
}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
    background-color: #188ebc;
    border-top: 1px solid #464646;
    border-right: 1px solid #464646;
    border-bottom: 1px solid #464646;
    border-left: 1px solid #464646;
}
.dl-menuwrapper ul {
    padding: 0px 0px 0px 0px;
    list-style: none;
    margin: 0px 0px 0px 0px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.dl-menuwrapper li {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: none;
    font-family: -webkit-body;
}
.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 3px 10px 3px 10px;
    color: #ffffff;
    background-color: #464646;
    font-family: sans-serif;
}
.no-touch .dl-menuwrapper li a:hover {
    background-color: #2E2E2E;
}
.dl-menuwrapper li.dl-back > a {
    padding: 10px 0px 10px 45px;
}
.dl-menuwrapper li.dl-back:after {
    left: 0px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
    display: block;
    width: 25px;
    height: 20px;
    top: 8px;
    speak: none;
    content: " ";
    position: absolute;
    right: 0px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
@media screen and (max-width: 320px) {
    .dl-menuwrapper li.dl-back:after,
    .dl-menuwrapper li > a:not(:only-child):after {
        background: none;
    }
}
.dl-menuwrapper .dl-menu {
    margin: 0px 0px 0px 0px;
    position: absolute;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    top: -500px;
    z-index: 9999999;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-bottom-left-radius: 5px 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    width: 250px;
}
.dl-menuwrapper .dl-menuopen {
    top: 45px;
}
.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: -30px;
    margin: 0px 0px 0px 0px;
}


a {
    color: #464646;
    text-decoration: none;
}

/* esto con bootstrap quiza no valla */

a:hover {
    color: #188ebc;
}
.rollover a {
    display: block;
    padding: 5px 10px 5px 10px;
    border: 1px solid Transparent;
    color: #4C4C4C;
    border-top: 1px solid #B0B0B0;
    border-right: 1px solid #B0B0B0;
    border-bottom: 1px solid #B0B0B0;
    border-left: 1px solid #B0B0B0;
    text-align: center;
    float: left;
    margin: 0px 10px 10px 0px;
    border-top-left-radius: 500px 500px;
    border-top-right-radius: 500px 500px;
    border-bottom-right-radius: 500px 500px;
    border-bottom-left-radius: 500px 500px;
    -moz-border-radius-topleft: 500px;
    -moz-border-radius-topright: 500px;
    -moz-border-radius-bottomright: 500px;
    -moz-border-radius-bottomleft: 500px;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#D8D8D8');
    background-image: -moz-linear-gradient(top, #ffffff 0%, #D8D8D8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D8D8D8));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #D8D8D8 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #D8D8D8 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #D8D8D8 100%);
    font-weight: normal;
}

.dl-menuwrapper:first-child{
margin-right:100px;
}
.dl-menuwrapper .dl-menu{
pointer-events:none;
-webkit-transform:translateY(10px);
transform:translateY(10px);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle{
transition:all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen{
opacity:1;
pointer-events:auto;
-webkit-transform:translateY(0px);
transform:translateY(0px);
}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu{
display:none;
}
.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:0px;
margin:0px 0px 0px 0px;
}
/* Animation classes for moving out and in */
.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 Fallback */
.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{
}