:root{
    --light:#ffffff;
    --gray:#c1c3ce;
    --bg-dark:#1E1F22;
    --dark:#2f2d38;
}
/* GENERALES */
html, body{
    background-color:var(--bg-dark);
}
body{
    font-size: 16px;
}
p{
    font-size: 1em;
}
h2{
    font-size:2.0625em;
    line-height: 1.2;
}
h3{
    font-size: 1.5625em;
    line-height: 1.2;
}
h4{
    font-size:1.1875em;
    line-height: 1.2;
}
.title-line{
    width: 50px;
    height: 2px;
    background-color: var(--light);
    margin:15px 0 25px 0;
}
.alert .close {
    background:transparent;
    border-style: unset;
    padding: 0px 4px;
    font-size: 23px;
}
.isDisabled{
    pointer-events: none;
}
.text-justify{
    text-align: justify;
    text-justify: inter-word;
}
button.btn.btn-outline:focus,.btn:not(.close):not(.mfp-close).btn-outline:focus{
    background-color:transparent;
}
/* HEADER */
#header.dark .header-inner #logo a > img{
    display: block;
    max-width:150px
}
#header #logo{
    text-align: left;
}
.dark:not(.submenu-light) #mainMenu.menu-lines nav > ul > li.current > a,.dark:not(.submenu-light) #mainMenu.menu-lines nav > ul > li:hover > a{
    color: var(--light);
}
.dark:not(.submenu-light) #mainMenu.menu-lines nav > ul > li.current > a:after,.dark:not(.submenu-light) #mainMenu.menu-lines nav > ul > li:hover > a:after{
    background-color: var(--gray);
}
ul#minimal-menu li.dropdown a.arrow:after{
    font-family: inspiro-icons;
    content: "\e92e";
    margin-left:5px;
}
/* FOOTER */
#footer, #footer a i {
    color:var(--light);
}
#footer .copyright-text{
    line-height: 22px;
    margin-bottom: 20px;
}
#footer a i{
    font-size: 25px;
}
#footer a:hover i{
    color:var(--gray) 
}
#footer .copyright-content{
    padding: 20px;
}
#footer a.btn.btn-icon-holder.btn-outline:before, .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-outline:before{
    border-color:var(--light);
}
#footer.inverted{
    background-color: #1E1E1E;
}
#footer .footer-menu ul{
    list-style: none;
    margin-bottom: 0px;
}
#footer .footer-menu ul li{
    margin-left: 0px;
}
#footer .footer-menu ul li a{
    position: relative;
    display: block;
    padding: 10px 12px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600!important;
    letter-spacing: 0.6px;
    border-radius: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    line-height: normal;
    color:var(--light)!important;
}
#footer .footer-menu ul li a:after {
    content: '';
    position: absolute;
    top: auto;
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#footer .footer-menu ul li:hover a:after{
    width: 100%;
    left: 0%;
    background-color: var(--gray);
}
#footer .footer-menu ul li{
    display: inline-block;
    width: 49%;
    text-align: center;
}
/* HOME */
.fullscreen.background-dark a{
    color:var(--light)
}
.fullscreen.background-dark a:hover{
    color:var(--gray)
}
section.fullscreen.background-dark{
    padding:0px;
}
#home.fullscreen{
    -webkit-box-align: start !important;
    -ms-flex-align: flex-start !important;
    -webkit-align-items: flex-start!important;
    align-items: flex-start!important;
}
.fullscreen.home-main-content{
    min-height: auto;
}
.fullscreen.home-main-content .container{
    margin-top:60px;
    margin-bottom:60px;
}
a:not(.btn):not(.badge):focus,a:not(.btn):not(.badge):active{
    color: var(--light);
}
#second-menu a{
    display: block;
    padding: 15px 0;
}
#second-menu a:hover{
background-color: var(--light);
color:var(--dark);
}
#second-menu a.imp-exp:hover{
    font-size: .7875em;
}
#second-menu a.marketing:before{
    content: 'Marketing';
}
#second-menu a.marketing:hover:before{
    content: 'Mercadeo';
}
#second-menu a.events:before{
    content: 'Events';
}
#second-menu a.events:hover:before{
    content: 'Eventos';
}
#second-menu a.imp-exp:before{
    content: 'Import/Export';
}
#second-menu a.imp-exp:hover:before{
    content: 'Importación/Exportación';
}
#second-menu a.sales:before{
    content: 'Sales';
}
#second-menu a.sales:hover:before{
    content: 'Ventas';
}
#second-menu a.account:before{
    content: 'Accounting';
}
#second-menu a.account:hover:before{
    content: 'Contabilidad';
}
@media (min-width:576px){
    .fullscreen.home-main-content{
        min-height: 100vh;
    }
}
@media (min-width:768px) {
    .fullscreen.home-main-content .container{
        margin-top:40px;
        margin-bottom:40px;
    }
}
/* ABOUT */
.row-space{
    padding:40px 0px;
}
/* ACCOUNTING */
section#accounting-form{
    padding-top:20px
}
#accounting-form h2{
    font-size: 1.5625em;
}
#accounting-form h3{
    font-size: 1.75em;
}
.accounting-container{
    background-color: var(--dark);
    border-radius: 10px;
}
#accounting-form label,#accounting-form select,#accounting-form input, #accounting-form textarea, #main-contact label,#main-contact input,#main-contact textarea, #events-form label,#events-form input,#events-form textarea {
    color: var(--light);
}
#accounting-form .form-select{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
#accounting-form input, #accounting-form textarea, #accounting-form select,#main-contact input,#main-contact textarea, #events-form input,#events-form textarea {
    background-color: #1b1924;
    border-color: #706e79;
}
#accounting-form button.btn.btn-outline, .btn:not(.close):not(.mfp-close).btn-outline, #main-contact button.btn.btn-outline, .btn:not(.close):not(.mfp-close).btn-outline,#events-form button.btn.btn-outline, .btn:not(.close):not(.mfp-close).btn-outline{
    border-color: var(--light);
    color: var(--light);
}
#accounting-form button.btn.btn-outline:hover,#accounting-form .btn:not(.close):not(.mfp-close).btn-outline:hover,#main-contact button.btn.btn-outline:hover,#main-contact .btn:not(.close):not(.mfp-close).btn-outline:hover,#events-form button.btn.btn-outline:hover,#events-form .btn:not(.close):not(.mfp-close).btn-outline:hover{
    border-color: var(--light);
    background-color: var(--light);
    color: var(--dark);
}
h2.text-orange{
    color:#e46d42;
}
section#accounting-text{
    background-color: var(--light)!important;
}
a.wa-btn:not(.btn){
    max-width: 85%;
    margin: auto;
    color: var(--light);
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 20px;
    background-color: var(--bg-dark);
    border: 2px solid var(--bg-dark);
    border-radius: 0.42em;
    transition: ease-in 0.4s;
}
a:hover.wa-btn:not(.btn){
    color: var(--light);
    background-color: #25D366;
    border-color: #25D366;
}
a.wa-btn:after{
    font-family: 'font awesome 5 brands';
    content: "\f232";
    margin-left: 5px;
}
div.btn-txt{
    display: flex;
    align-items: center;
}
.wa-container{
    margin-top:30px
}
#accounting-slider h3,#accounting-slider p{
    color: #ffffff;
}
#service-1 .text-hide,#service-2 .text-hide,#service-3 .text-hide,#service-4 .text-hide{
    display: none;
    transition: ease-in-out;
}
#service-1:hover .text-hide,#service-2:hover .text-hide,#service-3:hover .text-hide,#service-4:hover .text-hide{
    display: block;
}

/* CONTACT */
.container.one-page{
    min-height: 100vh;
}
section#main-contact, section#our-brands{
    padding:40px 0 40px 0;
}
#main-contact h3{
    margin-bottom: 0;
}
#main-contact a,.contact-data i{
    color:var(--light)
}
#main-contact a:hover{
    color:var(--gray)
}
#main-contact h3{
    margin-bottom: .4em;
}
#main-contact h4{
    font-size: 1em;
}
.contact-data i{
    font-size: 20px;
}
/* OUR BRANDS */
#our-brands .grid li{
    padding: 10px;
}
#our-brands .grid li:before {
    border-left: 1px solid rgba(255,255,255, .15);
}
#our-brands .grid li:after{
    border-bottom: 1px solid rgba(255,255,255, .15);
}
#our-brands .grid li:hover{
    background-color: rgba(255,255,255, .15);
}
/* SALES */
#sales .partner-logo a{
    display: block;
}
#sales .partner-logo a img{
    padding:30px;
}
.partner-logo{
    border-bottom: 1px solid rgba(255,255,255, .15);
}
.partner-logo:hover{
    background-color: rgba(255,255,255, .15); 
}
/* MARKETING */
section#marketing{
    padding: 0;
}
.fb_iframe_widget{
    display: flex!important;
    justify-content: center;
}
/* FADE IN OUT ANIMATION */
#fader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    pointer-events: none;
    background:#1E1F22;
    animation-duration: 3000ms;
    animation-timing-function: ease-in-out;
}
@keyframes fade-out {
    from { opacity: 1 }
      to { opacity: 0 }
}

@keyframes fade-in {
    from { opacity: 0 }
      to { opacity: 1 }
}

#fader.fade-out {
    opacity: 0;
    animation-name: fade-out;
}

#fader.fade-in {
    opacity: 1;
    animation-name: fade-in;
}
/* SLIDER */
.tp-caption.Team-Name, .Team-Name,.tp-caption.Team-Description, .Team-Description{
    font-family: "Poppins", sans-serif;
}
/* RESPONSIVE MQ */

@media(min-width:425px){
    #footer .footer-menu ul li{
        display: inline-block;
        width: 25%;
        text-align: center;
        margin:0 12%;
    }
    a.wa-btn:not(.btn){
        max-width: 75%;
        margin:auto;
    }
}
@media (min-width:576px){
    .logo-poster{
        width:500px
    }
    #footer .footer-menu ul li{
        margin:0 0 0 4px;
        width: auto;
    }
    #footer .footer-menu ul li a{
        padding: 10px 12px;
    }
}
@media (min-width:768px){
    #header.dark .header-inner #logo a > img{
        max-width: 200px;
    }
    #footer .copyright-text{
        margin-bottom: 0px;
    }
    #footer a i{
        line-height: 50px;
    }
    section#main-contact, section#our-brands{
        padding:80px 0 0 0;
    }
    .contact-data i{
        margin-right: 10px;
    }
    #our-brands .grid li{
        padding: 25px;
    }
    #accounting-form .widget-contact-form{
        padding: 0 50px;
    }
    section#accounting-text{
        padding: 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    div.btn-txt{
        justify-content: center;
    }
}
@media (min-width:992px){
    #header.dark .header-inner #logo a > img{
        max-width: 240px;
    }
    #mainMenu nav > ul > li > a{
        font-size: 14px;
    }
    #second-menu a{
        font-size: 1em;
    }
    #mainMenu:not(.menu-overlay) nav > ul#minimal-menu > li > a{
        font-size: 21px;
    }
    .contact-data i{
        font-size: 25px;
        margin-right: 15px;
    }
    #main-contact h4{
        font-size: 1.1875em;
    }
    #our-brands .grid li{
        padding: 40px;
    }
    a.wa-btn:not(.btn){
        max-width: 100%;
        margin:0;
    }
    div.btn-txt{
        justify-content: start;
    }
}
@media (min-width:1200px){
    #header.dark .header-inner #logo a > img{
        max-width: 260px;
    }
    .logo-poster{
        width:600px
    }
    #second-menu a{
        font-size: 1.125em;
    }
}
@media (min-width:1400px){
    #header.dark .header-inner #logo a > img{
        max-width: 280px;
    }
    #mainMenu nav > ul > li > a{
        font-size: 16px;
    }
    .logo-poster{
        width:650px
    }
    #second-menu a{
        font-size: 1.3125em;
    }
}