@charset "UTF-8";

/*variables*/

body {

    overflow-x: hidden !important;

    -webkit-animation: reset, fade-in 1s 1 ease;

    -moz-animation: reset, fade-in 1s 1 ease;

    -o-animation: reset, fade-in 1s 1 ease;

    outline: none;

    height: 100%;

    background: url(../img/background.jpg), #000; }



/*-----------start KEYFRAMES-----------*/

/*start RESET*/

@-webkit-keyframes reset {

    0% {

        opacity: 0; }

    100% {

        opacity: 0; } }

@-moz-keyframes reset {

    0% {

        opacity: 0; }

    100% {

        opacity: 0; } }

/*end RESET*/

/*start FADE IN*/

@-webkit-keyframes fade-in {

    0% {

        opacity: 0; }

    50% {

        opacity: 0; }

    100% {

        opacity: 1; } }

@-moz-keyframes fade-in {

    0% {

        opacity: 0; }

    50% {

        opacity: 0; }

    100% {

        opacity: 1; } }

body, html, p, h1, h2, h3, h4, h5, li, ul, header, footer, a, span, section {

    padding: 0;

    margin: 0;

    text-decoration: none;

    list-style: none; }



img {

    width: 100%;

    height: auto;

    border: none; }



@font-face {

    font-family: HeronSansLight;

    src: url(../fonts/HeronSans_Light.otf); }

@font-face {

    font-family: HeronSansLightItalic;

    src: url(../fonts/HeronSans_Light_Italic.otf); }

@font-face {

    font-family: HeronSans700;

    src: url(../fonts/HeronSans_SemiBold.otf); }

@font-face {

    font-family: HeronSansCond;

    src: url(../fonts/HeronSansCond_SemiBold.otf); }

@font-face {

    font-family: HeronSansCondM;

    src: url(../fonts/HeronSansCond_Medium.otf); }

@font-face {

    font-family: HeronSansCondL;

    src: url(../fonts/HeronSansCond_Light.otf); }

@font-face {

    font-family: HeronSansM;

    src: url(../fonts/HeronSans_Medium.otf); }

@font-face {

    font-family: GearedSlabBold;

    src: url(../fonts/GearedSlab_Bold.ttf); }

/*variables*/

/*Menu*/

#header100 {

    width: 100%;

    height: auto;

    position: fixed;

    z-index: 99999; }



.container{

    width: 1200px;

    margin: 0 auto

}



.text-uppercase {

    text-transform: uppercase;

    font-weight: bold;

    font-size: 21px

}

header nav li.linea-1 a{

    top: -10px;

    position: relative;

    font-family: 'HeronSansLight'

}



header nav li.linea-red a {

    top: -7px;

    position: relative;

    font-size: 30px

}

header nav li.insta {

    margin-left: 0px

}



header {



    min-height: 105px;

    margin: auto;

    background: url(../img/backAmarillo.png) repeat-x; }

header #vendetta {

    width: 192px;

    height: 42px;

    float: left;

    margin: 20px 10px 0px 4px; /*75 px*/

}

header #vendetta a {

    width: 192px;

    height: 42px;

    display: block;

    background: url(../img/Logo.png);

    transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s; }

header #vendetta a:hover {

    background: url(../img/LogoW.png); }

header nav {

    min-height: 85px; }

header nav li {

    display: inline-block;

    padding: 20px 17px 20px 17px;

    font-family: "HeronSansLight";

    font-size: 1.3em; 

    margin-left: 60px;

}

header nav li a {

    color: #000; }

header nav li a p {

    transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s; }

header nav li a:hover p {

    color: #007935; }

/*header nav li:nth-child(6), */
/*
header nav li:nth-child(7) {

    font-size: 2.5em; }
*/
header nav li p {

    margin-bottom: -5px; }

header nav li span {

    font-style: italic;

    font-size: 0.7em; }

header #express {

    width: 290px;

    height: 105px;

    float: right;

    background: url(../img/fondoExpress.png); }

header #express a {

    width: 158px;

    height: 73px;

    display: block;

    margin-left: 30%;

    margin-top: 12px;

    background: url(../img/logoExpress.png);

    transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -ms-transition: all 0.5s; }

header #express a:hover {

    background: url(../img/logoExpressY.png); }



#wraper {

    max-width: 100%; 

    min-height: 500px;
    
    margin: auto; }

#wraper footer p {

    max-width: 400px;

    height: auto;

    float: left;

    color: #999;

    font-family: "HeronSansLight", sans-serif;

    text-transform: uppercase;

    font-size: 12px;

    padding: 10px 10px; }

#wraper footer a {

    float: right;

    color: #D63A8C;

    font-family: "HeronSansLight", sans-serif;

    opacity: 0.75;

    -moz-opacity: 0.75;

    -webkit-opacity: 0.75;

    -o-opacity: 0.75;

    text-transform: uppercase;

    font-size: 12px;

    padding: 10px 10px;

    transition: all 0.9s;

    -moz-transition: all 0.9s;

    -o-transition: all 0.9s;

    -webkit-transition: all 0.9s;

    -ms-transition: all 0.9s; }

#wraper footer a:hover {

    opacity: 1;

    -moz-opacity: 1;

    -webkit-opacity: 1;

    -o-opacity: 1; }



/*** Responsive ***/

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

    header #express {

        width: 240px; }



    header nav li {

        padding: 20px 8px 20px 8px; 

        margin-left: 53px

    } 

}

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

    header nav li {

        padding: 20px 8px 20px 8px; 

        margin-left: 17px

    } 

}

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

    header nav li {

        padding: 20px 8px 20px 8px; 

        margin-left: 35px

    } 

}

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

    header nav li {

        padding: 20px 8px 20px 8px; 

        margin-left: 25px

    } 

}

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

    header nav li {

        padding: 20px 8px 20px 8px; 

        margin-left: 15px

    } 

}

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

    header nav li {

        padding: 20px 8px 20px 8px; 

        margin-left: 40px

    } 

}

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

    header nav li {

        padding: 20px 8px 20px 8px; 

        margin-left: 5%

    } 

}

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

    header nav li {

        padding: 20px 8px 20px 8px; 

        margin-left: 74px

    } 

}

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

    header nav li {

        padding: 20px 8px 20px 8px; 

        margin-left: 60px

    } 

}

@media (max-width: 550px) {

    

}

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

    header nav li {

        padding: 20px 8px 20px 8px; 

        margin-left: 45px !important

    } 

}

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

    header nav li {

        padding: 20px 8px 20px 8px; 

        margin-left: 30px

    } 

}

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

    header nav li {

        padding: 20px 8px 20px 8px; 

        margin-left: 15px

    } 

}

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

    header nav li {

        padding: 20px 8px 20px 8px; 

        margin-left: 10px

    } 

}

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

    header nav li {

        padding: 20px 8px 20px 8px; 

        margin-left: 25px !important

    } 

}

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

    header nav li a{

        font-size: 17px

    } 

}

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

    

    header nav li.linea-1 a {

        top: 0

    }

    header nav li.insta {

        margin-left: 4px;

    }

    .tooltip {
        font-size: 10px;
    }
    #header100 {

       /* position: absolute;*/ }



    header nav {

        max-width: 200px;

        -webkit-box-shadow: -3px 3px 7px 0px rgba(0, 0, 0, 0.75);

        -moz-box-shadow: -3px 3px 7px 0px rgba(0, 0, 0, 0.75);

        box-shadow: -3px 3px 7px 0px rgba(0, 0, 0, 0.75);

        float: right;

        background: #000;

        transition: all 0.5s;

        -moz-transition: all 0.5s;

        -o-transition: all 0.5s;

        -webkit-transition: all 0.5s;

        -ms-transition: all 0.5s; }

    header nav li {

        display: block;

        width: 100%;

        border-bottom: 2px solid #fad000;

        text-align: center;

        padding: 10px 30px 10px 0px; }

    header nav li a {

        color: #fad000; }

    header nav li a:hover {

        color: #fff !important; }

    header nav li a:hover p {

        color: #fff !important; }

    header nav #express {

        width: 100%;

        float: none;

        padding: 10px 15px 10px 0px; }

    header nav #express a {

        background-size: cover;

        margin: auto;

        margin-top: 15px; }



    @font-face {

        font-family: "responsivenav";

        src: url("../icons/responsivenav.woff") format("woff"), url("../icons/responsivenav.svg#responsivenav") format("svg");

        font-weight: normal;

        font-style: normal; }

    .nav-toggle {

        position: fixed;

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

        -webkit-touch-callout: none;

        -webkit-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none;

        text-decoration: none;

        text-indent: -999px;

        position: relative;

        overflow: hidden;

        width: 70px;

        height: 55px;

        float: right;

        margin-top: 14px; 

        

    }



    .nav-toggle:before {

        color: #000;

        /* Edit this to change the icon color */

        font-family: "responsivenav", sans-serif;

        font-style: normal;

        font-weight: normal;

        font-variant: normal;

        font-size: 28px;

        text-transform: none;

        position: absolute;

        content: '≡';

        text-indent: 0;

        text-align: center;

        line-height: 55px;

        speak: none;

        width: 100%;

        top: 0;

        left: 0; }



    .nav-toggle.active::before {

        font-size: 24px;

        content: "x"; }



    /*a.nav-toggle{

        padding:15px;

        color:#000;

        float:right;

        border-radius:10px;

        margin-right:15px;

        margin-top:20px;

        

        &:after{

            content:"+"

        }

    }*/ 

    .nav-collapse.nav-collapse-0.opened li {

        /*padding: 20px 8px 20px 8px; */

        margin-left: 0 !important

    } 

}

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

    header nav {

        max-width: 100%;

        width: 100%;

        margin-top: 20px; }



    header nav #express {

        padding: 10px 0px 10px 0px !important; }

    

    .nav-toggle.active{

        margin-top: 0 !important

    }

    .nav-toggle.active::before {

        font-size: 35px;

        color: #fad000;

        text-shadow: 0px 0px 15px black; 

        background: #000;

        

    } }



/*# sourceMappingURL=style_menu.css.map */