﻿/* MEGAMENU STYLE
-------------------------------------------------- */
.Menu .megamenu .nav,
.Menu .megamenu .collapse,
.Menu .megamenu .dropup,
.Menu .megamenu .dropdown {
    position: static;
}

.Menu .megamenu a:focus {
    border: 0px solid #fff;
    color: #d2232a !important;
}

.Menu .megamenu .container {
    position: relative;
}

/*texto seção*/
.Menu .megamenu .dropdown-menu {
    left: auto;
    color: #d2232a;
    background-color: gainsboro;
}

.menu-amplo {
    left: 0 !important;
    width: 100%;
}

.menu-medio {
    left: 0 !important;
    width: 70%;
}

.Menu .megamenu .megamenu-content {
    padding: 15px;
}


.Menu .megamenu .megamenu-content h3 {
    margin-top: 0;
    color: #428bca;
    font-size: 18px;
}

/*itens menu*/
.Menu .megamenu .dropdown-menu p {
    font-size: 12px;
    color: #53575a;
}

.Menu .icon-dropdown {
    max-height: 5px;
}

/* Espaço Lateral Esquerdo - IMG e textos soluções */
.Menu .logo-solucoes {
    width: 200px;
    margin-bottom: 20px;
}

.Menu .preview-solucoes {
    min-height: 250px;
    padding: 20px;
    margin:10px;
    background-color:#fff;
    border-radius:10px;
}

.Menu .logo-parceiro {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    display:block;
}

.Menu .preview-parceiro {
    min-height: 250px;
    padding: 20px;
    margin: 10px;
    background-color: #fff;
    border-radius: 10px;
}
/* FIM Espaço Lateral Esquerdo - IMG e textos soluções */

/* Espaço Lateral Esquerdo - IMG e textos soluções */
.Menu .logo-bra {
    width: 200px;
    margin-bottom: 20px;
}

.Menu .preview-bra {
    min-height: 250px;
    padding: 20px;
    margin: 10px;
    background-color: #fff;
    border-radius: 10px;
}
/* FIM Espaço Lateral Direito - IMG e textos soluções */

.btn-menu-features {
    color: #ffffff;
    font-size: 10px;
    background-color: #d2232a;
    display: inline-block;
    padding: 3px 6px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    margin-bottom: 10px;
}

.btn-menu-features:hover {
    color: #ffffff;
    background-color: #d9534f;
}

.btn-menu-mais-parceiros {
    color: #ffffff;
    font-size: 10px;
    background-color: #d2232a;
    display: inline-block;
    padding: 3px 6px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-menu-mais-parceiros:hover {
    color: #ffffff;
    background-color: #d9534f;
}

.Menu .preview-parceiro-apple,
.Menu .preview-parceiro-adobe,
.Menu .preview-parceiro-arcserve,
.Menu .preview-parceiro-autodesk,
.Menu .preview-parceiro-avepoint,
.Menu .preview-parceiro-broadcom,
.Menu .preview-parceiro-chaosgroup,
.Menu .preview-parceiro-checkpoint,
.Menu .preview-parceiro-citrix,
.Menu .preview-parceiro-cohesity,
.Menu .preview-parceiro-corel,
.Menu .preview-parceiro-forcepoint,
.Menu .preview-parceiro-fortinet,
.Menu .preview-parceiro-freshworks,
.Menu .preview-parceiro-github,
.Menu .preview-parceiro-hp,
.Menu .preview-parceiro-intel,
.Menu .preview-parceiro-kaspersky,
.Menu .preview-parceiro-knowbe4,
.Menu .preview-parceiro-microsoft,
.Menu .preview-parceiro-oracle,
.Menu .preview-parceiro-paloalto,
.Menu .preview-parceiro-redhat,
.Menu .preview-parceiro-sophos,
.Menu .preview-parceiro-snow,
.Menu .preview-parceiro-trellix,
.Menu .preview-parceiro-veritas,
.Menu .preview-parceiro-vmware,
.Menu .preview-parceiro-veeam,
.Menu .preview-parceiro-marketplace,
.Menu .preview-solucoes-github,
.Menu .preview-parceiro-jamf,
/* soluções */
.Menu .preview-solucoes-office365,
.Menu .preview-solucoes-microsoft365,
.Menu .preview-solucoes-sql,
.Menu .preview-solucoes-data-ai,
.Menu .preview-solucoes-autocad,
.Menu .preview-solucoes-creativecloud,
.Menu .preview-solucoes-cybersecurity,
.Menu .preview-solucoes-dynamics365,
.Menu .preview-solucoes-virtualizacao,
.Menu .preview-solucoes-opensource,
.Menu .preview-solucoes-adobeexperience,
.Menu .preview-solucoes-adobesign,
.Menu .preview-solucoes-documentcloud,
.Menu .preview-solucoes-windows365,
/* brasoftware */
.Menu .preview-bra-cloudvision,
.Menu .preview-bra-consulting,
.Menu .preview-bra-inovacao,
.Menu .preview-bra-marketplace,
.Menu .preview-bra-mais,
.Menu .preview-bra-sergerenciados,
.Menu .preview-bra-assessment,
.Menu .preview-bra-partner {
    display: none;
}

.Menu h9 {
    color: #d2232a;
    font-size: 14px;
    margin-left: 0px;
}

.Menu .itens-width {
    width: 400px;
}

.Menu .itens-menu h4 {
    color: #d2232a;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}

.Menu ul {
    list-style-type: none !important;
    padding-left: 0;
}

.Menu .itens-menu p {
    display: block;
    padding: 2px 10px 0 0;
    text-decoration: none;
    line-height: 15px;
}

.Menu .itens-menu p:hover {
    color: #d2232a;
}

.Menu .itens-menu a:hover {
    text-decoration: none;
}

.Menu .megamenu .dropdown-menu .itens-menu-title {
    color: #d2232a;
    font-size: 20px;
    font-weight: 100;
}

.Menu .megamenu .dropdown-menu .description-menu {
    color: #d2232a;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
}

.Menu .megamenu .dropdown-menu .divider {
    background-color: #d2232a;
}

.Menu .logo {
    margin-left: 0 !important;
    max-width: 200px;
    margin: 20px;
    padding-left: 20px;
}

.Menu .loja-virtual {
    border-left: 1px solid #61216D;
    /*padding:10px;*/
}

.Menu .loja-virtual span {
    color:#61216D;
    padding-left:15px;
    font-size:12px;
}

.Menu .loja-virtual:hover {
    color:#d2232a;
}

.Menu .loja-virtual p {
    color: #ffffff;
    font-size: 14px;
}

.Menu .a-header-menu {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
    font-size: 14px;
    font-weight:600;
}

/*link*/
.link {
    padding: 0 0 2px;
    color: #d2232a !important;
    font-size: 13px;
    text-decoration: none;
    overflow: hidden;
    font-weight: 600;
    text-align: right;
    &::before

{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: currentcolor;
    transform: translateX(-110%);
    transition: transform 1s ease;
}

&:hover::before {
    transform: translateX(110%);
}

}

.Menu .vlibras {
    margin-top: -8px !important;
}

.Menu .vlibras img {
    width: 40px !important;
}

.Menu .a-header-menu span {
    margin-right: 10px;
}

.Menu .itens-menu span {
    color: #d2232a;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left;
}

.Menu .itens-menu .itens-menu-parceiro {
    border-bottom: 1px solid #53575a;
}

.Menu .itens-menu .itens-menu-parceiro:hover {
    border-bottom: 1px solid #d2232a;
}

.Menu .navbar-right .glyphicon .glyphicon-earphone {
    font-size: 15px;
}

.Menu .divider-vertical {
    border-left: 1px solid;
}

.Menu .divider-vertical-right {
    border-right: 1px solid;
}

@media screen and (min-width: 1400px) {
    .navbar-default {
        /*padding-left:10%;
        padding-right:10%;*/
    }
}


/* Código para aplicar o menu 'Hamburguinho' em resoluções de telas entre 768px e 1200px */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

        .navbar-nav > li > a {
            padding-top: 10px;
            padding-bottom: 10px;
        }

    .collapse.in {
        display: block !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    .navbar-collapse.in {
        overflow-y: auto;
    }
}
