/* ****************************************************** 
              Made By MaterializeCSS.com                
 ****************************************************** */

.icon-block {
    padding: 0 15px;
}

.icon-block .material-icons {
    font-size: inherit;
}


/* ******************************************************
                        RESET                            
****************************************************** */

body {
    overflow-x: hidden !important;
}

*,
html,
body {
    font-family: 'futura';
}


/* ******************************************************
                        MENU                            
****************************************************** */

nav .brand-logo {
    left: 2%;
    transition: all .7s;
    width: 200px;
}

nav .brand-logo img {
    max-width: 100%;
}

nav .bg-indigo {
    background-image: url(../images/bg-indigo.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

nav ul li a {
    color: #FEFEFE;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 10px;
}

nav ul svg {
    color: #FEFEFE;
}

nav .sidenav-trigger {
    color: #1a237e;
}

.flex-row-center-center2 {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
}

.flex-col-center-center2 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}

@media (max-width: 1280px) {
    nav.mmh120 div.flex-row-center-center .flex-row-center-center {
        flex-direction: column !important;
    }
    nav .item2 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    nav .item1 li {
        margin-top: -15px !important;
        height: 40px !important;
    }
    nav .item3 li {
        /* margin-bottom: 0px !important;
        height: 40px !important; */
    }
}

@media (min-width: 1140px) {
    nav ul li.linkContato {
        display: none !important;
    }
    nav ul li.linkSobre {
        display: none !important;
    }
}

@media (max-width: 1140px) {
    nav .linkFaleconosco {
        display: none;
    }
    nav .linkQuemsomos {
        display: none;
    }
}

@media(max-width: 990px) {
    nav .brand-logo {
        top: 40px !important;
        width: auto;
    }
    nav .nav-wrapper,
    nav .bg-indigo {
        background-color: #1a237e !important;
        background-image: none;
    }
    nav.mmh120,
    nav .mmh120 {
        min-height: 200px !important;
    }
}


/* ******************************************************
                        HEADER                            
****************************************************** */

.headerSobre {
    background-image: url(../images/sobreHeader.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.headerBlog {
    background-image: url(../images/sobreHeader.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.headerContato {
    background-image: url(../images/contatoHeader.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.btn-style {
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
}

.btn-header {
    background-image: url(../images/btn_header.png);
}

@media(max-width: 600px) {
    .headerIndex {
        background-position: center left !important;
    }
    .mobileClear-mp {
        padding-top: 5px !important;
        margin-top: 5px !important;
    }
    .containerHeaderIndex {
        max-height: 450px !important;
    }
}


/* ******************************************************
                        CATEGORIAS INDEX                            
****************************************************** */

.categorias .title hr {
    border: 2px solid #283593;
    left: 0px;
}

.amber-text.text-darken-3 {
    border-radius: 50%;
    /* padding-top: 5px !important; */
    max-height: 50px !important;
    padding-right: 20px !important;
    max-width: 50px !important;
    font-size: 50px !important;
    margin: 0 15px;
}


/* ******************************************************
                        PRODUTOS INDEX                            
****************************************************** */

@media(max-width: 990px) {
    .containerProdutosIndex {
        max-height: none !important;
    }
}


/* ******************************************************
                        FORMULÁRIO INDEX                            
****************************************************** */

.title {
    position: relative;
}

.title hr {
    position: absolute;
    top: 21px;
    left: -50px;
    width: 50px;
    border: 2px solid #ff8f00;
    transition: all .7s;
}

input:not([type]):focus:not([readonly]),
input[type="text"]:not(.browser-default):focus:not([readonly]),
input[type="password"]:not(.browser-default):focus:not([readonly]),
input[type="email"]:not(.browser-default):focus:not([readonly]),
input[type="url"]:not(.browser-default):focus:not([readonly]),
input[type="time"]:not(.browser-default):focus:not([readonly]),
input[type="date"]:not(.browser-default):focus:not([readonly]),
input[type="datetime"]:not(.browser-default):focus:not([readonly]),
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
input[type="tel"]:not(.browser-default):focus:not([readonly]),
input[type="number"]:not(.browser-default):focus:not([readonly]),
input[type="search"]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #ff8f00 !important;
    box-shadow: 0 1px 0 0 #ff8f00 !important;
}

input:not([type]):focus:not([readonly])+label,
input[type="text"]:not(.browser-default):focus:not([readonly])+label,
input[type="password"]:not(.browser-default):focus:not([readonly])+label,
input[type="email"]:not(.browser-default):focus:not([readonly])+label,
input[type="url"]:not(.browser-default):focus:not([readonly])+label,
input[type="time"]:not(.browser-default):focus:not([readonly])+label,
input[type="date"]:not(.browser-default):focus:not([readonly])+label,
input[type="datetime"]:not(.browser-default):focus:not([readonly])+label,
input[type="datetime-local"]:not(.browser-default):focus:not([readonly])+label,
input[type="tel"]:not(.browser-default):focus:not([readonly])+label,
input[type="number"]:not(.browser-default):focus:not([readonly])+label,
input[type="search"]:not(.browser-default):focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
    color: #ff8f00 !important;
}

@media(max-width: 990px) {
    .formulario .title hr {
        left: -30px;
        width: 30px;
    }
}


/* ******************************************************
                        SOBRE INDEX                             
****************************************************** */

.indicatorSobre-left {
    position: relative;
    left: 5vw;
    top: 30px;
}

.indicatorSobre-right {
    position: relative;
    left: -80vw;
    top: 30px;
}

.sobre .title hr {
    position: absolute;
    top: 75px;
    left: -30px;
    width: 50px;
    border: none;
    border-bottom: 2px solid #ff8f00;
    transition: all .2s;
}

.sobrePage {
    background-image: url(../images/sobre.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

@media(max-width: 990px) {
    .indicatorSobre-right {
        left: -70vw;
    }
}

@media(max-width: 600px) {
    .sobre {
        max-height: none !important;
        min-height: 400px !important;
    }
    .sobre .mobileClear {
        padding: 5px !important;
    }
    .sobre .mobileClear .container {
        padding: 5px !important;
    }
    .sobre .mobileClear .container .title {
        padding: 5px !important;
    }
    .indicatorSobre-left {
        top: 160px;
    }
    .indicatorSobre-right {
        left: -65vw;
        top: 160px;
    }
}


/* ******************************************************
                        NOVIDADES INDEX                             
****************************************************** */

.btn-news {
    background-image: url(../images/btn_news.png);
}


/* ******************************************************
                        TITLE                            
****************************************************** */

.title h2 {
    font-weight: 900;
    font-size: 1.8em;
    color: #848688;
    font-family: 'FuturaHeavy';
}

.title h4 {
    font-weight: 900;
    font-size: 3em;
    font-family: 'FuturaHeavy';
}

@media(max-width: 480px) {
    .title h4 {
        font-size: 2em !important;
    }
}


/* ******************************************************
                        CATEGORIAS                            
****************************************************** */

.categorias .item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
}

.categorias .item .sobrepor {
    background-image: url(../images/ambiente-sobrepor.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.9;
    transition: all 1s;
    position: relative;
    top: 0;
    justify-content: center;
    height: 400px;
}

.categorias .item:nth-last-of-type(1):hover {
    cursor: pointer;
}

.categorias .item:nth-last-of-type(1):hover .sobrepor:nth-last-of-type(1) {
    transition: all 1.2s;
    top: 355px;
    justify-content: start !important;
    height: 60px;
}

.categorias .item h4 {
    font-weight: 900;
    font-size: 1.5em;
    color: #fefefe;
}


/* ******************************************************
                        PRODUTOS                            
****************************************************** */

.produtos .material-icons.seta {
    position: relative;
    top: 7px;
}

.border-btnProducts {
    border: none;
    border-bottom: 2px solid #aaa;
    cursor: pointer;
}

.border-btnProducts h4 {
    position: relative;
    top: -15px;
    transition: all .3s;
    color: #999 !important;
}

.border-btnProducts.active {
    border: 2px solid #aaa;
    border-bottom: none;
}

.border-btnProducts.active h4 {
    top: 15px;
}

.border-contentProducts {
    border: 2px solid #aaa;
    border-top: none;
}

.produtos .identificacao .seta {
    position: relative;
    top: 7px;
}

.produtos h2 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.produtos .input-field {
    background-color: white !important;
}

.produtos input {
    background-color: white !important;
}

.produtos .galeria-produtos .img-produto-small {
    cursor: pointer;
    border: 2px solid #ffb300;
}

.produtos .galeria-produtos .img-large {
    display: none;
}

.produtos .galeria-produtos .ativo {
    display: inline-block !important;
}

.produtos .galeria-produtos .img-large-container {
    border: 2px solid #ffb300;
}

.produtos .itemRelational {
    border: 5px solid #283593;
}

.btn-cart {
    background-image: url(../images/btn_productsCart.png);
}

.btn-install {
    background-image: url(../images/btn_productsInstall.png);
}

.btn-download {
    background-image: url(../images/btn_productsDownload.png);
}

.btn-plus {
    background-image: url(../images/btn_productsPlus.png);
}

@media(max-width: 990px) {
    .produtos .containerGeral {
        max-height: 1250px !important;
        min-height: 1250ox !important;
    }
    .produtos .containerGeral .containerGaleria {
        max-height: 670px !important;
        min-height: 670px !important;
    }
    .produtos .galeria-produtos {
        display: block !important;
    }
    .produtos .galeria-produtos .galeria-icons {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
        overflow-x: auto !important;
        overflow-y: auto !important;
        overflow: auto !important;
        max-height: 140px !important;
        min-height: 140px !important;
        min-width: 100% !important;
    }
    .produtos .galeria-produtos .img-large-container {
        margin-bottom: 20px !important;
        max-height: 450px !important;
        min-height: 450px !important;
        border: 2px solid #ffb300;
    }
    .produtos .galeria-produtos .img-large {
        max-width: 600px !important;
    }
    .produtos .galeria-produtos .img-produto-small {
        min-width: 120px !important;
        max-width: 120px !important;
        padding: 5px !important;
        display: inline-block !important;
    }
    .produtos .containerForm {
        display: block !important;
        max-height: 430px !important;
        min-height: 430px !important;
    }
    .produtos .containerForm .bg-containerForm {
        display: block !important;
        max-height: 400px !important;
        min-height: 400px !important;
    }
    .titleProduct {
        max-height: 500px !important;
    }
}

@media(max-width: 600px) {
    .produtos .galeria-produtos .img-large {
        max-width: 100% !important;
        min-width: 100% !important;
    }
    .produtos .galeria-produtos .img-large-container {
        min-height: auto !important;
        height: auto !important;
        max-height: auto !important;
    }
    .produtos #btn-descriptionText,
    .produtos #btn-featuresText {
        font-size: 1.3em !important;
    }
}


/* ******************************************************
                        BLOG                            
****************************************************** */

.blog .borderImgblog {
    border: 5px solid #283593;
}


/* ******************************************************
                        Menu Cliente                            
****************************************************** */

.menu-cliente {
    background-color: #283593;
    color: white;
}

.menu-cliente a {
    color: white;
    font-weight: bold;
}

.menu-cliente li {
    border-right: 1px solid white;
}

.menu-cliente li:last-child {
    border: none;
}


/* ******************************************************
                        Pedido                            
****************************************************** */

.pedido h1 {
    font-size: 2em;
    color: #283593;
    font-weight: bold;
    margin-bottom: 0;
}

.pedido h4 {
    font-size: 1.5em;
    color: #283593;
    font-weight: bold;
    margin: 0;
    border-bottom: 1px solid #283593;
    padding: 10px 0;
}

.pedido .status {
    background-color: #283593 !important;
    color: white;
    padding: 5px 10px;
}

.pedido .item {
    padding-left: 60px;
}

.pedido .container hr {
    width: 120px;
    height: 4px;
    border: none;
    background-color: #283593;
}

.pedido hr {
    width: 100%;
    height: 2px;
    border: none;
    background-color: #283593;
}

.pedido p {
    font-size: 1.25em;
    font-weight: normal !important;
    margin: 0;
    padding: .3em .5em;
}

.pedido p strong {
    font-weight: bold;
}

.pedido p:nth-of-type(odd) {
    background-color: #ccc;
}

.pedido .card-panel {
    background-color: #283593;
    text-align: center;
    padding: 10px;
}

.pedido .card-panel span {
    color: #fff !important;
    font-size: .9em;
    text-align: center;
}

.pedido .meus-cursos {
    margin-bottom: 4em;
}

.pedido .page .btn {
    background-color: #fff;
    color: #283593;
    box-shadow: none;
    font-weight: bold;
}

.pedido .next,
.pedido .prev {
    background-color: #283593 !important;
    color: #fff !important;
    line-height: 3.5em;
    padding: 0;
}


/* ******************************************************
                        Perfil                            
****************************************************** */

.perfil {
    padding: 5% 0;
    padding-top: 0;
}

.perfil h1 {
    font-size: 2em;
    color: #283593;
    font-weight: bold;
    margin-bottom: 0;
}

.perfil hr {
    width: 120px;
    height: 4px;
    border: none;
    background-color: #283593;
}

.perfil .centralizado {
    margin: 0 auto;
}

.perfil input {
    box-shadow: none !important;
    border: 1px solid #9e9e9e !important;
    border-radius: 5px !important;
    padding-left: 10px !important;
    width: calc(100% - 20px) !important;
    color: #333;
}

.perfil input::placeholder {
    color: #9e9e9e;
    padding-left: 10px !important;
}

.perfil .btn {
    background-color: #283593;
    width: 250px !important;
    color: white;
    font-weight: bold;
    font-family: 'futura' !important;
    border-radius: 60px !important;
    border: none !important;
}

select {
    display: block !important;
    border: 1px solid #9e9e9e !important;
    border-radius: 5px !important;
}


/* ******************************************************
                        FOOTER                            
****************************************************** */

footer .footer {
    padding: 5px !important;
}

@media(max-width: 990px) {
    footer .imgCards {
        max-width: 350px !important;
    }
    footer .footer .contatoFooter {
        margin-left: 25% !important;
    }
}


/* ******************************************************
                        SVG                            
****************************************************** */

.fa-instagram,
.fa-facebook,
.fa-youtube {
    max-width: 25px;
}


/* ******************************************************
                        FONTS                            
****************************************************** */

@font-face {
    font-family: 'futura';
    src: url(../fonts/futura.ttf);
}

@font-face {
    font-family: 'futuraBold';
    src: url(../fonts/FuturaBold.ttf);
}

@font-face {
    font-family: 'futuraBolder';
    src: url(../fonts/FuturaBolder.ttf);
}

@font-face {
    font-family: 'FuturaHeavy';
    src: url(../fonts/FuturaHeavy.ttf);
}


/*--------- Carrinho ---------*/

.bg-carrinho {
    padding: 5%;
    padding-top: 0;
}

.bg-carrinho .col {
    position: relative;
}

.bg-carrinho .input-field input {
    border: 1px solid #ccc !important;
    height: 2em !important;
    width: 50px !important;
    text-align: center;
    padding-left: 10px !important;
}

.bg-carrinho .input-group input {
    width: 150px;
    border: 1px solid #ccc !important;
    height: 2em !important;
    padding-left: 10px !important;
    margin: 0 !important;
}

.bg-carrinho .input-group .btn {
    height: 3.3em !important;
    font-size: .7em;
    background-color: #000 !important;
}

.bg-carrinho #result .btn {
    background-color: white;
    color: #000;
    border: 1px solid #999;
    border-radius: 10px;
    margin-right: 10px;
}

.bg-carrinho #result .active {
    background-color: #ccc;
}

.bg-carrinho #finalizar {
    margin: 0 !important;
    background-color: #283593;
    font-weight: bold;
    border-radius: 20px;
    margin-bottom: 40px !important;
}

.bg-carrinho h3.right {
    color: #283593;
    margin-top: 0;
    font-size: 1.70em;
    font-weight: bold;
}

.bg-carrinho p.right {
    font-size: 1em !important;
    font-weight: bold !important;
    color: #999;
}

.bg-carrinho .input-group {
    display: flex;
    align-items: center;
}

.bg-carrinho .input-field .btn {
    width: 50px;
    font-weight: bold;
    height: 1.5em !important;
    margin-top: -16px;
    background-color: #283593 !important;
    box-shadow: none;
}

.bg-produtos-carrinho img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.bg-carrinho h1 {
    font-size: 2em;
    font-weight: bold;
}

.bg-carrinho .produto {
    font-size: 1.25em;
}

.bg-carrinho .btn.red {
    position: absolute;
    right: 1%;
}

.bg-carrinho h4 {
    font-size: 1.25em;
    background-color: #283593;
    padding: 10px;
    color: white;
}

.bg-carrinho .input-field {
    padding-top: 15%;
}

.bg-carrinho .input-field .btn {
    position: relative;
    top: 4px;
    font-size: 1.5em;
}

.bg-carrinho .input-field input {
    padding: 0px;
    width: 100px;
    margin-left: -5px;
    margin-right: -5px;
    display: inline-block;
}

.bg-carrinho .subtotal {
    font-size: 2rem;
}

.bg-carrinho hr {
    background-color: #283593;
    border: 2px solid #283593;
}


/*--------- Paginas de Ajuda ---------*/

.frete,
.politicas {
    padding: 5%;
    padding-top: 0;
}

.frete h1,
.politicas h3 {
    font-weight: bold;
    font-family: 'futura' !important;
    color: #283593;
    text-align: center;
    font-size: 2em;
}

.frete table {
    font-family: 'futura' !important;
}

.politicas p {
    font-size: 1em;
    font-family: 'futura';
}

.senha h3 {
    font-weight: bold;
    font-family: 'futura' !important;
    color: #283593;
    text-align: center;
    font-size: 2em;
}

.senha .form {
    max-width: 500px;
    display: flex;
    align-items: center;
    margin: 0 auto !important;
}

.senha input {
    border: 1px solid #bdbdbd !important;
    color: #666;
    margin: 0 !important;
    height: 3em !important;
    box-shadow: none !important;
    border-radius: 30px 0 0 30px !important;
    padding-left: 1em !important;
    width: calc(100% - 1em) !important;
}

.senha .btn {
    height: 3.5em;
    box-shadow: none;
    border-radius: 0 30px 30px 0;
    padding: 0 2em;
    background-color: #283593;
    font-weight: bold;
    font-family: 'futura';
}

.senha .box {
    background-color: red;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    height: 30px;
    text-align: center;
    font-size: 20px !important;
    color: white;
    font-family: 'futura';
}

.senha .success {
    background-color: green;
}

.mensagem .box {
    background-color: red;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    height: 30px;
    text-align: center;
    font-size: 20px !important;
    color: white;
    font-family: 'futura';
}

.mensagem .success {
    background-color: green;
}

.recuperar form {
    max-width: 500px;
    margin: 0 auto;
}

.recuperar input {
    border-radius: 10px !important;
    margin-bottom: 20px !important;
}

.recuperar .btn {
    width: 100% !important;
    color: white;
    border-radius: 10px !important;
    height: 3.5em !important;
}


/*Produtos*/

.linha {
    padding: 10px;
    margin-bottom: 20px !important;
}

.linha .right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 1.25em;
}

.page_detalhes .breadcrumb::before {
    top: 0px;
    margin: 0;
}

.linha a {
    font-size: .9em;
}

.galeria {
    margin-top: 40px;
}

.galeria .m3 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.galeria .m3 img {
    width: 70px;
    height: 70px !important;
    padding: 10px;
}

.galeria .m9 img {
    width: 100%;
    height: 300px !important;
    min-height: inherit !important;
    max-height: inherit !important;
}

.galeria .location {
    border: 1px solid #666;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.title_prod {
    font-size: 1.5em !important;
    font-weight: bold;
    font-family: 'futura';
    color: #283593;
}

.size {
    width: 60px;
    height: 60px;
    margin: 1em 0;
}

.size span {
    font-size: .9em !important;
    font-weight: bold;
}

.alert {
    color: #283593;
    font-weight: bold;
    margin-top: 0;
}

.value_before span {
    font-size: .9em !important;
    font-style: italic;
}

.value_after span {
    font-size: 3em !important;
    font-weight: bold;
    color: #283593 !important;
}

@media(min-width: 601px) {
    .galeria .m3 {
        display: block;
    }
}


/* FONTES */

@font-face {
    font-family: "futura";
    src: url(../fonts/futura.ttf);
}

@font-face {
    font-family: "caviar";
    src: url(../fonts/caviar_dreams.ttf);
}

@font-face {
    font-family: "kalam";
    src: url(../fonts/kalam_regular.ttf);
}

@font-face {
    font-family: "photograph";
    src: url(../fonts/photograph_signature.ttf);
}

.futura,
* {
    font-family: "futura";
}

.caviar {
    font-family: "caviar";
}

.kalam {
    font-family: "kalam";
}

.photograph {
    font-family: "photograph";
}