/*
Powered by 86code
Reset Css
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}



*{box-sizing: border-box;}

/* Colors */

:root{
    --main-nav-bg: rgba(26, 26, 26, 1);
    --main-text: #616160;
    --main-nav-hover: rgba(26, 26, 26, 1);
    --main-text-nav: #ffffff;
    --main-nav-border-bottom: #4D4D4D;
    --table-hover-td: #399600;
    --main-switch-form: #606060;
    --form-contacto-bg: #DBDBDD;
    --form-contacto-text-color: #A0A0A0;

    --partido-bg-pan: #00569C;
}

/* end Colors */


/* Common classes */
.form-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.form-switch i {
    position: relative;
    display: inline-block;
    margin-left: 1rem;
    width: 46px;
    height: 26px;
    background-color: var(--main-switch-form);
    border-radius: 23px;
    vertical-align: text-bottom;
    transition: all 0.3s linear;
}

.form-switch i::before {
    content: "";
    position: absolute;
    left: 0;
    width: 42px;
    height: 22px;
    background-color: var(--main-switch-form);
    border-radius: 11px;
    transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
    transition: all 0.25s linear;
}

.form-switch i::after {
    content: "";
    position: absolute;
    left: 0;
    width: 22px;
    height: 22px;
    background-color: #fff;
    border-radius: 11px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    transform: translate3d(2px, 2px, 0);
    transition: all 0.2s ease-in-out;
}

.form-switch:active i::after {
    width: 28px;
    transform: translate3d(2px, 2px, 0);
}

.form-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }
.form-switch input { display: none; }
.form-switch input:checked + i { background-color: #4BD763; }
.form-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }
.form-switch input:checked + i::after { transform: translate3d(22px, 2px, 0); }

.slick_ant {
    position: absolute;
    color: #6b7280;
    left: 5px;
    top: 50%;
    transform: translate(0%, -50%);
    text-decoration: none;
    z-index: 99;
}

.slick_sig {
    position: absolute;
    color: #6b7280;
    right: 5px;
    top: 50%;
    transform: translate(0%, -50%);
    text-decoration: none;
    z-index: 99;
}

.mt-1{margin-top: 10px !important;}
.mt-2{margin-top: 20px !important;}
.mt-3{margin-top: 30px !important;}
.mt-4{margin-top: 40px !important;}
.mt-5{margin-top: 50px !important;}


/* end Common classes */

html {
    height: 100%;
}

body {
    height: 100%;
    color: rgba(0, 0, 0, 1);
    background-color: #fff;
    font-family: 'DIN Pro Cond';
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
}

.content {
    position: relative;
    width: 100%;
    padding: 0;
    overflow: hidden;
    min-height: 100%;
    height: auto;
    box-sizing: border-box;
}


/* 02 Header */
.menu {
    position: fixed;
    width: 100%;
    height: 80px;
    box-sizing: border-box;
    top: 0;
    padding: 0;
    background: var(--main-nav-bg);
    color: var(--main-text-nav);
    z-index: 9999;
}

.scroll{background: rgba(0, 0, 0, 0.6) !important;}

.menu .logo {
    width: 20%;
    height: 80px;
    padding: 20px 0px 10px 40px;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
}

.menu .logo img {
   width: 100%;
    max-height: 70px;
    object-fit: contain;
}

.menu .menu_info {
    position: relative;
    min-width: 80%;
    height: 80px;
    display: block;
    float: right;
    box-sizing: border-box;

}


#cssmenu {
    position: absolute;
    width: auto;
    height: 80px;
    padding: 0px 20px 0 0;
    top: 0;
    right: 0px;
    font-size: 14px;
    color: var(--main-text-nav);
    z-index: 1000;
}

#cssmenu>ul {
    width: auto;
    list-style-type: none;
    padding: 0;
    margin: 0;
    color: var(--main-text-nav);
    box-sizing: border-box;
}

#cssmenu>ul li#responsive-tab {
    display: none;
    font-size: 24px;
    line-height: 40px;
    color: white;
}

#cssmenu>ul li#responsive-tab:hover {
    background-color: transparent;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#cssmenu>ul li {
    position: relative;
    width: auto;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0px 0px;
    text-align: center;
    box-sizing: border-box;
}

#cssmenu>ul li.sociales {
    position: relative;
    width: auto;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0px 0px;
    text-align: center;
    box-sizing: border-box;
}

#cssmenu>ul li.sociales a{
    position: relative;
    width: auto;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0px 5px;
    text-align: center;
    box-sizing: border-box;
}



#cssmenu>ul li a {
    width: auto;
    color: var(--main-text-nav);
    font-weight: bold;
    letter-spacing: 2px;
    height: 80px;
    line-height: 80px;
    padding: 0 20px;
    text-decoration: none;
    box-sizing: border-box;
    display: block;
    transition: all 0.2s ease-in-out;
}

#cssmenu>ul li a:hover {
    color: #CAA530;
    background: var(--main-nav-hover);
    transition: all 0.2s ease-in-out;

}

#cssmenu>ul li:hover {
    background: var(--main-nav-hover);
    box-sizing: border-box;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}



#cssmenu>ul.normal ul {
    background-color: rgba(232, 232, 232, 1);
    padding: 0 0px 0;
}

#cssmenu>ul li.last {
    position: relative;
    width: auto;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 20px;
    text-align: center;
    box-sizing: border-box;
}

#cssmenu>ul li.right {
    float: right;
}

#cssmenu>ul li.has-sub {
    position: relative;
    padding: 0 20px;
}

#cssmenu>ul li.has-sub:hover ul {
    display: block;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#cssmenu>ul li.has-sub ul {
    display: none;
    width: 300px;
    position: absolute;
    left: 0px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: var(--main-nav-hover);
    color: var(--main-text-nav);
}

#cssmenu>ul li.has-sub ul li {
    display: block;
    line-height: 26px;
    padding: 5px 10px !important;
    margin: 0 !important;
    color: white;
    box-sizing: border-box;
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#cssmenu>ul li.has-sub ul li a {
    height: 26px;
    text-align: left;
    color: var(--main-text-nav);
    line-height: 26px;
    padding: 0px;
    font-size: 12px;
}

#cssmenu>ul li.has-sub>a {
    padding: 0;
    margin: 0;
}

#cssmenu>ul li.has-sub>a.active,
#cssmenu>ul li.has-sub>a:hover {
    opacity: 1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}



/* 02 end Header */

/* Slider */
.sliders{width: 100%; height: auto; overflow: hidden;
   }
.sliders .itm{width: 100%; height: auto; object-fit: cover;}
.sliders .itm img{width: 100%;}
.shadow{width: 100%; padding: 5px 10px; background: none; margin: -10px 0 0; -webkit-box-shadow: 0px 5px 15px 0px #000000;
    box-shadow: 0px 5px 15px 0px #000000; overflow: hidden;}
/* end slider */

/* home-soluciones */
.home-soluciones{position: relative; width: 100%; text-align: center; padding: 100px 0;  overflow: hidden;}
.home-soluciones h1{position: relative; width: 100%; letter-spacing: 0.2rem; padding: 0 0 50px; display: block; margin: 0 auto; font-size: 3rem; color: black; font-weight: lighter; overflow: hidden; }
.home-soluciones h1 strong{font-weight: bold; }
.home-soluciones h1::before{content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 15%;
    left: 50%;
    transform: translate(-50%, 0%);
    border-bottom: 10px solid #CAA530;  }

.home-soluciones .items {width: 100%; margin: 50px 0; text-align: center;  overflow: hidden;}
.home-soluciones .items .itm{width: 20%; max-width: 350px; color: #1A1A1A; text-decoration: none; display: inline-block; margin: 20px -2px; transition: all 0.2s ease-in-out;}
.home-soluciones .items .itm:hover .title{background: #1A1A1A; color: white; transition: all 0.2s ease-in-out;}

.home-soluciones .items .itm img{width: 100%;}
.home-soluciones .items .itm .title{width: 100%; text-align: center; font-weight: bold; font-size: 1.2rem; margin: -5px 0 0; display: block; background: #CAA530; color: #1A1A1A; padding: 10px; overflow: hidden;}


.home-cta{position: relative; width: 100%; background: #1A1A1A; color: white; text-align: center; padding: 50px 40px;  overflow: hidden;}
.home-cta img.home-cta-logo{display: block; width: 30%; max-width: 300px; margin: 50px auto;}
.home-cta p{display: block; width: 70%; font-weight: 500; font-size: 1.5rem; margin: 20px auto;}
.home-cta a{display: inline-block; border:solid 2px #CAA530; border-radius: 5px; color: white; padding: 5px 10px; text-decoration: none; letter-spacing: 0.2rem;  font-size: 1.5rem; font-weight: bold; margin: 20px auto;}

.home-nosotros{position: relative; display: block; width: 100%; text-decoration: none; text-align: center; padding: 50px 0;  overflow: hidden;}
.home-nosotros h1{position: relative; width: 100%; letter-spacing: 0.2rem; padding: 0 0 50px; display: block; margin: 0 auto 50px; font-size: 3rem; color: black; font-weight: bold; overflow: hidden; }
.home-nosotros h1::before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 15%;
    left: 50%;
    transform: translate(-50%, 0%);
    border-bottom: 10px solid #CAA530;  }
.home-nosotros img{width: 100%;}

/* end home-soluciones */
/* Contacto */

.contacto{width: 100%; margin: 0 auto; padding: 100px 0 10px; text-align: center; background: #1A1A1A; overflow: hidden;}
.contacto h1{position: relative; width: 100%; margin: 0 0 100px; color: white; padding: 0 0 50px; display: block; margin: 0 auto; font-size: 3rem;  font-weight: lighter; overflow: hidden; }
.contacto h1 span{font-weight: bold;}
.contacto h1::before{content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 15%;
    left: 50%;
    transform: translate(-50%, 0%);
    border-bottom: 10px solid #CAA530;  }
.contacto form{width: 60%; margin: 50px auto;  overflow: hidden;}
.contacto form .form-control{width: calc(100% / 4); text-align: left; float: left;}
.contacto form .form-control:nth-child(2){padding: 0 20px;}
.contacto form .form-control:nth-child(3){padding: 0 20px 0 0;}
.contacto form .form-control label{width: 100%; font-size: 1.2rem; font-style: italic; display: block; color: white; font-weight: lighter;}
.contacto form .form-control input[type="text"]{width: 100%; padding: 5px 10px;background: none; color: white; border: none; border-bottom: solid #CAA530 2px;}
.contacto form .form-control textarea{width: 70%; height: 40px; color: white; float: left; background: none; resize: none; border: none; border-bottom: solid #CAA530 2px;}


.contacto form .form-spacer{width: calc(100%); padding: 20px 0px; display: block; overflow: hidden;}

.contacto form .form-separator{width: calc(100% / 3); padding: 10px 0px; text-align: center; float: left;}
.contacto form .form-separator img{width: 60%; float: left; max-width: 200px; }
.contacto form .form-separator a{ float: right; margin: 0 5px; color: #CAA530; }
.contacto form .form-separator input[type="submit"]{ display: inline-block; margin: 0; font-size: 1.1rem; font-weight: lighter; font-style: italic; border-radius: 5px; padding: 5px 10px; color: white; background: none; border: solid #CAA530 2px;}

.contacto .logo-footer{display: block; width: 200px; margin: 50px auto 10px; filter: brightness(0) invert(1);}
.contacto .legales{width: 100%; color: #666666; font-size: 1.1rem; padding: 10px 40px; overflow: hidden;}
.contacto .legales a{color: #666666; text-decoration: none;}
/* end Contacto */


/* Contacto-brochure */

.contacto_brochure{width: 100%; margin: 0 auto; padding: 100px 40px 10px; text-align: center; background: #1A1A1A; overflow: hidden;}
.contacto_brochure h1{position: relative; width: 100%; margin: 0 0 100px; color: white; padding: 0 0 50px; display: block; margin: 0 auto; font-size: 3rem;  font-weight: lighter; overflow: hidden; }
.contacto_brochure h1 span{font-weight: bold;}
.contacto_brochure h1::before{content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 15%;
    left: 50%;
    transform: translate(-50%, 0%);
    border-bottom: 10px solid #CAA530;  }
.contacto_brochure form{width: 60%; margin: 50px auto;  overflow: hidden;}
.contacto_brochure form .form-control{width: calc(100%); margin: 10px 0; text-align: left; float: left;}
.contacto_brochure form .form-control label{width: 100%; font-size: 1.2rem; font-style: italic; display: block; color: white; font-weight: lighter;}
.contacto_brochure form .form-control input[type="text"]{width: 100%; padding: 5px 10px;background: none; color: white; border: none; border-bottom: solid #CAA530 2px;}
.contacto_brochure form .form-control textarea{width: 70%; height: 40px; color: white; float: left; background: none; resize: none; border: none; border-bottom: solid #CAA530 2px;}


.contacto_brochure form .form-spacer{width: calc(100%); padding: 20px 0px; display: block; overflow: hidden;}

.contacto_brochure form .form-separator{width: calc(100% / 3); padding: 10px 0px; text-align: center; float: left;}
.contacto_brochure form .form-separator img{width: 60%; float: left; max-width: 200px; }
.contacto_brochure form .form-separator a{ float: right; margin: 0 5px; color: #CAA530; }
.contacto_brochure form .form-separator input[type="submit"]{ display: inline-block; margin: 0; font-size: 1.1rem; font-weight: lighter; font-style: italic; border-radius: 5px; padding: 5px 10px; color: white; background: none; border: solid #CAA530 2px;}


/* end Contacto-brochure */


/* Nosotros */
.header-section{position: relative; width: 100%; margin: 60px 0 0; overflow: hidden; z-index: 1;}
.header-section img{width: 100%; overflow: hidden;}
.header-section .child{position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden;}
.header-section .child h1{display: table; font-size: 3rem; letter-spacing: 0.3rem; color: white; margin: 20px auto; }
.header-section .child .social{width: 100%; overflow: hidden; }
.header-section .child .social a{width: 100%; font-size: 1.5rem; display: inline;  margin: 0 5px; color: #CAA530; overflow: hidden; }

.nosotros-info{width: 100%; text-align: center; padding: 50px 40px; overflow: hidden;}
.nosotros-info p{width: 70%; font-size: 1.2rem; font-weight: 500; display: block; line-height: 1.8rem; margin: 30px auto; overflow: hidden;}
.nosotros-info h1{position: relative; width: 100%; letter-spacing: 0.2rem; padding: 0 0 50px; display: block; margin: 50px auto 0; font-size: 2.5rem; color: black; font-weight: lighter; overflow: hidden; }
.nosotros-info h1 strong{font-weight: bold; }
.nosotros-info h1::before{content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 15%;
    left: 50%;
    transform: translate(-50%, 0%);
    border-bottom: 10px solid #CAA530;  }
/* end Nosotros */


/* Aerial Solutions */
.soluciones-options {
    position: relative;
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.soluciones-options .itm-menu {
    flex: 1 0 21%; /* explanation below */
    margin: 5px 10px;
    padding: 5px 10px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0.2rem;
    color: white;
    cursor: pointer;
    background-color: #1A1A1A;
    transition: all 0.2s ease-in-out;
}

.soluciones-options .active {
    background-color: #CAA530 !important;
    transition: all 0.2s ease-in-out;
}
.soluciones-options .itm-menu:hover {
    color: white;
    background-color: #CAA530;
    transition: all 0.2s ease-in-out;
}
.soluciones-options .itm-menu:first-child {
margin-left: 0;
}
.soluciones-options .itm-menu:last-child {
    margin-right: 0;
}

.soluciones-info{width: 80%; margin: -5px auto 50px;  overflow: hidden;}
.soluciones-info .soluciones-itm{width: 100%; padding: 50px 0 0;  padding: 50px 0 0;  background: #F2F2F2; color: #1A1A1A; display: none; overflow: hidden;}
.soluciones-info p{display: block; font-size: 1.2rem;  font-weight: 500; text-align: justify; line-height: 1.8rem; padding: 0 10%; margin: 30px 0;}
.soluciones-info ul{width: 70%; padding: 20px 0; margin: 50px auto; font-size: 1.1rem;  font-weight: 500;  overflow: hidden;}
.soluciones-info ul li{width: 100%; display: table; letter-spacing: 0.1rem; font-style: italic; text-align: center; background: #CCCCCC; padding: 5px 20px; margin: 10px 0; overflow: hidden;}
.soluciones-info img.img-soluciones{width: 100%; margin: 50px 0 0;}
/* end Aerial Solutions */


/* Soporte */

.soporte-login{width: 80%; margin: 50px auto; text-align: center; overflow: hidden;}
.soporte-login h1{position: relative; width: 100%; letter-spacing: 0.2rem; padding: 0 0 50px; display: block; margin: 50px auto 0; font-size: 2.5rem; color: black; font-weight: lighter; overflow: hidden; }
.soporte-login form{width: 50%; margin: 50px auto; overflow: hidden;}
.soporte-login form input{width: 100%; border: 0; padding: 10px 20px; background: #e6e6e6; color: #999999; margin: 20px auto 0; overflow: hidden;}
.soporte-login form input[type="submit"]{width: auto; display: table; font-style: italic; border: 0; padding: 10px 10px; background: #CAA530; color:white; margin: 20px auto; overflow: hidden;}


/* end Soporte */

.whatsapp{position: fixed; width: 50px; top: 30%; right: 20px; overflow: hidden; z-index: 100;}
.whatsapp img{width: 100%;}
@media (max-width:1180px) {
    .menu {
        width: 100%;
        height: 60px;
        box-sizing: border-box;
        z-index: 9999;
        position: fixed;
        top: 0;
        padding: 0;
    }

    .menu .logo {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9999;
        width: 50%;
        height: 60px;
        padding: 10px 20px;
    }

    .menu .logo img {
        width: 100%;
        height: 30px;
    }

    .menu .menu_info {
        position: absolute;
        right: 0;
        width: 100%;
        height: 60px;
        float: none;
        box-sizing: border-box;
        z-index: 90;
    }

    #cssmenu {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100%;
        font-size: 14px;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;
        box-sizing: border-box;
        z-index: 1000;
        padding: 20px 0;
    }

    #cssmenu>ul {
        width: 100%;
        line-height: 20px;
        margin: 40px 0 0 0;
        background: rgba(0, 0, 0, 0.8);
        padding: 0 0 0 30px;
        box-sizing: border-box;
    }

    #cssmenu>ul li#responsive-tab {
        position: absolute;
        right: 10px;
        top: 0px;
        display: block;
        margin: 10px 0;
        box-sizing: border-box;
    }

    #cssmenu>ul li#responsive-tab a {
        text-align: right;
        font-size: 20px;
        padding: 0 5% 0 0;
        box-sizing: border-box;
        color: #CAA530;
    }

    #cssmenu>ul li#responsive-tab a:hover {
        opacity: 1;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }

    #cssmenu>ul li {
        display: none;
        padding: 0px 0px 0px;
    }

    #cssmenu>ul li a {
        text-align: left;
        height: 40px;
        line-height: 40px;
        text-decoration: none;
        box-sizing: border-box;
        display: block;
    }

    #cssmenu>ul li a:hover {
        background: none !important;
    }
    #cssmenu>ul li:hover {
        background: none !important;
    }

    #cssmenu>ul.normal {
        position: absolute;
        top: 90px;
        padding: 0 20px 0;
    }

    #cssmenu>ul.normal li {
        padding: 10px 0 0px;
    }

    #cssmenu>ul li.end {
        padding: 0;
        margin: 0;
    }

    #cssmenu>ul li.right {
        float: none;
    }

    #cssmenu>ul li.has-sub {
        position: relative;
    }

    #cssmenu>ul li.has-sub ul {
        display: block;
        position: static;
        width: 100%;
        border: 0 none;
        background: none;
    }

    #cssmenu>ul li.has-sub ul li {
        display: block !important;
        border: none;
        padding: 0;
        margin: 0;
    }

    #cssmenu>ul li.has-sub ul li a {
        display: block;
        padding: 0;
        margin: 0;
        font-size: 14px;
        font-weight: normal;
        height: 20px;
        color: rgba(255, 255, 255, 1);
    }

    #cssmenu>ul li.has-sub>a {
        background-image: none;
    }


    /* Slider */
    .sliders{width: 100%; height: auto; margin: 60px 0 0; overflow: hidden;
    }
    /* end slider */

    /* home-soluciones */
    .home-soluciones{position: relative; width: 100%; text-align: center; padding: 100px 40px;  overflow: hidden;}
    .home-soluciones h1{position: relative; width: 100%; letter-spacing: 0.2rem; padding: 0 0 50px; display: block; margin: 0 auto; font-size: 2rem; color: black; font-weight: lighter; overflow: hidden; }
    .home-soluciones h1 strong{font-weight: bold; }
    .home-soluciones h1::before{content: '';
        display: block;
        position: absolute;
        bottom: 0;
        width: 50%;
        left: 50%;
        transform: translate(-50%, 0%);
        border-bottom: 10px solid #CAA530;  }

    .home-soluciones .items {width: 100%; margin: 50px 0; text-align: center;  overflow: hidden;}
    .home-soluciones .items .itm{width: 100%; max-width: 350px; color: #1A1A1A; text-decoration: none; display: inline-block; margin: 20px -2px; transition: all 0.2s ease-in-out;}
    .home-soluciones .items .itm:hover .title{background: #1A1A1A; color: white; transition: all 0.2s ease-in-out;}

    .home-soluciones .items .itm img{width: 100%;}
    .home-soluciones .items .itm .title{width: 100%; text-align: center; font-weight: bold; font-size: 1.2rem; margin: -5px 0 0; display: block; background: #CAA530; color: #1A1A1A; padding: 10px; overflow: hidden;}


    .home-cta{position: relative; width: 100%; background: #1A1A1A; color: white; text-align: center; padding: 50px 40px;  overflow: hidden;}
    .home-cta img.home-cta-logo{display: block; width: 50%; max-width: 300px; margin: 50px auto;}
    .home-cta p{display: block; width: 90%; font-size: 1.2rem; margin: 20px auto;}
    .home-cta a{display: inline-block; background: #CAA530; color: white; padding: 5px 10px; text-decoration: none; letter-spacing: 0.2rem;  font-size: 1.2rem; font-weight: bold; margin: 20px auto;}

    .home-nosotros{position: relative; display: block; width: 100%; text-decoration: none; text-align: center; padding: 50px 0;  overflow: hidden;}
    .home-nosotros h1{position: relative; width: 100%; letter-spacing: 0.2rem; padding: 0 0 50px; display: block; margin: 0 auto 50px; font-size: 2rem; color: black; font-weight: bold; overflow: hidden; }
    .home-nosotros h1::before{
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        width: 30%;
        left: 50%;
        transform: translate(-50%, 0%);
        border-bottom: 10px solid #CAA530;  }
    .home-nosotros img{width: 100%;}

    /* end home-soluciones */
    /* Contacto */

    .contacto{width: 100%; margin: 0 auto; padding: 100px 0 10px; text-align: center; background: #1A1A1A; overflow: hidden;}
    .contacto h1{position: relative; width: 100%; margin: 0 0 100px; color: white; padding: 0 0 50px; display: block; margin: 0 auto; font-size: 2rem;  font-weight: lighter; overflow: hidden; }
    .contacto h1 span{font-weight: bold;}
    .contacto h1::before{content: '';
        display: block;
        position: absolute;
        bottom: 0;
        width: 30%;
        left: 50%;
        transform: translate(-50%, 0%);
        border-bottom: 10px solid #CAA530;  }
    .contacto form{width: 80%; margin: 50px auto;  overflow: hidden;}
    .contacto form .form-control{width: calc(100%); margin: 10px 0; text-align: left; float: left;}
    .contacto form .form-control:nth-child(2){padding: 0 0px;}
    .contacto form .form-control:nth-child(3){padding: 0 0px 0 0;}
    .contacto form .form-control label{width: 100%; font-size: 1.2rem; font-style: italic; display: block; color: white; font-weight: lighter;}
    .contacto form .form-control input[type="text"]{width: 100%; padding: 5px 10px;background: none; color: white; border: none; border-bottom: solid #CAA530 2px;}
    .contacto form .form-control textarea{width: 70%; height: 40px; color: white; float: left; background: none; resize: none; border: none; border-bottom: solid #CAA530 2px;}


    .contacto form .form-spacer{width: calc(100%); padding: 20px 0px; display: block; overflow: hidden;}

    .contacto form .form-separator{width: calc(100% ); margin: 10px 0; padding: 10px 0px; text-align: center; float: left;}
    .contacto form .form-separator img{width: 60%; display: block; margin: 0 auto; text-align: center; float: none; max-width: 200px; }
    .contacto form .form-separator a{ float: none; margin: 0 5px; color: #CAA530; }
    .contacto form .form-separator input[type="submit"]{ display: inline-block; margin: 0; font-size: 1.1rem; font-weight: lighter; font-style: italic; border-radius: 5px; padding: 5px 10px; color: white; background: none; border: solid #CAA530 2px;}

    .contacto .logo-footer{display: block; width: 200px; margin: 50px auto 10px; filter: brightness(0) invert(1);}
    .contacto .legales{width: 100%; color: #666666; padding: 10px 40px; overflow: hidden;}
    .contacto .legales a{color: #666666; text-decoration: none;}
    /* end Contacto */


    .soluciones-options {
        position: relative;
        width: 80%;
        margin: 0 auto;
        display: block;
        flex-wrap: nowrap;
    }
    .soluciones-options .itm-menu {
        flex: inherit; /* explanation below */
        width: 100%;
        display: block;
        margin: 10px 0px;
        padding: 5px 10px;
        text-align: center;
        font-size: 1.2rem;
        font-weight: 500;
        letter-spacing: 0.2rem;
        color: white;
        cursor: pointer;
        background-color: #1A1A1A;
        transition: all 0.2s ease-in-out;
    }

    /* Soporte */

    .soporte-login{width: 80%; margin: 50px auto; text-align: center; overflow: hidden;}
    .soporte-login h1{position: relative; width: 100%; letter-spacing: 0.2rem; padding: 0 0 50px; display: block; margin: 50px auto 0; font-size: 2.5rem; color: black; font-weight: lighter; overflow: hidden; }
    .soporte-login form{width: 100%; margin: 50px auto; overflow: hidden;}
    .soporte-login form input{width: 100%; border: 0; padding: 10px 20px; background: #e6e6e6; color: #999999; margin: 20px auto 0; overflow: hidden;}
    .soporte-login form input[type="submit"]{width: auto; display: table; font-style: italic; border: 0; padding: 10px 10px; background: #CAA530; color:white; margin: 20px auto; overflow: hidden;}


    /* end Soporte */
    .whatsapp{position: fixed; display: block; width: 40px; height: 40px; top: 30%; right: 20px; overflow: hidden; z-index: 100;}
    .whatsapp img{width: 100%; height: 100%; object-fit: contain;}
}

@media (min-width:1180px) {
    #cssmenu>ul>li.collapsed {
        display: inline-block !important;
        *display: inline;
        zoom: 1;
    }

    #cssmenu>ul ul li.collapsed {
        display: block !important;
    }
}