/*@font-face {
{
font-family : "'icomoon'";
src : url('../fonts/icomoon.eot');
src : url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg');
font-weight : normal;
font-style : normal;
}
}*/
.responsive-menuwrapper {
width : 100%;
max-width : 300px;
float : left;
position : relative;
perspective : 1000px;
perspective-origin : 50% 200%;
z-index : 99999;
}
.responsive-menuwrapper:first-child {
margin-right : 100px;
}
.responsive-menuwrapper button {
border : none;
width : 48px;
height : 45px;
text-indent : -900em;
overflow : hidden;
position : relative;
cursor : pointer;
outline : none;
}
.responsive-menuwrapper button:hover, .responsive-menuwrapper button.dl-active, .responsive-menuwrapper ul {
background : #aaa;
}
.responsive-menuwrapper button:after {
content : '';
position : absolute;
width : 68%;
height : 5px;
background : #fff;
top : 10px;
left : 16%;
box-shadow : 0 10px 0 #fff, 0 20px 0 #fff;
}
.responsive-menuwrapper ul {
padding : 0;
list-style : none;
transform-style : preserve-3d;
}
.responsive-menuwrapper li {
position : relative;
}
.responsive-menuwrapper li a {
display : block;
position : relative;
padding : 15px 20px;
font-size : 16px;
line-height : 20px;
font-weight : 500;
color : #fff;
outline : none;
text-decoration : none;
}
.no-touch .responsive-menuwrapper li a:hover {
background : rgba(255, 248, 213, 0.1);
}
.responsive-menuwrapper li.menu-back > a {
padding-left : 30px;
background : rgba(0, 0, 0, 0.1);
}
.responsive-menuwrapper li.menu-back:after, .responsive-menuwrapper li > a:not(:only-child):after {
position : absolute;
top : 0;
line-height : 50px;
font-family : 'icomoon';
speak : none;
content : "\e000";
}
.responsive-menuwrapper li.menu-back:after {
left : 10px;
color : rgba(212, 204, 198, 0.3);
transform : rotate(180deg);
}
.responsive-menuwrapper li > a:after {
right : 10px;
color : rgba(0, 0, 0, 0.15);
}
.responsive-menuwrapper .awesome-menu {
margin : 5px 0 0 0;
position : absolute;
width : 100%;
opacity : 0;
transform : translateY(10px);
backface-visibility : hidden;
}
.responsive-menuwrapper .awesome-menu.awesome-menu-toggle {
transition : all 0.3s ease;
}
.responsive-menuwrapper .awesome-menu.awesome-menuopen {
opacity : 1;
transform : translateY(0);
}
.responsive-menuwrapper li .sub-menu {
display : none;
}
.awesome-menu.dl-subview li, .awesome-menu.dl-subview li.dl-subviewopen > a, .awesome-menu.dl-subview li.dl-subview > a {
display : none;
}
.awesome-menu.dl-subview li.dl-subview, .awesome-menu.dl-subview li.dl-subview .sub-menu, .awesome-menu.dl-subview li.dl-subviewopen, .awesome-menu.dl-subview li.dl-subviewopen > .sub-menu, .awesome-menu.dl-subview li.dl-subviewopen > .sub-menu > li {
display : block;
}
.responsive-menuwrapper > .sub-menu {
position : absolute;
width : 100%;
top : 50px;
left : 0;
margin : 0;
}
.awesome-menu.dl-animate-out-1 {
animation : MenuAnimOut1 0.4s;
}
.awesome-menu.dl-animate-out-2 {
animation : MenuAnimOut2 0.3s ease-in-out;
}
.awesome-menu.dl-animate-out-3 {
animation : MenuAnimOut3 0.4s ease;
}
.awesome-menu.dl-animate-out-4 {
animation : MenuAnimOut4 0.4s ease;
}
.awesome-menu.dl-animate-out-5 {
animation : MenuAnimOut5 0.4s ease;
}
@keyframes MenuAnimOut1 {
0% {
animation : MenuAnimOut5 0.4s ease;
}
50% {/* transform : translateZ(-250px),rotateY(30deg);  w3c-parse-error */}
75% { /* transform : translateZ(-372.5px),rotateY(15deg);  w3c-parse-error */
opacity : 0.5;
}
100% { /* transform : translateZ(-500px),rotateY(0deg);  w3c-parse-error */
opacity : 0;
}
}
@keyframes MenuAnimOut2 {
0% {/* transform : translateZ(-500px),rotateY(0deg);  w3c-parse-error */
opacity : 0;
}
100% {
transform : translateX(-100%);
opacity : 0;
}
}
@keyframes MenuAnimOut3 {
0% {
transform : translateX(-100%);
opacity : 0;
}
100% {
transform : translateZ(300px);
opacity : 0;
}
}
@keyframes MenuAnimOut4 {
0% {
transform : translateZ(300px);
opacity : 0;
}
100% {
transform : translateZ(-300px);
opacity : 0;
}
}
@keyframes MenuAnimOut5 {
0% {
transform : translateZ(-300px);
opacity : 0;
}
100% {
transform : translateY(40%);
opacity : 0;
}
}
.awesome-menu.dl-animate-in-1 {
animation : MenuAnimIn1 0.3s;
}
.awesome-menu.dl-animate-in-2 {
animation : MenuAnimIn2 0.3s ease-in-out;
}
.awesome-menu.dl-animate-in-3 {
animation : MenuAnimIn3 0.4s ease;
}
.awesome-menu.dl-animate-in-4 {
animation : MenuAnimIn4 0.4s ease;
}
.awesome-menu.dl-animate-in-5 {
animation : MenuAnimIn5 0.4s ease;
}
@keyframes MenuAnimIn1 {
0% { /* transform : translateZ(-500px),rotateY(0deg); w3c-parse-error */
opacity : 0;
}
20% { /* transform : translateZ(-250px),rotateY(30deg); w3c-parse-error */
opacity : 0.5;
}
100% { /* transform : translateZ(0),rotateY(0deg); w3c-parse-error */
opacity : 1;
}
}
@keyframes MenuAnimIn2 {
0% {
transform : translateX(-100%);
opacity : 0;
}
100% {
transform : translateX(0);
opacity : 1;
}
}
@keyframes MenuAnimIn3 {
0% {
transform : translateZ(300px);
opacity : 0;
}
100% {
transform : translateZ(0);
opacity : 1;
}
}
@keyframes MenuAnimIn4 {
0% {
transform : translateZ(-300px);
opacity : 0;
}
100% {
transform : translateZ(0);
opacity : 1;
}
}
@keyframes MenuAnimIn5 {
0% {
transform : translateY(40%);
opacity : 0;
}
100% {
transform : translateY(0);
opacity : 1;
}
}
.responsive-menuwrapper > .sub-menu.dl-animate-in-1 {
animation : SubMenuAnimIn1 0.4s ease;
}
.responsive-menuwrapper > .sub-menu.dl-animate-in-2 {
animation : SubMenuAnimIn2 0.3s ease-in-out;
}
.responsive-menuwrapper > .sub-menu.dl-animate-in-3 {
animation : SubMenuAnimIn3 0.4s ease;
}
.responsive-menuwrapper > .sub-menu.dl-animate-in-4 {
animation : SubMenuAnimIn4 0.4s ease;
}
.responsive-menuwrapper > .sub-menu.dl-animate-in-5 {
animation : SubMenuAnimIn5 0.4s ease;
}
@keyframes SubMenuAnimIn1 {
0% {
transform : translateX(50%);
opacity : 0;
}
100% {
transform : translateX(0);
opacity : 1;
}
}
@keyframes SubMenuAnimIn2 {
0% {
transform : translateX(100%);
opacity : 0;
}
100% {
transform : translateX(0);
opacity : 1;
}
}
@keyframes SubMenuAnimIn3 {
0% {
transform : translateZ(-300px);
opacity : 0;
}
100% {
transform : translateZ(0);
opacity : 1;
}
}
@keyframes SubMenuAnimIn4 {
0% {
transform : translateZ(300px);
opacity : 0;
}
100% {
transform : translateZ(0);
opacity : 1;
}
}
@keyframes SubMenuAnimIn5 {
0% {
transform : translateZ(-200px);
opacity : 0;
}
100% {
transform : translateZ(0);
opacity : 1;
}
}
.responsive-menuwrapper > .sub-menu.dl-animate-out-1 {
animation : SubMenuAnimOut1 0.4s ease;
}
.responsive-menuwrapper > .sub-menu.dl-animate-out-2 {
animation : SubMenuAnimOut2 0.3s ease-in-out;
}
.responsive-menuwrapper > .sub-menu.dl-animate-out-3 {
animation : SubMenuAnimOut3 0.4s ease;
}
.responsive-menuwrapper > .sub-menu.dl-animate-out-4 {
animation : SubMenuAnimOut4 0.4s ease;
}
.responsive-menuwrapper > .sub-menu.dl-animate-out-5 {
animation : SubMenuAnimOut5 0.4s ease;
}
@keyframes SubMenuAnimOut1 {
0% {
transform : translateX(0%);
opacity : 1;
}
100% {
transform : translateX(50%);
opacity : 0;
}
}
@keyframes SubMenuAnimOut2 {
0% {
transform : translateX(0%);
opacity : 1;
}
100% {
transform : translateX(100%);
opacity : 0;
}
}
@keyframes SubMenuAnimOut3 {
0% {
transform : translateZ(0);
opacity : 1;
}
100% {
transform : translateZ(-300px);
opacity : 0;
}
}
@keyframes SubMenuAnimOut4 {
0% {
transform : translateZ(0);
opacity : 1;
}
100% {
transform : translateZ(300px);
opacity : 0;
}
}
@keyframes SubMenuAnimOut5 {
0% {
transform : translateZ(0);
opacity : 1;
}
100% {
transform : translateZ(-200px);
opacity : 0;
}
}
.no-js .responsive-menuwrapper .awesome-menu {
position : relative;
opacity : 1;
transform : none;
}
.no-js .responsive-menuwrapper li .sub-menu {
display : block;
}
.no-js .responsive-menuwrapper li.menu-back {
display : none;
}
.no-js .responsive-menuwrapper li > a:not(:only-child) {
background : rgba(0, 0, 0, 0.1);
}
.no-js .responsive-menuwrapper li > a:not(:only-child):after {
content : '';
}
.awesome-responsive-menu-fix {
z-index : 9999;
position : fixed;
left : 0;
top : 0;
width : 100%;
}