/* Generated by F12 developer tools. This might not be an accurate representation of the original source file */
@font-face {
    font-family: icomoon;
    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;
}

@font-face {
    font-family: fontawesome;
    src: url(../fonts/fontawesome.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome.svg#fontawesome) format("svg"), url(../fonts/fontawesome.woff) format("woff"), url(../fonts/fontawesome.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

.dl-menuwrapper {
    perspective-origin: 50% 200%;
    width: 100%;
    float: left;
    position: relative;
    z-index: 999999;
    max-width: 350px;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
}

:first-child.dl-menuwrapper {
    margin-right: 122px;
}

.dl-menuwrapper button {
    border: currentColor;
    height: 45px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .dl-menuwrapper button:hover {
        background: rgb(170, 170, 170);
    }

    .dl-menuwrapper button.dl-active {
        background: rgb(170, 170, 170);
    }

.dl-menuwrapper ul {
    background: rgb(170, 170, 170);
}

.dl-menuwrapper ul {
    list-style: none;
    padding: 0px;
    -webkit-transform-style: preserve-3d;
}

.dl-menuwrapper li {
    position: relative;
}

    .dl-menuwrapper li img {
        float: left;
        padding-right: 13px;
        height: 32px;
    }

    .dl-menuwrapper li a {
        padding: 10px 20px;
        border-bottom: 1px solid #192024;
        width: 100%;
        color: rgb(255, 255, 255);
        line-height: 32px;
        font-size: 14px;
        font-weight: 400;
        float: left;
        content: "";
    }

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255, 248, 213, 0.1);
}

.dl-menuwrapper li.dl-back > a {
    background: rgba(0, 0, 0, 0.1);
    padding-left: 30px;
}

    .dl-menuwrapper li.dl-back > a:hover {
        background: rgba(0, 0, 0, 0.1);
        padding-left: 30px;
    }

.dl-menuwrapper li.dl-back::after {
    top: 0px;
    line-height: 50px;
    font-family: "icomoon";
    position: absolute;
    -webkit-font-smoothing: antialiased;
    speak: none;
}

.dl-menuwrapper li > a:not(:only-child)::after {
    top: 0px;
    line-height: 50px;
    font-family: "icomoon";
    position: absolute;
    -webkit-font-smoothing: antialiased;
    speak: none;
}

.dl-menuwrapper li.dl-back::after {
    left: 10px;
    color: rgba(212, 204, 198, 0.3);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.dl-menuwrapper .dl-menu {
    margin:0px 0px 0px;
    width: 100%;
    text-align: left;
    display: none;
    position: absolute;
    opacity: 0; /*pointer-events: none;*/
    transform: translateY(10px);
}

.dl-menuwrapper li > a::after {
    right: 10px;
    color: rgba(0, 0, 0, 0.15);
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    display: block;
    opacity: 1;
    transform: translateY(0px);
}

.dl-menuwrapper .dl-menu-toggle.dl-menu {
    transition: 0.3s;
}

.dl-menuwrapper li .dl-submenu {
    display: none;
}

.dl-subview.dl-menu li {
    display: none;
}

    .dl-subview.dl-menu li.dl-subviewopen > a {
        display: none;
    }

    .dl-subview.dl-menu li.dl-subview > a {
        display: none;
    }

    .dl-subview.dl-menu li.dl-subview {
        display: block;
    }

        .dl-subview.dl-menu li.dl-subview .dl-submenu {
            display: block;
        }

    .dl-subview.dl-menu li.dl-subviewopen {
        display: block;
    }

        .dl-subview.dl-menu li.dl-subviewopen > .dl-submenu {
            display: block;
        }

            .dl-subview.dl-menu li.dl-subviewopen > .dl-submenu > li {
                display: block;
            }

.dl-menuwrapper > .dl-submenu {
    margin: 0px;
    left: 0px;
    top: 50px;
    width: 100%;
    position: absolute;
}

.dl-animate-out-1.dl-menu {
    animation: MenuAnimOut1 0.4s;
    -webkit-animation: MenuAnimOut1 0.4s;
}

.dl-animate-out-2.dl-menu {
    animation: MenuAnimOut2 0.3s ease-in-out;
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-animate-out-3.dl-menu {
    animation: MenuAnimOut3 0.4s;
    -webkit-animation: MenuAnimOut3 0.4s ease;
}

.dl-animate-out-4.dl-menu {
    animation: MenuAnimOut4 0.4s;
    -webkit-animation: MenuAnimOut4 0.4s ease;
}

.dl-animate-out-5.dl-menu {
    animation: MenuAnimOut5 0.4s;
    -webkit-animation: MenuAnimOut5 0.4s ease;
}

.dl-animate-in-1.dl-menu {
    animation: MenuAnimIn1 0.3s;
    -webkit-animation: MenuAnimIn1 0.3s;
}

.dl-animate-in-2.dl-menu {
    animation: MenuAnimIn2 0.3s ease-in-out;
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-animate-in-3.dl-menu {
    animation: MenuAnimIn3 0.4s;
    -webkit-animation: MenuAnimIn3 0.4s ease;
}

.dl-animate-in-4.dl-menu {
    animation: MenuAnimIn4 0.4s;
    -webkit-animation: MenuAnimIn4 0.4s ease;
}

.dl-animate-in-5.dl-menu {
    animation: MenuAnimIn5 0.4s;
    -webkit-animation: MenuAnimIn5 0.4s ease;
}

.dl-menuwrapper > .dl-animate-in-1.dl-submenu {
    animation: SubMenuAnimIn1 0.4s;
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-animate-in-2.dl-submenu {
    animation: SubMenuAnimIn2 0.3s ease-in-out;
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-animate-in-3.dl-submenu {
    animation: SubMenuAnimIn3 0.4s;
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-animate-in-4.dl-submenu {
    animation: SubMenuAnimIn4 0.4s;
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-animate-in-5.dl-submenu {
    animation: SubMenuAnimIn5 0.4s;
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
}

.dl-menuwrapper > .dl-animate-out-1.dl-submenu {
    animation: SubMenuAnimOut1 0.4s;
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-animate-out-2.dl-submenu {
    animation: SubMenuAnimOut2 0.3s ease-in-out;
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-animate-out-3.dl-submenu {
    animation: SubMenuAnimOut3 0.4s;
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-animate-out-4.dl-submenu {
    animation: SubMenuAnimOut4 0.4s;
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-animate-out-5.dl-submenu {
    animation: SubMenuAnimOut5 0.4s;
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
}

.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    transform: none;
    -webkit-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-5 .dl-menuwrapper button {
    background: url("../images/openmenu_bg.png") no-repeat 16px 13px;
    outline: none;
    margin: 4px 14px 0px 0px;
    color: #804d99;
    /*color: rgb(255, 255, 255);*/
    text-indent: 40px;
    font-size: 20px;
}

.demo-5 .dl-menuwrapper ul {
    background: #51215c;
}

#cdawrap {
    display: none;
}

body {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
}

html {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    *::after {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    *::before {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

.clearfix::before {
    display: table;
    content: " ";
}

.clearfix::after {
    display: table;
    content: " ";
}

.clearfix::after {
    clear: both;
}

a {
    color: rgb(204, 204, 204);
    text-decoration: none;
}

    a:hover {
        color: rgb(255, 255, 255);
    }

.main {
    margin: 0px auto;
    width: 100%;
}

.container > header {
    margin: 0px auto;
    width: 100%;
}

.column {
    text-align: right;
    float: right;
}

:nth-child(2).column {
    background: url("../images/clickhere.png") no-repeat 90px 0px;
    min-height: 400px;
    box-shadow: -1px 0px 0px rgba(0,0,0,0.1);
}

:last-child.column::before {
    background: rgb(206, 204, 198);
    left: 10px;
    top: 100px;
    height: 7px;
    position: absolute;
    content: "";
}

.column p {
    margin: 0px;
    padding: 0px;
    text-align: right;
    line-height: 1.5;
    font-size: 2em;
    font-weight: 300;
}

.container > header {
    background: rgba(0, 0, 0, 0.01);
    padding: 2.87em 1.87em;
    text-align: center;
}

    .container > header h1 {
        margin: 0px;
        color: rgb(137, 134, 126);
        line-height: 1.3;
        font-size: 2.62em;
        font-weight: 300;
    }

    .container > header span {
        padding: 0px 0px 0.6em 0.1em;
        color: rgb(206, 204, 198);
        font-size: 60%;
        display: block;
    }