/* Reset */
body, html, form, img, div, p, h1, h2, h3, h4, h5, h6, a { margin: 0; padding: 0; border: 0; }
    a, a:hover { text-decoration: none; }

/* General */
html, body { width: 100%; height: 100%; font-size: 16px; }
body { font-family: Helvetica, Arial; background: #8a8c7e url('../img/bg_full.jpg'); background-attachment: fixed; }
.container { background: #8a8c7e url('../img/bg_container.png') top center; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
a { color: #666; }
.cmd { text-decoration: underline; }

/*Top*/
.top { padding-top: 1.4rem; background: #8a8c7e url('../img/banner_01_bg.jpg') top center no-repeat; background-size: cover; transition: all .5s; position: relative; z-index: 1; }
    .top .menu-logo { text-align: center; }
        .top .menu-logo .logo { margin-bottom: 1rem; }
        .top .menu-logo .menu-bar { margin-bottom: -3rem; }
    .top .trans-banner { margin-top: 7rem; margin-bottom: 7rem; }
    .top .top-btn-slide { text-align: center; transition: all .5s; position: absolute; width: 100%; bottom: 25px; }
        .top .top-btn-slide a { padding-left: 0.6rem; }
    .top .trans-banner { margin-top: 7rem; margin-bottom: 7rem; }
    .top .header-btns { margin-top: 1rem; margin-bottom: 2rem; text-align: center; }
        .top .header-btns .on { color: #bd8c29 !important; }
        .top .header-btns .pt { color: #fff; }
        .top .header-btns .en { color: #fff; padding-right: 1rem; }
        .top .header-btns img { padding-right: 0.3rem; }
        .top .header-btns .btn-cart div { position: relative; width: 2.18rem; height: 2.18rem; line-height: 2.18rem; border: 1px solid #fff; border-radius: 50%; color: #fff; }
            .top .header-btns .btn-cart div span.badge { position: absolute; top: -6px; right: -6px; background-color: #000; }
        .top .header-btns .btn-account div { width: 2.18rem; height: 2.18rem; line-height: 2.18rem; background-color: #000; border-radius: 50%; color: #fff; }
        .top .header-btns .btn-login { z-index: 9999; }
            /*Dropdown Menu*/
            .top .header-btns .btn-login .dropdown .dropdown-menu { width: 300px; border-radius: 0 !important; margin-top: 27px !important; }
                .top .header-btns .btn-login .dropdown .dropdown-menu:before { content: ""; position: absolute; right: 0; top: -32px; width: 0; height: 0; border-style: solid; border-width: 7px 0 27px 47px; border-color: transparent transparent #fff transparent; z-index: 9998; }
                .top .header-btns .btn-login .dropdown .dropdown-menu .btn { border: 1px solid #bd8c29; color: #666; border-radius: 2rem; margin: 1.3rem; height: 2.2rem; width: 70%; background-color: #fff; font-weight: bold; display: inline-block; line-height: 1.8rem; padding: 0.2rem; }
                    .top .header-btns .btn-login .dropdown .dropdown-menu .btn:hover { color: #bd8c29; }
                .top .header-btns .btn-login .dropdown .dropdown-menu .divider-vertical { height: auto; width: 1px; overflow: hidden; background-color: #e5e5e5; margin-left: 0.6rem; margin-right: 0.6rem; margin-top: -0.6rem; }

/*Products*/
.products { background: #605C59 url('../img/bg_dark.jpg'); text-align: center; }
.title { color: #bd8c29; font-family: 'Averia Sans Libre', cursive; font-size: 1.4rem; margin-top: 4rem; }
.subtitle { color: #fff; font-family: 'Averia Sans Libre', cursive; font-size: 1.8rem; margin-bottom: 2.4rem; }
.bg-white { height: 22rem; background-color: #fff; padding-top: 1rem; box-shadow: 1px 1px 8px black; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
    .bg-white:hover { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }
.products-box { margin-bottom: 2rem; padding-left: 1.6rem; padding-right: 1.6rem; }
    .products-box .box-title { font-size: 1.3rem; margin-top: 1rem; line-height: 25px; }
    .products-box .box-text { font-size: 0.95rem; font-weight: bold; padding-bottom: 1rem; padding-top: 5px; }
.btn { border: 2px solid #bd8c29; border-radius: 5rem; font-weight: bold; color: #fff; padding-left: 3rem; padding-right: 3rem; padding-bottom: 0.4rem; margin-top: 1rem; margin-bottom: 3rem; }
    .btn:hover { color: #bd8c29; }
    .btn:after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #bd8c29; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
    .btn.buy { border: 2px solid #e9e0ce; background-color: #bd8c29; color: #fff !important; }
        .btn.buy:hover { color: #e9e0ce !important; }

/*About*/
.about { background: #fefefe url('../img/bg_white.jpg'); min-height: 630px; }
    .about .bg { background: url('../img/bg_about.png') no-repeat bottom right; min-height: 630px; padding-top: 8rem; }
    .about .text { margin-bottom: 2rem; font-weight: bold; }
    .about .msg { color: #605D59; line-height: 6rem; font-size: 5rem; letter-spacing: -0.4rem; font-family: 'Averia Sans Libre'; text-align: center; margin-top: 3rem; margin-bottom: 2rem; }

/*Depoimentos*/
.depoimentos { background: #fefefe url('../img/bg_white.jpg'); }
    .depoimentos .item { padding: 2rem; }

/*Bottom*/
.bottom { background: #605C59 url('../img/bg_dark.jpg'); color: #333; padding: 1rem; }
    .bottom .bottom-box { margin-top: 5rem; padding-right: 2rem; padding-bottom: 1rem; }
        .bottom .bottom-box img { margin-bottom: 0.5rem; }
    .bottom .date { color: #c02d19; font-size: 0.8rem; margin-top: 0.8rem; }
    .bottom .title1 { font-size: 1.1rem; color: #fff; margin-top: 0.4rem; margin-bottom: 0.8rem; padding-bottom: 0.8rem; }
    .bottom .title2 { font-size: 1.1rem; color: #fff; margin-top: 0.4rem; margin-bottom: 1.6rem; padding-bottom: 0.8rem; border-bottom: 2px solid #bd8c29; }
    .bottom .text { font-size: 0.95rem; color: #bfbfbf; text-align: justify; padding-right: 1rem; }
        .bottom .text.adress { font-size: 0.9rem; }
        .bottom .text.social { margin-bottom: 0.8rem; }
    .bottom .title1.btn { border: 2px solid #bd8c29; border-radius: 5rem; padding-bottom: 0.4rem; }
    .bottom .source { font-size: 0.8rem; color: #666; margin-top: 1rem; margin-bottom: 1rem; }
.footer { background-color: #252220; padding-top: 1.8rem; padding-bottom: 1rem; min-height: 65px; }
    .footer .text { font-size: 0.6rem; color: #939190; text-align: left; padding-bottom: 0.6rem; padding-left: 2rem; line-height: 1.2rem; }
    .footer .dev { text-align: right; padding-right: 3rem; padding-bottom: 0.6rem; line-height: 1.2rem; }

/*INTERNS*/
.nav-submenu { font-weight: bold; margin-top: 4.8rem; text-align: left; margin-bottom: -8rem; }
    .nav-submenu li { list-style-type: square; color: #bd8c29; }
        .nav-submenu li::before { color: #bd8c29; }
    .nav-submenu a { font-size: 0.9rem; color: #666; text-decoration: none; }
        .nav-submenu a:hover, .nav-submenu a.on { color: #bd8c29; }

/*About*/
.intern-about { margin-bottom: 6rem; }

/*Details*/
.top.intern { background: #8a8c7e url('../img/banner_interna_01.jpg') top center no-repeat; background-size: cover; }
    .top.intern .central { margin-top: -4rem; }
        .top.intern .central .trans-banner { background: url('../img/bg_banner_interna.jpg'); }
            .top.intern .central .trans-banner .trans-title { color: #bd8c29; font-size: 4rem; font-family: 'Averia Sans Libre'; padding-left: 4rem; padding-top: 3rem; position: absolute; }
            .top.intern .central .trans-banner .trans-subtitle { color: #fff; font-size: 3rem; font-family: 'Averia Sans Libre'; padding-left: 9rem; margin-top: 8rem; position: absolute; line-height: 2.5rem; }
.product-details { background: #fff url('../img/bg_white.jpg') top center; min-height: 33rem; }
.product-pic { margin-top: 4rem; margin-bottom: 4rem; text-align: center; }
.product-btn-slide { margin-top: 3rem; }
    .product-btn-slide a { padding-left: 0.6rem; }
.details { color: #bd8c29; border-bottom: 4px solid #bd8c29; padding-bottom: 0.5rem; font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem; }
.details-box { padding-right: 4rem; }
    .details-box .title { font-size: 1.5rem; margin-bottom: 0; }
    .details-box .subtitle { font-size: 3rem; color: #333; margin-bottom: 0; line-height: 3rem; }
    .details-box .box-text { font-size: 1rem; color: #333; font-weight: bold; margin-bottom: 1rem; }
    .details-box .btn { color: #333; margin-bottom: 1.6rem; margin-top: 0; }
        .details-box .btn:hover { color: #bd8c29; }
.details-title { color: #333; font-size: 0.9rem; font-weight: bold; margin-bottom: 0.4rem; }
.details-text { color: #333; font-size: 0.9rem; margin-bottom: 1rem; }
.intern.products, .contact { background: #fff url('../img/bg_white.jpg') top center; }
    .intern.products .products-box { margin-bottom: 4rem; }
.intern .subtitle { color: #666; }

/*Products*/
.top.intern.detail { background: #8a8c7e url('../img/banner_interna_02.jpg') top center no-repeat; background-size: cover; }
.intern.products .btn { color: #666; }
    .intern.products .btn:hover { color: #bd8c29; }
.intern.products.row .title { margin-top: 0.2rem; }
    .intern.products.row .title.first { margin-top: 2rem; }
.intern.products .card-white { background-color: #fff; box-shadow: 1px 1px 8px black; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
    .intern.products .card-white:hover { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }


/*Contacts*/
.contact .btn { color: #666; }
    .contact .btn:hover { color: #bd8c29; }
.contact-info { margin-top: 5rem; text-align: left; }
    .contact-info .title { color: #bd8c29; font-size: 1rem; margin-top: 1rem; }
    .contact-info .text, .text1 { color: #666; font-size: 0.9rem; }
    .contact-info .text { border-bottom: 1px solid rgba(102, 102, 102, 0.4); padding-bottom: 1rem; }
    .contact-info .btn { margin-top: 2rem; padding-left: 1.8rem; padding-right: 1.8rem; }
.contact-form .title { margin-top: 3.2rem; }
.contact-form .text { font-size: 1.1rem; color: #666; }
.contact-form .form-group { font-size: 0.9rem; color: #666; margin-top: 1rem; }
    .contact-form .form-group input, .form-control { background-color: rgba(223, 225, 229, 0.3); }

/*Media Queries*/
@media (max-width: 992px) {
    /*Home*/
    .top .menu-logo .menu-bar { display: none; }
    .top .trans-banner img { display: block; max-width: 100%; height: auto; }
    .top .header-btns { margin-top: 2.5rem; margin-bottom: 3.5rem; }
    .about .bg { height: 100%; }
    .about .msg { margin-bottom: 6rem; margin-top: 4rem; font-size: 4.8rem; }
    .bottom .bottom-box:last-child { margin-top: 1rem; }
    /*Interns*/
    .intern.products .nav-submenu { margin-bottom: -2rem; }
    .top.intern .central { bottom: 2rem; }
    .top.intern .header-btns { float: right; margin-top: 1rem; }
}

@media (max-width: 768px) {
    .bottom .bottom-box { margin-top: 0; padding-right: 0; }
    .footer .text { padding-top: 0.8rem; text-align: center; }
    .footer .dev { padding-top: 0.8rem; padding-right: 1rem; text-align: center; }
    /*Interns*/
    .top.intern .central .trans-banner .trans-title { font-size: 3.5rem; }
    .top.intern .central .trans-banner .trans-subtitle { font-size: 2.5rem; }

    /*Dropdown Menu*/
    .top .header-btns .btn-login .dropdown .dropdown-menu { right: -70px; }
        .top .header-btns .btn-login .dropdown .dropdown-menu:before { right: 47px; border-width: 7px 27px 27px 27px; }
}

@media (max-width: 480px) {
    .top { background-position: left top; }
        .top .menu-logo { margin-bottom: 5rem; }
        .top .trans-banner { margin-top: 3rem; margin-bottom: 3rem; }
        .top .top-btn-slide { display: none; }
    .bottom .btn { padding: 0.4rem; }
    /*Products*/
    .bg-white { height: 24rem; }
    /*Interns*/
    .top.intern .central .trans-banner { padding-top: 20px; }
        .top.intern .central .trans-banner img { width: 150px; }
        .top.intern .central .trans-banner .trans-title { font-size: 3rem; }
        .top.intern .central .trans-banner .trans-subtitle { font-size: 2rem; margin-top: 6.5rem; }
    html { font-size: 14px; }
}

/* Tipos de arquivos */
.arquivo { padding-right: 10px; width: 69px; height: 20px; vertical-align: middle; }
.arquivo-doc { background: url(../img/sprite_arquivos.png) no-repeat 0px 0px; }
.arquivo-pdf { background: url(../img/sprite_arquivos.png) no-repeat 0px -20px; }
.arquivo-ppt { background: url(../img/sprite_arquivos.png) no-repeat 0px -40px; }
.arquivo-img { background: url(../img/sprite_arquivos.png) no-repeat 0px -60px; }
.arquivo-xls { background: url(../img/sprite_arquivos.png) no-repeat 0px -80px; }
.arquivo-zip { background: url(../img/sprite_arquivos.png) no-repeat 0px -100px; }
.arquivo-mp3 { background: url(../img/sprite_arquivos.png) no-repeat 0px -120px; }
.arquivo-avi { background: url(../img/sprite_arquivos.png) no-repeat 0px -140px; }
.arquivo-xxx { background: url(../img/sprite_arquivos.png) no-repeat 0px -160px; }