.spyk-menu-container {
    position: relative;
    cursor: default;
}

.spyk-menu {
    display: none;
    position: absolute;
    left: 0;
    bottom: 100%;
    min-height: 46px;
    margin: 0 0 20px;
    padding: 0 16px 0 10px;
    line-height: 46px;
    white-space: nowrap;
    z-index: 100;
}

.spyk-menu-link {
    display: inline-block;
    vertical-align: middle;
    color: inherit;
    padding: 0;
    margin: 0;
    font-size: 10px;
    font-weight: normal;
    line-height: 24px;
    text-transform: uppercase;
    text-decoration: none !important;
    opacity: 1 !important;
    transition: none;
}

.spyk-menu-link + .spyk-menu-link {
    margin-left: 13px;
}

.spyk-menu-link:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.spyk-menu-link:hover:before {
    -webkit-animation: spyk-menu-jump 0.3s linear 1;
    animation: spyk-menu-jump 0.3s linear 1;
}

.spyk-menu-link.spyk {
    margin-right: 17px;
}

.spyk-menu-link.spyk:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAaCAYAAABctMd+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhVJREFUeNq0lk9IVUEUh++7mCWGWIqYJBK0MgjSAvEP1cIiSMRwk5B7IaHChaAWVIpEGy1oGaVujNrkwk1YIhJhuEhaBVJShFBIQYTCe30DP2MY5t53r9GBjzfv3Llnzpxz5szN5IKyIIVchWK4C7/zTQ6DdFIJt2AROv7F+Fl4Agcs3ZZ+j8EzeA7H0xg/AlMwC53QF+PAeViAe1ADmTjjB+EldFm6Hjiq8W7PAkZ3GWZgb5zxLzDt6IpgRGOzo7mIXUzAT1uR8VRLBSxDlaM3IXoqhy7BIBzWMzO/0a0gX8zXVRGu3Na2s/AI6uEGfIXrvtLMRNT5LpiHBkc/pEVsqdIC2aTGjZxQfIst3QbUwWqSQ1EArcp4znm2Ce8c70thDB7kOSOmJH8Zz78x2B8xKefWbgr5FMrDOA92Kpth8B8lVNx3Ktm4fBrDF6AwZlJO9MMZ59kLuOlpC38TmtTLWnjjlOYPaIKVNC23UF3Olvdw39GVwHiUnSjjpne81bEusfR34KMz9zRc9JaaJyxlakTV+v8BhuGxEtit3mLLqk7uRpznobpdtaUzne+hkmfiPgmvnPcOwUC+y6Ic2iNCdQrOyft+68rbFvPevjjjpt2eVOJ8t/v2aX6t3QSaN6bYf8+X0DXohRZdXVEyqtunGa7A5zS3/xK06RNi2erzdhK7VVVB0mrxyR64pl1NJD11fwQYAIXFas+yihXiAAAAAElFTkSuQmCC") no-repeat 50% 50%;
    width: 23px;
    height: 26px;
}

.spyk-menu-link.punk-you:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATZJREFUeNqU0rsvREEUx/G5D65HQkI0SFBoJHRafwPFZiMb9dYURKKjEXqdYgur165NKDVK3UZC6RGxsR7L+M76XXdyK07ySXbnzpk5Z2aMtdbkxNjHNRqoIMnPC81PjGIZA/jEGCYwhUmN9aKosd/ERRyhBIsPk8U72ljCsTYwsT6eYATruEDLS3zFLLawh2qaGOEGOzjHNHq8xC7MYA2nqiYKaPSAH/0q8UV9LmBciXeo4x59aq/pEl0piflftMLcQfw12q7HM5XnSn1TT+4whjXpGZc6JNd7gCejy3WXHmIOBVRtFnUUMY9Ic5NQuwxiRff00FkxiyZucYgyhjo5ekJlrb6tnSvejjWNrer/hstJH4C7v02t+uU9jPSuA33rRs1/OVeSjj2K1T3GKn83Xe1bgAEADx3LMEKuLlAAAAAASUVORK5CYII=") no-repeat 50% 50%;
    width: 14px;
    height: 14px;
}

.spyk-menu-link.kinetica:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmlJREFUeNqEkk1IVFEUx//v3vveaz7elDPqNNYwg18QRSSZ0GoIksFyVRakkUSbaBEV7QyCCCRc2KIWtQgKoVUlGkQRoZQoUolmUqLiB4GOTlM+33Nm3sftTivBpP/qbn7nnvM7RyqvqMbGUCohrVuIFCnQvDK+/cjC5QqqQnZE8/HmhkPmiV3FTvzNoPqKYYtIEmA7HHpOQjRgNTQdNG+db9Rrw2EHWADUaenYP2HOgVXTKY2Wak1Jda36cn2+NXlE3wGbY22YwjNF8GVOntwEF35TFVpzLlHSeaHOSQTCcQRjJqy5CZijDP5FCeNZGS8z8hMG7kJ0KOYCHPEKBZTGm/XBey01PMaiMUBLI/t1BLkC+EvCd4m6N6YDnfMG7WI0r4OKAjlFg2FY5OQ+crs14Y/ZkUrY9ijyg0MC9oBaBP2unGkbCXQs6KzDwxyb/J3RceBVabGvovJq7/qe2LO5IJg1gFzfBxif/FBAkCYM1wcDD8aXWbtf4XaBY3BdcFmJ/9yffOhNtBw9UxGVJj4+ws7HL1DLNVAvQGyGnmFtJmVIT0OKAzsvQGGVEFGEl0STy3Wn66NFZVIy4sPS3rNoWzmFlKgu6xR3+oOf72ZYs8L4mJAkNHFIwhGzt4er3GDsopZeQ4ancEU3MKGo8Lvb5tuHvIZlad+6c+Qapc6sTwB8w2ZYPn74vll2/ABJ5zArZ5B3dRRN9o0oQz2XusGmLI2six4N5my+B+aGdpdQasCbGlgnU4tdirHyjhurw1nz94waKEXBaG6LK2Seybe9fuX9a7o0+xymPkYJyWbD5cISxf/yR4ABAHab/o9iDpn/AAAAAElFTkSuQmCC") no-repeat 50% 50%;
    width: 15px;
    height: 13px;
}

.spyk-menu-link.sibirix:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAY9JREFUeNpskU1LG1EYhZ87c2MEaaxGECshRbBScFGxBgTdWGwtdCG46Eqw63btTguKP8JVF4pLu2j9CyIoCuIXXahpLFWKMTqipsnM9GSMdeOFh7n3znvej3NNOA80iISoETHhiT+iifdYxglpw1BZ6xSZ4Jhly0PLEQFjXPLl/10gfAaU4KV2r++FJgofVPZeVamjwIeDdTg4xI/XYp534DQ+jhJUepuxVVGaMrPiDa7Op5Bdha19Qr+EW7wivD5h+lWGIRPQo4juirCea75K1BUlid3O56h+/zuMq/PRCjuBxyR5VD8SulZGfJKw62eO8lEOY2XQ02bc1g6JE1E3tL/gr1Eyc0ZOo1TWhQ3zDG/uwfYeThBEc5Kt5XCgj93kDW9VAWvpJM4TiTJVdxdsIUtL4Tekkzjm9jL0iowbj29q/4fMSCnY5YbP+jcqlsSU9TV4Su/oOvf+lgLWHpUU6rOhKqnqA7UrwUd950TZJuIs1sV4ptZ/6eJcFLT3IrtDvlftqhcj4uwu+z8BBgA+VnmDcpG3swAAAABJRU5ErkJggg==") no-repeat 50% 50%;
    width: 14px;
    height: 10px;
}

.spyk-menu-container.light .spyk-menu {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom-color: transparent;
}

.spyk-menu-container.light .spyk-menu:before {
    position: absolute;
    bottom: -11px;
    left: 0;
    content: '';
    display: block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAALCAYAAACJZX/yAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHlJREFUeNrs1bENgDAMRUFCxUDMxFDMw14hIxiBEB/dSe4sF25e671vU91e3LtyEwC4qY2gV3e3QtCXMeuYw2sB4D3zg7fEHADCgy7mABAedDEHgPCgizkAhAddzAEgPOhiDgDhQRdzAAgPupgDwA+CLuYA8EGnAAMAYVISbfMfd94AAAAASUVORK5CYII=") no-repeat 0 0;
    height: 11px;
    width: 100%;
}

.spyk-menu-container.light .spyk-menu-link {
    color: #fff;
}

.spyk-menu-container.dark .spyk-menu {
    background: rgba(0, 0, 0, 0.79);
}

.spyk-menu-container.dark .spyk-menu:before {
    position: absolute;
    bottom: -10px;
    left: 10px;
    content: '';
    display: block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAERJREFUeNpiZGBgOMlAGHwG4jtAbMhCguIMEIeJFMWENGAoxqcBq2JcGnAqxqYBr2J0DQQVI2sgSjEMgCKulIFIABBgADf8FdNgQOmyAAAAAElFTkSuQmCC") no-repeat 0 0;
    height: 10px;
    width: 12px;
}

.spyk-menu-container.dark .spyk-menu-link {
    color: #fff;
}

.spyk-menu-container.gray .spyk-menu {
    background: #fff;
    border: 1px solid #cdcdcd;
}

.spyk-menu-container.gray .spyk-menu:before {
    position: absolute;
    bottom: -11px;
    left: 10px;
    content: '';
    display: block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeNpimDFjRvV/IgELAxHgz58/H65cubKWiViFmzdvSWEiViGIz0SsQpyKsSnEqhiXQgzF+BSiKCakEK6YGIUgwPLq1evX7e0dvkD2EUJhDhBgALFTg+pk+9jIAAAAAElFTkSuQmCC") no-repeat 0 0;
    height: 11px;
    width: 11px;
}

.spyk-menu-container.gray .spyk-menu-link {
    color: #999;
}

.spyk-menu-container.gray .spyk-menu-link.punk-you:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUVJREFUeNqU0r8vg0Ecx/F7nh71IyFhawn+ABaxSmxGBqlGzJ1NYjLYxCpikeiAwWiRSBP+AVvH6mBEIm38LI/3t/00Lg0Jl7z69Lnne3ff+965JElciOaxgyoqKCLdGRdbZBRFGeQxwOsHshjDBMatj2+9yMH6WgNpCzjCStJa9t19tze6GjwXcYJ8s1fpjWITN5jGvn2SM0yijG3LQmNcSn9SmMMyDoOB58hhHl3t2IifPfQr6Am2z1mMKNU7lHCPPm2vbgNfrGruf+057ijEX1vDzuxS6Vmqr7YPFWNYQTVcK7MeOz08OqXplfsUlnAcFKek4syogBabjqmSrTKIVZ3TQ3tGtTpucYAChppjVN6CZt/SysVgxQv1rel93cZ4zXqFDZuVzk+ulQ9W9NqXrditiZz75ZLvKmU7u9OfLvmXAAMAs0WVWFr38H4AAAAASUVORK5CYII=") no-repeat 50% 50%;
}

.spyk-menu-container.fade .spyk-menu.animated {
    -webkit-animation: spyk-menu-fadeIn 0.3s linear 1;
    animation: spyk-menu-fadeIn 0.3s linear 1;
}

.spyk-menu-container.zoom .spyk-menu {
    -webkit-transform-origin: 10px 100%;
    -ms-transform-origin: 10px 100%;
    transform-origin: 10px 100%;
}

.spyk-menu-container.zoom .spyk-menu.animated {
    -webkit-animation: spyk-menu-zoomIn 0.3s linear 1;
    animation: spyk-menu-zoomIn 0.3s linear 1;
}

.spyk-menu-container.fade-down .spyk-menu.animated {
    -webkit-animation: spyk-menu-fadeInDown 0.3s linear 1;
    animation: spyk-menu-fadeInDown 0.3s linear 1;
}

.spyk-menu-container.vertical .spyk-menu {
    padding: 13px 12px 13px 10px;
}

.spyk-menu-container.vertical .spyk-menu-link {
    display: block;
    margin: 0;
    line-height: 1.2;
}

.spyk-menu-container.vertical .spyk-menu-link + .spyk-menu-link {
    margin: 11px 0 0 0;
}

.spyk-menu-container.vertical .spyk-menu-link.spyk {
    font-size: 14px;
    margin-bottom: 17px;
    margin-top: 22px;
}

.spyk-menu-container.vertical .spyk-menu-link.spyk:before {
    margin: -20px 20px 0 0;
    float: right;
}

.spyk-menu-container.vertical .spyk-menu-link.spyk .title {
    display: block;
    margin-top: 1px;
    font-size: 8px;
}

@-webkit-keyframes spyk-menu-jump {
    0%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    25% {
        -webkit-transform: translate(0, -4px);
        transform: translate(0, -4px);
    }
    50% {
        -webkit-transform: translate(0, 2px);
        transform: translate(0, 2px);
    }
    75% {
        -webkit-transform: translate(0, -1px);
        transform: translate(0, -1px);
    }
}

@keyframes spyk-menu-jump {
    0%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    25% {
        -webkit-transform: translate(0, -4px);
        transform: translate(0, -4px);
    }
    50% {
        -webkit-transform: translate(0, 2px);
        transform: translate(0, 2px);
    }
    75% {
        -webkit-transform: translate(0, -1px);
        transform: translate(0, -1px);
    }
}

@-webkit-keyframes spyk-menu-fadeIn {
    from {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes spyk-menu-fadeIn {
    from {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes spyk-menu-zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@-webkit-keyframes spyk-menu-fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes spyk-menu-fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}