html, body, p, input, textarea
{
    padding: 0;
    margin: 0;
    border: 0;
}

html
{
    background-color: #000;
}

body
{
    width: 100%;
    min-width: 1024px;
    
    -webkit-tap-highlight-color: rgba(0,0,0,0);

    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;

    overflow-y: scroll;
}

input::selection
{
    background: rgba(0,0,0,.2);
}

img
{
    border: 0;
}

input, textarea
{
    -webkit-border-radius:0px;
    -webkit-text-size-adjust: none;
    -webkit-user-select: auto;
    -moz-box-shadow: none;
    -moz-appearance:none;
    resize: none; 
    outline: none;

    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

input:focus, textarea:focus 
{
    outline: none;
}

h1
{
    position: absolute;
    left: -1000px;
}

*
{
    -webkit-user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: -moz-none;
    user-select: none;
    cursor: default;
}

a { cursor: pointer; }

.selectable
{
    -moz-user-select: -moz-text !important;
    -webkit-user-select: text !important;
    user-select: text !important;
}

.no_font_smoothing
{
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
}

.no_transition 
{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important;
}

.zoom_top_img
{
    -webkit-transform: scale(1.1) translate(-.5%, -.5%);
    -moz-transform: scale(1.1) translate(-.5%, -.5%);
    transform: scale(1.1) translate(-.5%, -.5%);
}

@-webkit-keyframes page_preloader_rotating { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }}
@-moz-keyframes page_preloader_rotating { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); }}
@keyframes page_preloader_rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}

#preloader
{
    position: fixed;
    display: none;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    margin-left: -45px;
    margin-top: -45px;
    background: url('/content/images/page_preloader.gif');

    -webkit-animation: page_preloader_rotating 2s linear infinite;
    -moz-animation: page_preloader_rotating 2s linear infinite;
    animation: page_preloader_rotating 2s linear infinite;
}

#menu
{
    position: fixed;
    left: -140px;
    top: 0px;
    height: 100%;
    min-height: 670px;

    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    transition: left .5s;

    -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
}

    #menu_bar
    {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 432px;
        height: 100%;
        background-color: #000;

        -webkit-transform: translate(-432px, 0px);
        -moz-transform: translate(-432px, 0px);
        transform: translate(-432px, 0px);

        -webkit-transition: -webkit-transform .5s;
        -moz-transition: -moz-transform .5s;
        transition: transform .5s;

        -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
        -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
        transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
    }

    #menu1, #menu2
    {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 140px;
        height: 100%;
    }

        #menu1_icon
        {
            position: absolute;
            left: 47px;
            top: 56px;
            width: 46px;
            height: 40px;
            background: url('/content/images/menu_icon.png') center no-repeat;
            cursor: pointer;

            -webkit-transition: opacity .3s;
            -moz-transition: opacity .3s;
            transition: opacity .3s;
        }

        #menu1_logo, #menu2_logo
        {
            position: absolute;
            left: 26px;
            top: 50%;
            width: 88px;
            height: 146px;
            margin-top: -88px;
            background: url('/content/images/menu_logo.png');
        }

        #menu1_logo
        {
            -webkit-transition: opacity .3s;
            -moz-transition: opacity .3s;
            transition: opacity .3s;
        }

        #menu1_sound
        {
            position: absolute;
            display: none;
            left: 46px;
            bottom: 60px;
            width: 49px;
            height: 41px;
            cursor: pointer;

            -webkit-transition: opacity .3s;
            -moz-transition: opacity .3s;
            transition: opacity .3s;
        }
            #menu1_sound_on, #menu1_sound_off
            {
                position: absolute;
                left: 10px;
                top: 10px;
                width: 29px;
                height: 21px;
                cursor: pointer;
            }

            #menu1_sound_on { background: url('/content/images/menu_sound_on.png'); }
            #menu1_sound_off { background: url('/content/images/menu_sound_off.png'); opacity: 0; }


    #menu2
    {
        width: auto;
        opacity: 0;
        pointer-events: none;

        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        transition: opacity .3s;
    }
        #menu2_icon
        {
            position: absolute;
            left: 54px;
            top: 59px;
            width: 34px;
            height: 34px;
            background: url('/content/images/menu2_icon.png') center no-repeat;
            cursor: pointer;
            opacity: 0;

            -webkit-transition: opacity .2s;
            -moz-transition: opacity .2s;
            transition: opacity .2s;
        }

        #menu2_logo
        {
            background: url('/content/images/menu_logo2.png');   
        }

        #menu2_twitter, #menu2_facebook, #menu2_instagram
        {
            position: absolute;
            cursor: pointer;
            opacity: 0;

            -webkit-transition: opacity .5s;
            -moz-transition: opacity .5s;
            transition: opacity .5s;
        }

        #menu2_twitter
        {   
            left: 156px;
            top: 57px;
            width: 41px;
            height: 37px;
            background: url('/content/images/menu2_icon_twitter.png') center no-repeat;  
        }

        #menu2_facebook
        {
            left: 216px;
            top: 55px;
            width: 30px;
            height: 40px;
            background: url('/content/images/menu2_icon_facebook.png') center no-repeat;
        }

        #menu2_instagram
        {
            left: 269px;
            top: 56px;
            width: 38px;
            height: 38px;
            background: url('/content/images/menu2_icon_instagram.png') center no-repeat;
        }


        #menu2_links
        {
            position: absolute;
            width: 100px;
            height: 224px;
            left: 165px;
            top: 50%;
            margin-top: -128px;

            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            transform: translateZ(0);
        }
            .menu2_each
            {
                position: relative;
                float: left;
                margin: 13px auto;

                font-family: 'Source Sans Pro', sans-serif;
                font-weight: 300;
                font-size: 15px;
                letter-spacing: 3px;
                color: #CCC;
                text-decoration: none;
                cursor: pointer;
                opacity: 0;

                -webkit-transition: opacity .5s, color .3s;
                -moz-transition: opacity .5s, color .3s;
                transition: opacity .5s, color .3s;
            }

            .menu2_each_curpage
            {
                color: #B8906A !important;
                cursor: default !important;
            }

        #menu2_song
        {
            position: absolute;
            display: none;
            left: 165px;
            bottom: 60px;
            height: 35px;
            opacity: 0;

            font-family: 'Source Sans Pro', sans-serif;
            font-weight: 600;
            font-size: 12px;
            letter-spacing: 1px;
            white-space: nowrap;
            color: #CCC;

            -webkit-transition: opacity .5s;
            -moz-transition: opacity .5s;
            transition: opacity .5s;
        }

            #menu2_song span
            {
                font-weight: 300;
            }


    .menu_scroll #menu_bar
    {
        -webkit-transform: translate(-292px, 0px);
        -moz-transform: translate(-292px, 0px);
        transform: translate(-292px, 0px);
    }

    .menu_scroll #menu1_icon, .menu_scroll #menu1_logo, .menu_scroll #menu1_sound
    {
        opacity: .4;
    }

    .menu_open #menu_bar
    {
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }

    .menu_open #menu1_logo, .menu_open #menu1_sound
    {
        opacity: .4;
    }

    .menu_open #menu2
    {
        opacity: 1;
        pointer-events: auto;
    }

    .menu_open #menu1_icon
    {
        opacity: 0;
    }

    .menu_open #menu2_icon
    {
        opacity: .4;
    }


#container
{
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 1024px;
    overflow: hidden;
}

    #container_inside
    {
        width: 100%;
        min-width: 1024px;
        background-color: #000;
        overflow: hidden;

        -webkit-transition: opacity .5s;
        -moz-transition: opacity .5s;
        -o-transition: opacity .5s;
        transition: opacity .5s;
    }

        #footer
        {
            position: relative;
            width: 100%;
            height: 200px;
            background-color: #101010;
            overflow: hidden;

            -webkit-transition: -webkit-transform .5s;
            -moz-transition: -moz-transform .5s;
            transition: transform .5s;

            -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
            -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
            transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); 
        }

        .menu_open #footer
        {
            -webkit-transform: translate(292px, 0px);
            -moz-transform: translate(292px, 0px);
            transform: translate(292px, 0px);
        }

            #footer p
            {
                position: absolute;
                top: 82px;

                font-family: 'Source Sans Pro', sans-serif;
                font-weight: 600;
                font-size: 14px;
                letter-spacing: 3px;
                color: #DDD;
            }

            #footer a
            {
                color: #DDD;
                text-decoration: none;
            }

            #footer span
            {
                font-weight: 300;
            }

            #footer_text1 { left: 203px; }
            #footer_text2 { left: 654px; }
            #footer_text3 { left: 1011px; }

            #footer_bloquo
            {
                position: absolute;
                right: 60px;
                top: 74px;
                width: 36px;
                height: 46px;
                background:url('/content/images/bloquo.png');
                opacity: .15;
                cursor: pointer;

                -webkit-transition: opacity .5s;
                -moz-transition: opacity .5s;
                transition: opacity .5s;
            }

            @-webkit-keyframes top_scroll_animation_keyframes { 0% { opacity: .2; } 50% { opacity: .9; } 100% { opacity: .2; }}
            @-moz-keyframes top_scroll_animation_keyframes { 0% { opacity: .2; } 50% { opacity: .9; } 100% { opacity: .2; }}
            @keyframes top_scroll_animation_keyframes { 0% { opacity: .2; } 50% { opacity: .9; } 100% { opacity: .2; }}


    #page_scroll
    {
        position: absolute;
        left: 50%;
        bottom: 60px;
        width: 81px;
        height: 83px;
        margin-left: -40px;
        cursor: pointer;
        opacity: 0;

        -webkit-transition: opacity .6s .6s;
        -moz-transition: opacity .6s .6s;
        transition: opacity .6s .6s;
    }

    #page_scroll *
    {
        cursor: pointer;
    }

        #page_scroll_animation, #page_scroll_over
        {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 81px;
            height: 83px;
        }

            #page_scroll_animation1
            {
                position: absolute;
                left: 31px;
                top: 0px;
                width: 19px;
                height: 9px;
                background:url('/content/images/page_scroll1.png');

                -webkit-animation: top_scroll_animation_keyframes 2s infinite;
                -moz-animation: top_scroll_animation_keyframes 2s infinite;
                animation: top_scroll_animation_keyframes 2s infinite;
            }

            #page_scroll_animation2
            {
                position: absolute;
                left: 18px;
                top: 22px;
                width: 45px;
                height: 21px;
                background:url('/content/images/page_scroll2.png');

                -webkit-animation: top_scroll_animation_keyframes 2s .4s infinite;
                -moz-animation: top_scroll_animation_keyframes 2s .4s infinite;
                animation: top_scroll_animation_keyframes 2s .4s infinite;
            }

            #page_scroll_animation3
            {
                position: absolute;
                left: 0px;
                top: 46px;
                width: 81px;
                height: 37px;
                background:url('/content/images/page_scroll3.png');

                -webkit-animation: top_scroll_animation_keyframes 2s .8s infinite;
                -moz-animation: top_scroll_animation_keyframes 2s .8s infinite;
                animation: top_scroll_animation_keyframes 2s .8s infinite;
            }

        #page_scroll_over
        {
            background: url('/content/images/page_scroll_over.png');
            opacity: 0.00000001;

            -webkit-transition: opacity .3s;
            -moz-transition: opacity .3s;
            transition: opacity .3s;
        }

    #gallery_zoom
    {
        position: absolute;
        display: none;
        left: 0px;
        top: 0px;
        width: 100%;
        min-width: 1024px;
        background-color: #000;
        z-index: 1000;
        opacity: 0;
        overflow: hidden;

        -webkit-transition: opacity .6s;
        -moz-transition: opacity .6s;
        transition: opacity .6s;
    }

        #gallery_zoom_preloader
        {
            position: fixed;
            left: 50%;
            top: 50%;
            width: 90px;
            height: 90px;
            margin-left: -45px;
            margin-top: -45px;
            background:url('/content/images/image_preloader.png');
            opacity: 0;

            -webkit-animation: page_preloader_rotating 2s linear infinite;
            -moz-animation: page_preloader_rotating 2s linear infinite;
            animation: page_preloader_rotating 2s linear infinite;

            -webkit-transition: opacity .3s;
            -moz-transition: opacity .3s;
            transition: opacity .3s;
        }

        .gallery_holder_each1, .gallery_holder_each2
        {
            position: absolute;
            width:100%;
            opacity: 0;

            -webkit-transition: opacity .6s;
            -moz-transition: opacity .6s;
            transition: opacity .6s;
        }

    .over_zoom, #gallery_close, #gallery_arrow2, #gallery_arrow1, .over_share_button
    {
        position: fixed;
        right: 30px;
        width: 40px;
        height: 40px;
        background: center no-repeat #000;
        opacity: .6;
        cursor: pointer;

        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        transition: opacity .3s;
    }

    .over_zoom
    {
        position: absolute;
        opacity: 0;
        top: 30px;
        background-image: url('/content/images/campanha_icon_zoom.png');
    }

    #gallery_close
    {
        top: 30px;
        background-image: url('/content/images/campanha_icon_close.png');

        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    #gallery_arrow2
    {
        top: 71px;
        background-image: url('/content/images/campanha_icon_next.png');

        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    #gallery_arrow1
    {
        top: 112px;
        background-image: url('/content/images/campanha_icon_previous.png');

        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
    }   


    .over_share
    {
        position: absolute;
        right: 0px;
        top: 71px;
        width: 40px;
        opacity: 0;

        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        transition: opacity .3s;

        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .over_share_button
        {
            position: absolute;
            top: 0px;
            background-image: url('/content/images/campanha_icon_share.png');

            -webkit-transition: opacity .3s, background-color .3s;
            -moz-transition: opacity .3s, background-color .3s;
            transition: opacity .3s, background-color .3s;
        }
            .over_share_button_button
            {
                background-image: url('/content/images/campanha_icon_share_click.png');
                background-color: #FFF;
                opacity: 1 !important;
            }

        
        .over_share_facebook, .over_share_gplus, .over_share_pinterest, .over_share_twitter
        {
            position: absolute;
            display: none;
            right: 30px;
            width: 40px;
            height: 40px;
            background: center no-repeat #000;
            opacity: .6;
            cursor: pointer;
        }

        .over_share_facebook
        {
            top: 41px;
            background-image: url('/content/images/campanha_icon_share_facebook.png');
        }

        .over_share_gplus
        {
            top: 82px;
            background-image: url('/content/images/campanha_icon_share_gplus.png');
        }

        .over_share_pinterest
        {
            top: 123px;
            background-image: url('/content/images/campanha_icon_share_pinterest.png');
        }

        .over_share_twitter
        {
            top: 164px;
            background-image: url('/content/images/campanha_icon_share_twitter.png');
        }



@media screen and (max-width: 1348px) {

    #footer p
    {
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 150%;
    }

    #footer_text2 { left: 550px; }
    #footer_text3 { left: 810px; }
}

@media screen and (max-width: 1105px) {

    #footer p
    {
        top: 84px;
        font-size: 11px;
    }

    #footer_text1 { left: 183px; }
    #footer_text2 { left: 510px; }
    #footer_text3 { left: 745px; }
}