@font-face {
        font-family: proxima_nova_rgbold;
        src: url(../fonts/ProximaNova-Bold-webfont.eot);
        src: url('../fonts/ ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'), url(../fonts/ProximaNova-Bold-webfont.woff2) format('woff2'), url(../fonts/ProximaNova-Bold-webfont.woff) format('woff'), url(../fonts/ProximaNova-Bold-webfont.ttf) format('truetype'), url(../fonts/ProximaNova-Bold-webfont.svg#proxima_nova_rgbold) format('svg');
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: proxima_nova_rgbold_italic;
        src: url(../fonts/ProximaNova-BoldIt-webfont.eot);
        src: url(../fonts/ProximaNova-BoldIt-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/ProximaNova-BoldIt-webfont.woff2) format('woff2'), url(../fonts/ProximaNova-BoldIt-webfont.woff) format('woff'), url(../fonts/ProximaNova-BoldIt-webfont.ttf) format('truetype'), url(../fonts/ProximaNova-BoldIt-webfont.svg#proxima_nova_rgbold_italic) format('svg');
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: proxima_novalight;
        src: url(../fonts/ProximaNova-Light-webfont.eot);
        src: url(../fonts/ProximaNova-Light-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/ProximaNova-Light-webfont.woff2) format('woff2'), url(../fonts/ProximaNova-Light-webfont.woff) format('woff'), url(../fonts/ProximaNova-Light-webfont.ttf) format('truetype'), url(../fonts/ProximaNova-Light-webfont.svg#proxima_novalight) format('svg');
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: proxima_nova_rgregular;
        src: url(../fonts/ProximaNova-Regular-webfont.eot);
        src: url(../fonts/ProximaNova-Regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/ProximaNova-Regular-webfont.woff2) format('woff2'), url(../fonts/ProximaNova-Regular-webfont.woff) format('woff'), url(../fonts/ProximaNova-Regular-webfont.ttf) format('truetype'), url(../fonts/ProximaNova-Regular-webfont.svg#proxima_nova_rgregular) format('svg');
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: edo_szregular;
        src: url(../fonts/edosz-webfont.eot);
        src: url(../fonts/edosz-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/edosz-webfont.woff2) format('woff2'), url(../fonts/edosz-webfont.woff) format('woff'), url(../fonts/edosz-webfont.ttf) format('truetype'), url(../fonts/edosz-webfont.svg#edo_szregular) format('svg');
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: 'les Sensations de Cerise';
        src: url('../fonts/les Sensations de Cerise-webfont.eot');
        src: url('../fonts/les Sensations de Cerise-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/les Sensations de Cerise-webfont.woff2') format('woff2'), url('../fonts/les Sensations de Cerise-webfont.woff') format('woff'), url(../fonts/edosz-webfont.ttf) format('truetype'), url('../fonts/les Sensations de Cerise-webfont.svg#les Sensations de Cerise') format('svg');
        font-weight: 400;
        font-style: normal
    }

    a,
    abbr,
    acronym,
    address,
    applet,
    b,
    big,
    blockquote,
    body,
    caption,
    center,
    cite,
    code,
    dd,
    del,
    dfn,
    div,
    dl,
    dt,
    em,
    fieldset,
    font,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hr,
    html,
    i,
    iframe,
    img,
    ins,
    kbd,
    label,
    legend,
    li,
    object,
    ol,
    p,
    pre,
    q,
    s,
    samp,
    small,
    span,
    strike,
    strong,
    sub,
    sup,
    table,
    tbody,
    td,
    tfoot,
    th,
    thead,
    tr,
    tt,
    u,
    ul,
    var {
        margin: 0;
        padding: 0;
        border: 0;
        background: 0 0
    }

    body,
    html {
        font-family: proxima_nova_rgregular;
        color: #FFF;
        height: 100%;
        font-size: 100%
    }

    body {
        overflow-x: hidden
    }

    a {
        text-decoration: none
    }

    .list-auto,
    .list-auto li,
    .list-full,
    .list-full li {
        width: 100%;
        float: left;
        display: block;
        position: relative
    }

    .list-auto,
    .list-auto li {
        width: auto
    }

    .clear {
        clear: both
    }

    .container {
        width: 50%;
        height: 100%;
        margin: 0;
        padding: 0
    }

    .close-lightbox {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 2em;
        padding: 2%;
        line-height: .5em;
        background-color: #F7F7F7
    }

    .close-lightbox:hover {
        cursor: pointer;
        background-color: #ECECEC
    }

    .lightbox {
        position: fixed;
        width: 95%;
        height: 97.5%;
        margin: 2.5%;
        background-color: #FFF;
        top: 0;
        left: 0;
        display: none;
        z-index: 99999;
        -moz-box-shadow: 0 0 75px rgba(0, 0, 0, .2);
        box-shadow: 0 0 75px rgba(0, 0, 0, .2)
    }

    .lightbox h3,
    .lightbox h4,
    .lightbox p,
    .lightbox span {
        margin-bottom: 2vh
    }

    #vanite article.prod .lightbox h3 {
        color: #73488d;
        padding: 0
    }

    .lightbox h4 {
        margin-bottom: 0
    }

    .lightbox p {
        color: #6d6e71!important;
        line-height: 1.4em!important;
        margin-top: 2vh!important;
        position: initial!important
    }

    .logo {
        width: 100vw;
        float: left;
        text-align: left;
        height: 100%;
        padding: 5px 3%;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .logo img {
        height: 100%
    }

    .icons {
        position: fixed;
        top: 20px;
        right: 2%;
        z-index: 9
    }

    .icons img {
        width: 30px
    }

    #menu {
        height: 60px;
        position: fixed;
        z-index: 99;
        width: 100vw;
        background: #FFF;
        border-bottom: 4px solid #eb2362
    }

    .mobile-menu-opener {
        position: absolute;
        top: 15px;
        left: 50%;
        margin-left: -15px;
        width: 30px;
        z-index: 99
    }

    .mobile-menu-opener:hover {
        cursor: pointer
    }

    .mobile-menu-opener img {
        width: 100%;
        height: auto
    }

    .mobile-menu-closer {
        font-size: 1.5em
    }

    nav.menu {
        position: fixed;
        z-index: 99;
        width: 100vw;
        height: 100vh;
        top: -100vh;
        overflow: hidden;
        left: 0;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease
    }

    .clearfix {
        height: 100%;
        display: table;
        width: 100vw;
        overflow: hidden
    }

    nav.menu.show {
        top: 0;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        transition: all 300ms ease
    }

    nav.menu li.m-i {
        background: #FFF;
        text-align: center;
        float: left;
        width: 100vw;
        text-transform: uppercase;
        list-style: none
    }

    nav.menu li.m-i ul {
        list-style: none
    }

    nav.menu li.m-i ul a {
        background-color: #F7F7F7
    }

    nav.menu li.m-i a,
    nav.menu li.m-i div {
        padding: 5% 0;
        float: left;
        width: 100%;
        color: #6d6e71
    }

    nav.menu li.m-i div:hover {
        cursor: initial
    }

    nav.menu li.m-i a:active,
    nav.menu li.m-i a:hover {
        background-color: #6d6e71;
        color: #FFF;
        cursor: pointer
    }

    #home {
        padding: -moz-calc(60px + 55%) 5% 55%;
        padding: calc(60px + 55%) 5% 55%;
        background-color: #302b2a;
        color: #FFFFF;
        background-image: url(../images/img3.jpg);
        background-position: 90% bottom;
        -moz-background-size: 345%;
        background-size: 345%;
        background-repeat: no-repeat
    }

    #home h2 {
        text-align: center;
        text-transform: uppercase;
        font-size: 1.5em
    }

    #home span {
        font-style: italic;
        color: #eb2362
    }

    #o-grupo {
        padding: -moz-calc(60px + 5%) 5% 5%;
        padding: calc(60px + 5%) 5% 5%;
        background-color: #eb2362;
        position: relative
    }

    #o-grupo:before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        opacity: .6;
        background-image: url(../images/img2.png);
        background-repeat: no-repeat;
        background-position: right;
        -moz-background-size: auto 100%;
        background-size: auto 100%
    }

    #o-grupo h2 {
        font-style: italic;
        font-weight: 100;
        font-size: 1.3em;
        position: inherit
    }

    #o-grupo p {
        padding: 3% 0;
        line-height: 1.4em;
        position: inherit
    }

    #sixtree {
        background-color: #FFF
    }

    #sixtree .img {
        display: none
    }

    #sixtree article.info {
        background-color: #1b977e;
        color: #FFF;
        padding: -moz-calc(60px + 5%) 5% 10%;
        padding: calc(60px + 5%) 5% 10%
    }

    #sixtree article.info p {
        padding: 3% 0;
        line-height: 1.4em
    }

    #sixtree article.info b {
        font-style: italic
    }

    #sixtree article.prod {
        color: #1b977e;
        text-align: center;
        width: 100%;
        padding-top: 5%;
        margin-bottom: 5%
    }

    #sixtree article.prod h2 {
        text-transform: uppercase;
        padding: 0 4%;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    #sixtree article.prod span {
        width: 90%;
        background-color: #ffde00;
        display: block;
        font-family: edo_szregular;
        font-weight: 700;
        padding: 1vh 0;
        margin: 1vh auto .5vh;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    #sixtree article.prod .img_prod,
    #sixtree article.prod .img_prod img {
        width: 100%
    }

    #sixtree article.prod .btn {
        color: #eb2362;
        border: 1px solid #eb2362;
        width: 90%;
        padding: 2% 0;
        margin: 0 auto;
        text-transform: uppercase;
        font-weight: 700
    }

    #sixtree article.prod .btn:hover {
        cursor: pointer;
        background-color: #eb2362;
        color: #FFF
    }

    #vanite {
        padding: 10% 5% 5%;
        background-color: #73488d;
        position: relative
    }

    #vanite:before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        opacity: .6;
        background-image: url(../images/bg-vanite-mobile.png);
        background-repeat: no-repeat;
        background-position: right;
        -moz-background-size: auto 100%;
        background-size: auto 100%
    }

    #vanite .img {
        padding: 10vh 0 2%;
        position: relative;
        width: 100%;
        text-align: center;
        float: left
    }

    #vanite h2 {
        font-family: 'les Sensations de Cerise';
        color: #FFF;
        position: relative;
        font-weight: 400;
        font-size: 15em;
        text-align: center;
        line-height: .4em;
        text-shadow: 1px 4px 22px rgba(0, 0, 0, .5)
    }

    #vanite p {
        padding: 3% 0;
        line-height: 1.4em;
        position: relative
    }

    #vanite #all-prod {
        width: 100%
    }

    #vanite article.prod {
        color: #1b977e;
        text-align: center;
        width: 100%;
        padding-top: 5%;
        padding-bottom: 5%;
        position: relative;
        background-color: #73488d
    }

    #vanite article.prod h3 {
        text-transform: uppercase;
        padding: 0 4% .5vh;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #FFF
    }

    #vanite article.prod span {
        width: 90%;
        background-color: #ffde00;
        display: block;
        font-family: edo_szregular;
        font-weight: 700;
        padding: 2% 0;
        margin: 2.5% auto 5%;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    #vanite article.prod .img_prod {
        width: 100%;
        position: relative;
        height: 0;
        padding-bottom: 24vh
    }

    #vanite article.prod .img_prod div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    #vanite article.prod .img_prod img {
        width: auto;
        height: 100%
    }

    #vanite article.prod .btn {
        color: #FFF;
        border: 1px solid #FFF;
        width: 90%;
        padding: 2% 0;
        margin: 0 auto;
        text-transform: uppercase;
        font-weight: 700
    }

    #vanite article.prod .btn:hover {
        cursor: pointer;
        background-color: #eb2362;
        color: #FFF
    }

    #instituto {
        padding: -moz-calc(60px + 5%) 5% 5%;
        padding: calc(60px + 5%) 5% 5%;
        background-color: #fdfefd;
        color: #6d6e71
    }

    #instituto h2 {
        text-transform: uppercase;
        font-style: italic
    }

    #instituto p {
        padding: 3% 0;
        line-height: 1.4em
    }

    #trade {
        padding: 10% 5% 5%;
        background-color: #FFF;
        position: relative
    }

    #trade h2 {
        text-transform: uppercase;
        font-style: italic;
        color: #6d6e71
    }

    #trade p {
        padding: 3% 0;
        line-height: 1.4em;
        color: #6d6e71
    }

    #trade #all-trade {
        width: 100%
    }

    #trade article.prod {
        text-align: center;
        width: 100%;
        padding-top: 3vh
    }

    #trade article.prod h3 {
        text-transform: uppercase;
        padding: 1vh 4%;
        color: #6d6e71
    }

    #trade article.prod span {
        width: 90%;
        background-color: #ffde00;
        display: block;
        font-family: edo_szregular;
        font-weight: 700;
        padding: 2% 0;
        margin: 2.5% auto 5%;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    #trade article.prod .img_prod {
        width: 100%;
        position: relative;
        height: 0;
        padding-bottom: 19vh
    }

    #trade article.prod .img_prod div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    #trade article.prod .img_prod img {
        width: auto;
        height: 100%
    }

    #trade article.prod .btn {
        color: #eb2362;
        border: 1px solid #eb2362;
        width: 90%;
        padding: 2% 0;
        margin: 0 auto;
        text-transform: uppercase;
        font-weight: 700
    }

    #trade article.prod .btn:hover {
        background-color: #eb2362;
        color: #FFF;
        cursor: default
    }

    #contato {
        color: #FFF;
        width: 100%;
        background-color: rgba(235, 27, 92, .95);
        position: relative;
        padding-bottom: 5%;
        padding-top: 60px
    }

    #contato .gm {
        position: relative;
        padding-bottom: 75%;
        height: 0;
        overflow: hidden
    }

    #contato .gm #googlemaps {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%!important;
        height: 100%!important
    }

    #contato #info {
        width: 100%;
        height: auto;
        float: left;
        padding: 2%;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    ;position: absolute;
        right: 2%;
        bottom: 2%;
        background-color: rgb(234, 36, 98);
    }

    #contato #info a {
        color: #FFF
    }

    #contato #info address {
        font-style: normal
    }

    #contato #info ul {
        padding: 0;
        list-style: none;
        float: left;
        width: 100%;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    #contato #info li {
        float: left;
        width: 100%
    }

    #contato .img {
        text-align: center;
        width: 100%;
        float: left
    }

    #contato .img img {
        width: 80%;
        margin: 0 auto
    }

    #contato #formulario {
        width: 100%
    }

    #contato #formulario form h3 {
        font-family: proxima_novalight;
        width: 64%;
        float: left;
        padding-left: 32%;
        padding-bottom: 2%
    }

    #contato #formulario form .itens {
        font-family: proxima_nova_rgbold;
        text-transform: uppercase;
        margin-bottom: 2vh;
        width: 100%;
        float: left
    }

    #contato #formulario form .itens span {
        float: left;
        width: 30%;
        text-align: right;
        padding-right: 3%;
        padding-top: 10px
    }

    #contato #formulario form .itens input {
        padding: 10px 2%;
        border: 0;
        width: 60%;
        float: left
    }

    #contato #formulario form .itens .radio {
        display: block;
        float: right;
        width: 65%
    }

    #contato #formulario form .itens input.radiobox {
        width: auto;
        margin-top: 15px
    }

    #contato #formulario form .itens input.radiobox+span {
        width: auto;
        float: left;
        font-family: proxima_nova_rgregular;
        font-size: .75em;
        margin-right: .5em;
        margin-top: 15px;
        padding-top: 0
    }

    #contato #formulario form .itens textarea {
        border: 0;
        width: 60%;
        resize: none;
        padding: 2%;
        height: 20vh
    }

    #contato #all-btn {
        float: left;
        width: 67%;
        padding-left: 30%
    }

    #contato #formulario form div input#btn {
        border: 2px solid #FFF!important;
        padding: 10px 20px!important;
        width: 95%!important;
        float: right!important;
        background-color: rgba(235, 27, 92, .95);
        font-family: proxima_novalight;
        color: #FFF
    }

    #contato #formulario form div input#btn:hover {
        background-color: #FFF;
        color: rgba(235, 27, 92, 1);
        cursor: pointer
    }
    .slides-container li{
        background-size: cover;
        height: calc(100% - 158px) !important;
        background-position: center center;
    }
    .slide1{
        background-image: url('../images/img3.jpg');
    }
    .slide2{
        background-image: url('../images/bg-banner-sixtree.jpg');
    }
    .slide2 .logo{
        background-image: url('../images/logo-banner-sixtree.png');
        height: 10%;
        background-size: auto 100%;
        width: 30%;
        position: absolute;
        background-repeat: no-repeat;
        right: 2%;
        top: 2%;
        background-position: right;
    }
    .slide2 .txt{
        background-image: url('../images/txt-banner-sixtree.png');
        height: 40%;
        background-size: auto 100%;
        width: 60%;
        position: absolute;
        background-repeat: no-repeat;
        right: 10%;
        top: 5%;
        background-position: right;
        opacity: 0.7;
    }
    .slide2 .img{
        background-image: url('../images/img-banner-sixtree.png');
        height: 45%;
        background-size: auto 100%;
        width: 60%;
        position: absolute;
        background-repeat: no-repeat;
        right: 10%;
        bottom: 0;
        background-position: right;
    }
    .slide3{
        background-image: url('../images/bg-banner-vanite.jpg');
    }
    .slide3 h2{
        font-family: 'les Sensations de Cerise';
        color: #FFF;
        text-transform: lowercase !important;
        left: 5%;
        font-weight: 400;
        font-size: 31em !important;
        text-align: center !important;
        line-height: .4em;
        text-shadow: 1px 4px 22px rgba(0, 0, 0, .5);
        width: 470px !important;
        line-height: 150px;
        bottom: 5%;
        height: auto !important;
        position: absolute;
    }
    @media (min-width: 768px) {
        #contato .gm {
            width: 40%;
            float: right;}
        #contato #info {
            width: 60%
        }
        #contato #formulario h3 {
            margin-top: 3%
        }
        #contato #formulario form .itens span {
            width: 20%
        }
        #contato #formulario form .itens input,
        #contato #formulario form .itens textarea {
            width: 70%
        }
        #contato #all-btn {
            width: 78%;
            padding-left: 19%
        }
        #contato #formulario form .itens .radio {
            width: 38.5%
        }
    }

    @media (min-width: 992px) {
        .logo {
            width: auto;
            float: left;
            text-align: left;
            height: 80%;
            padding: 5px 3%
        }
        .icons {
            position: initial;
            float: right;
            padding-top: 55px;
            margin-right: 1%
        }
        #menu {
            height: 100px
        }
        .mobile-menu-closer,
        .mobile-menu-opener {
            display: none!important
        }
        nav.menu {
            position: initial;
            width: auto;
            height: 100%;
            float: right;
            padding-right: 1%;
            overflow: initial
        }
        .clearfix {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: initial;
            width: 100%
        }
        nav.menu li.m-i {
            float: left;
            width: initial;
            position: relative
        }
        nav.menu li.m-i a,
        nav.menu li.m-i div {
            float: inherit;
            width: initial;
            height: 100%;
            padding: 60px 15px 40px;
            text-align: center;
            line-height: 0;
            display: block
        }
        nav.menu li.m-i a:active,
        nav.menu li.m-i a:hover {
            background-color: #6d6e71;
            color: #FFF;
            cursor: pointer
        }
        nav.menu li.m-i div:hover {
            cursor: default
        }
        nav.menu li.m-i ul {
            display: none;
            position: absolute;
            top: 100px;
            left: 0;
            list-style: none;
            background-color: #FFF
        }
        nav.menu li.m-i:hover ul {
            display: block
        }
        #menu nav.menu li.m-i ul a {
            padding: 20px 59.5px 21px
        }
        #home {
            padding: -moz-calc(100px + 25%) 5% 50%;
            padding: calc(100px + 25%) 5% 50%;
            background-color: #302b2a;
            background-image: url(../images/img3.jpg);
            background-position: right bottom;
            background-repeat: no-repeat;
            -moz-background-size: auto 100%;
            background-size: auto 100%
        }
        #o-grupo:before {
            background-repeat: no-repeat;
            opacity: 1
        }
        #instituto,
        #o-grupo {
            padding: -moz-calc(100px + 5%) 5% 5%;
            padding: calc(100px + 5%) 5% 5%
        }
        #trade article.prod {
            width: 25%;
            float: left
        }
        #trade article.prod .btn {
            width: 110px
        }
        #contato {
            padding-top: 100px
        }
        #contato #formulario form .itens .radio {
            width: 180px;}
    }

    @media (max-height: 700px) and (min-width: 1025px) {
        div#menu {
            height: 100px
        }
        nav.menu li.m-i ul {
          top: 100px !important;
        }
        div.icons {
            padding-top: 55px
        }
        h1.logo {
            height: 90%
        }
        #menu nav.menu li.m-i a,
        #menu nav.menu li.m-i div {
            padding: 60px 15px 40px;}
        div#container {
            height: -moz-calc(100% - 100px);
            height: calc(100% - 100px);
            padding-top: 100px
        }
        .slides-container li {
          height: calc(100% - 100px) !important;
        }
        #container #contato #info,
        #container section#instituto,
        #container section#o-grupo {
            padding: 1%;
            font-size: 14px;
    }
        section#sixtree article.info {
            padding: 1% 1.5%;
            min-width: 300px
        }
        section#sixtree article.info p {
            font-size: 14px;
    }
        section#sixtree article.prod h2{
        font-size: 18px;

        padding: 10px 0 0 !important;
        height: 40px;
    }
        section#sixtree article.prod span {
            font-size: .8em
        }
        #vanite h2.en{
            font-size: 22em;    
        }
        #vanite article#all-vanite{
            font-size: 14px;

            width: 300px;
        }
        #vanite article.prod h3{
            font-size: 14px;

            padding: 1% 4% .5vh;
        }
        #trade article.prod h3{
            font-size: 14px;

        }
        #trade article.prod .btn{
            width: 100px;

            padding: 1% 0;
        }
        #contato #formulario form h3{
        font-size: 15px;

        }
        #contato #formulario form .itens span{
        font-size: 14px;

        }
        #contato #formulario form .itens input{
            padding: 5px 1%;

        }
        #contato #formulario form .itens .radio{
        width: 35%;

        }
    }

    @media (min-height: 768px) and (min-width: 1000px) and (max-width: 1024px) {
        #vanite:before {
            -moz-background-size: 100%;
            background-size: 100%
        }
        #vanite #all-prod {
            width: 110%;
            margin-left: -5%
        }
        #vanite article.prod {
            width: 50%;
            padding-top: 10%;
            float: left
        }
    }
    @media (min-width: 1026px) and (max-width: 1330px) {
        #sixtree article.prod h2 {
            padding: 0;
        }
    }
    @media (min-width: 1025px) {
        .lightbox {
            position: absolute;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 3% 4%;
            top: 50%;
            left: 50%;
            height: auto;
            z-index: 999;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            width: 70%
        }
        .lightbox h3,
        .lightbox h4,
        .lightbox p,
        .lightbox span {
            text-align: left!important;
            width: 100%!important;
            float: left!important
        }
        .lightbox span {
            width: auto!important;
            float: left;
            padding: 1vh 3%!important;
            margin: -5px 0 2vh!important
        }
        #menu {
            height: 154px
        }
        .logo {
            height: 71%;
            padding: 1% 5% 0
        }
        .icons {
            padding-top: 80px
        }
        nav.menu {
            padding-right: 3%;
            overflow: initial
        }
        nav.menu li.m-i a,
        nav.menu li.m-i div {
            padding: 95px 25px 59px;}
        nav.menu li.m-i ul {
            top: 154px
        }
        #container {
            position: relative;
            padding-top: 158px;
            height: -moz-calc(100% - 158px);
            height: calc(100% - 158px)
        }
        #container section {
            width: 100vw;
            float: left;
            padding: 0;
            height: 100%;
            -moz-background-size: auto 100%;
            background-size: auto 100%;
            background-position: right top;
            background-repeat: no-repeat;
            overflow: hidden;
            position: relative
        }
        section#home {
            background-image: url(../images/bg-home.png);
            background-repeat: repeat
        }
        #home .slide1 > div {
             width: 100%;
             height: 100%;
        }
        #home .slide1 > div:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle
        }
        #home h2 {
            width: auto;
            height: auto;
            display: inline-block;
            vertical-align: middle;
            text-align: left;
            padding-left: 5%
        }
        section#o-grupo {
            padding: 15vh 0 0;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }
        #o-grupo h2,
        #o-grupo p {
            width: 370px;
            padding: 2vh 0 0 5%
        }
        #sixtree .img {
            width: 25.5%;
            float: left;
            height: 100%;
            display: block;
            background-image: url(../images/bg-marcas.png);
            -moz-background-size: cover;
            background-size: cover
        }
        #sixtree article.info {
            width: 20%;
            position: absolute;
            float: left;
            padding: 2% 3% 3%;
            min-width: 290px;
            left: 25.5%
        }
        #sixtree>article.prod:nth-child(3) {
            margin-left: 25.5%
        }
        #sixtree article.prod {
            float: left;
            width: 24.5%;
            padding: 4vh 1% 0;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin-bottom: 0
        }
        #sixtree>article.prod:nth-child(5) h2 {
            padding-top: 0
        }
        #sixtree article.prod h2 {
            height: 50px;
            padding: 28px 0 0
        }
        #sixtree article.prod .img_prod {
            padding-bottom: 17vh;
            height: 0;
            position: relative
        }
        #sixtree article.prod .img_prod div {
            width: 100%;
            position: absolute;
            height: 100%
        }
        #sixtree article.prod .img_prod img {
            width: auto;
            height: 80%
        }
        #sixtree article.prod .btn {
            width: 120px
        }
        #vanite {
            padding: 10% 5% 5%;
            background-color: #73488d;
            position: relative
        }
        #vanite:before {
            background-image: url(../images/bg-vanite.png);
            opacity: 1;
            -moz-background-size: cover;
            background-size: cover;
            width: 75%;
            background-position: center center;}
        #vanite .img {
            padding: 10vh 0 2vh
        }
        #vanite #all-vanite {
            float: left;
            height: 100%;
            width: 330px;
            position: inherit
        }
        #vanite h2 {
            font-size: 26em;
            line-height: .29em;
            float: left;
            width: 340px;
            padding: 3% 4% 0;
            -ms-transform: rotate(-10deg);
            -webkit-transform: rotate(-10deg);
            -moz-transform: rotate(-10deg);
            transform: rotate(-10deg);
            height: 100%
        }
        #vanite p {
            padding: 2vh 0 0vh;
            line-height: 1.5em;
            position: inherit;
            float: left
        }
        #vanite #all-prod {
            width: 25%;
            height: 100%;
            float: right;
            z-index: 99999
        }
        #vanite article.prod {
            float: left;
            position: initial
        }
        #vanite article.prod .btn {
            width: 150px
        }
        section#instituto {
            padding: 20vh 0 0;
            -moz-background-size: cover;
            background-size: cover;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            background-image: url(../images/bg-instituto.png)
        }
        #instituto h2,
        #instituto p {
            width: 370px;
            padding: 3vh 20% 0 100%;
            float: right
        }
        #trade h2,
        #trade p {
            width: 370px;
            float: left;
            padding: 3vh 100% 0 5%
        }
        #contato .gm {
            height: 100%;
            width: 50%;
            padding: 0
        }
        #contato #info {
            width: 365px;
        }
        #contato #info ul {
            padding: 0 0 5%;
        }
        #contato .img {
            width: 95%;
            padding-bottom: 4vh;
        }
        #contato #formulario {
            width: 50%;
            float: right;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding-top: 8vh
        }
        #contato #formulario form h3 {
            padding-left: 23%;
            width: 70%
        }
        #contato #formulario form .itens .radio {
            font-size: .88em
        }
        #contato #all-btn {
            width: auto;
            padding-left: 0;
            float: right;
            padding-right: 3%
        }
    }