/*
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 */

/*
        font-family: 'Keystone';
        font-family: 'Keystone';
*/

:root{
    --main-nav-bg: rgba(35, 62, 132, 1);
    --main-nav-text: rgba(255, 255, 255, 1);
    --main-text: rgba(0, 0, 102, 1);
    --main-blue: rgba(0, 0, 102, 1);
    --main-nav-hover: #97242d;
    --main-nav-text-hover: #97242d;
    --text-red: #97242d;
    --main-text-nav: rgba(255, 255, 255, 1);
    --main-nav-border-bottom: #4D4D4D;
    --table-hover-td: #399600;
    --main-switch-form: #606060;
    --form-contacto-bg: #DBDBDD;
    --form-contacto-text-color: #A0A0A0;

    --color-blue: rgba(35, 62, 132, 1);
    --color-blue-secondary: rgba(9, 21, 77, 1);
    --color-yellow: rgba(239, 180, 0 , 1);



    --cafe-orangutan: #32271f;
    --gris-macaco: #908b86;
    --titi-rojizo: #744e21;
    --saraguato: #282828;
    --dry-leaf: #242d1d;
    --green-jungle: #415832;
    --monkeys-party: #90a955;
    --banana-smoothie: #EEF1A8;
}

/* 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: 20;
}

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

.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: none;
    font-family: 'Keystone';
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
}

.contenido {
    position: relative;
    width: 100%;
    padding: 0px 0 0%;
    overflow: hidden;
    min-height: 100%;
    height: auto;
    box-sizing: border-box;
    z-index: 1;
}

.container-main{
    position: relative;
    width: 100%;
    padding: 0;
    overflow: hidden;
    min-height: 100%;
    height: auto;
    box-sizing: border-box;
    z-index: 1;
}


.swal2-container{font-family: 'Autor ExtLt' !important;}
.background{position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; z-index: 1;}
.background img.bg{width: 100%; height: 100%; object-fit: cover;}
.background img.logo{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; z-index: 10;}



/* Nosotros */

.nosotros{position: relative; width: 100%; max-width: 900px; margin: 160px auto; padding: 50px 0; color: white; z-index: 10; overflow: hidden;}
.nosotros .left{position: relative; width: 50%; text-align: right; float: left; overflow: hidden;}

.nosotros .left h1{font-size: 4rem; letter-spacing: 0.5rem; margin: 10px 0; color: var(--monkeys-party);}
.nosotros .left h2{font-size: 4rem; letter-spacing: 0.5rem; color: var(--titi-rojizo);}
.nosotros .right{position: relative;     font-family: 'Autor ExtLt';
    width: 50%; padding: 0 20px; float: left; overflow: hidden;}

.nosotros .right p{max-width: 400px; margin: 0px 0 20px;}

/* end Nosotros */


/* Contacto */

.contacto{position: relative; width: 100%; max-width: 900px; margin: 160px auto; padding: 50px 0; color: white; z-index: 10; overflow: hidden;}
.contacto .left{position: relative; width: 50%; text-align: left; float: left; overflow: hidden;}

.contacto .left h1{font-size: 4rem; letter-spacing: 0.5rem; margin: 0px 0; color: var(--gris-macaco);}
.contacto .left h2{font-size: 4rem; letter-spacing: 0.5rem; color: var(--banana-smoothie);}
.contacto .left h3{font-size: 1.2rem; margin: 20px 0 0; font-family: 'Autor ExtLt'; color: white;}
.contacto .right{position: relative;     font-family: 'Autor ExtLt';
    width: 50%; padding: 0 20px; float: left; overflow: hidden;}

.contacto .right address{max-width: 400px; margin: 10px 0 0px;}
.contacto .right p{max-width: 400px; margin: 0px 0 0px;}


.contacto .right form{width: 100%; margin: 20px 0 0; overflow: hidden;}

.contacto .form-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.contacto .form-label {
    text-align: left;
    margin-right: 10px;
    color: var(--banana-smoothie);
    font-size: 1.2rem;
    font-family: 'Autor ExtBd';
}

.contacto .form-input {
    flex-grow: 1;
    border: none;
    border-bottom: 1px solid white;
    padding: 5px;
    background: none;
}

.contacto .form-textarea {
    flex-grow: 1;
    border: none;
    padding: 5px;
    font-size: 16px;
    resize: none;
    overflow: hidden;
    line-height: 1.5;
    background: none;
    border: 1px solid white;

}

.contacto .form-button{float: right; font-size: 1.2rem; letter-spacing: 0.3rem; padding: 5px 10px;  margin: 10px 0; border: none; color: var(--titi-rojizo); font-weight: bold; font-family: 'Keystone'; background: var(--banana-smoothie);}
/* end Contacto */

/* Cotiza */

.cotiza{position: relative; width: 100%; max-width: 900px; margin: 160px auto; padding: 50px 0; color: white; z-index: 10; overflow: hidden;}
.cotiza .left{position: relative; width: 50%; text-align: left; float: left; overflow: hidden;}

.cotiza .left h1{font-size: 4rem; font-weight: bold; letter-spacing: 0.3rem; margin: 0px 0; color: var(--titi-rojizo);}
.cotiza .left h1 span{color: var(--dry-leaf); font-weight: bold;}
.cotiza .left h2{font-size: 4rem; font-weight: bold; letter-spacing: 0.3rem; color: var(--dry-leaf);}
.cotiza .left h3{font-size: 1.2rem; line-height: 1.5rem; margin: 20px 0 0; font-family: 'Autor ExtLt'; font-weight: bold; color: var(--saraguato);}
.cotiza .left h3 a{text-decoration: none; font-weight: bold; color: var(--saraguato); font-family: 'Autor ExtBd';}
.cotiza .right{position: relative;     font-family: 'Autor ExtLt';
    width: 50%; padding: 0 20px; float: left; overflow: hidden;}

.cotiza .right address{max-width: 400px; margin: 10px 0 0px;}
.cotiza .right p{max-width: 400px; margin: 0px 0 0px;}


.cotiza .right form{width: 100%; margin: 20px 0 0; overflow: hidden;}

.cotiza .form-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.cotiza .form-label {
    text-align: left;
    margin-right: 0px;
    color: var(--dry-leaf);
    font-size: 1.2rem;
    font-family: 'Autor ExtBd';
}

.cotiza .form-input {
    flex-grow: 1;
    border: none;
    border-bottom: 1px solid var(--dry-leaf);
    padding: 5px;
    background: none;
}

.cotiza .form-row-100 {
    display: block;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.cotiza .form-label-100 {
    width: 100%;
    text-align: left;
    margin-right: 0px;
    color: var(--dry-leaf);
    font-size: 1.2rem;
    font-family: 'Autor ExtBd';
}

.cotiza .form-input-100 {
   width: 100%;
    border: none;
    border-bottom: 1px solid var(--dry-leaf);
    padding: 5px;
    background: none;
}

.cotiza .form-textarea {
    flex-grow: 1;
    border: none;
    padding: 5px;
    font-size: 16px;
    resize: none;
    overflow: hidden;
    line-height: 1.5;
    background: none;
    border-bottom: 1px solid white;
}

.cotiza .form-button{float: right; font-size: 1.2rem; letter-spacing: 0.3rem; padding: 5px 10px;  margin: 10px 0; border: none; color: var(--monkeys-party); font-weight: bold; font-family: 'Keystone'; background: var(--dry-leaf);}
.cotiza .checkbox-container {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.cotiza .checkbox-label {
    margin-left: 10px;
    color: var(--banana-smoothie);
}

.cotiza .custom-checkbox {
    width: 18px;
    height: 18px;
    border: 2px solid white;
    border-radius: 3px;
    background: none;
    cursor: pointer;
}

.cotiza .custom-checkbox:checked {
    background-color: #2196F3;
    border-color: #2196F3;
}

.cotiza .custom-checkbox:checked::after {
    content: "\2713";
    display: block;
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
}

/* end Cotiza */



/* Proyectos */
.proyectos{position: relative; width: 100%; margin: 160px auto; padding: 50px 0; color: white; z-index: 10; overflow: hidden;}
.proyectos .header{position: relative; width: 100%; text-align: center; margin: 0 0 50px; overflow: hidden;}
.proyectos .header h1{display: block; margin: auto; font-size: 3rem; letter-spacing: 0.3rem; color: var(--banana-smoothie); }
.proyectos .header h2{display: block; margin: 20px auto; font-size: 1.2rem; letter-spacing: 0.3rem; color: white; }

.proyecto{position: relative; text-align: center; padding: 50px 40px; overflow: hidden;}
.proyecto a.first{display: block; width: 100%; margin: 50px auto; overflow: hidden;}
.proyecto a.first img{width: 100%;}
.proyecto a.second{display: block; width: 50%; margin: 20px 0; float: left; overflow: hidden;}
.proyecto a.second:nth-child(even){padding-right: 20px; }
.proyecto a.second:nth-child(odd){padding-left: 20px; }
.proyecto a.second img{width: 100%; height: 400px; object-fit: cover; margin: 0; overflow: hidden;}


.proyecto-galeria{position: relative; width: 100%; text-align: center; padding: 0px 40px; overflow: hidden;}
.proyecto-galeria img{position: relative; width: 100%; margin: 20px auto;}
.proyecto-galeria a{position: relative; display: block; width: 100%; padding: 20% 20px; text-align: center; color: white; background: rgba(0, 0, 0, 1); margin: 20px auto;}
.proyecto-galeria a i{font-size: 3rem;}


.proyecto-info{position: relative; width: 100%; font-size: 1.2rem; font-family: 'Autor ExtLt'; text-align: center; padding: 0px 40px; overflow: hidden;}
.proyecto-info p{margin: 20px 0; line-height: 1.5rem;}
.proyecto-info a{text-decoration:none; color: var(--banana-smoothie);}


/* end Proyectos */

.footer{position: relative; width: 100%; margin: 20px auto; font-size: 1rem; font-family: 'Autor ExtLt'; text-align: center; color: var(--banana-smoothie);  z-index: 10; overflow: hidden;}




@media (max-width:1000px) {

    #cssmenu{display: none;}
    .content{padding: 90px 0 0;}

    /* Nosotros */

    .nosotros{position: relative; width: 100%; max-width: 900px; margin: 80px auto; padding: 50px 40px; color: white; z-index: 10; overflow: hidden;}
    .nosotros .left{position: relative; width: 100%; text-align: center; float: left; overflow: hidden;}

    .nosotros .left h1{font-size: 3rem; letter-spacing: 0.3rem; margin: 10px 0; color: var(--monkeys-party);}
    .nosotros .left h2{font-size: 3rem; letter-spacing: 0.3rem; color: var(--titi-rojizo);}
    .nosotros .right{position: relative;     font-family: 'Autor ExtLt';
        width: 100%; margin: 50px 0; padding: 0 0px; float: left; overflow: hidden;}

    .nosotros .right p{max-width: 400px; margin: 0px 0 20px;}

    /* end Nosotros */


    /* Contacto */

    .contacto{position: relative; width: 100%; max-width: 900px; margin: 80px auto; padding: 50px 40px; color: white; z-index: 10; overflow: hidden;}
    .contacto .left{position: relative; width: 100%; text-align: left; float: left; overflow: hidden;}

    .contacto .left h1{font-size: 3rem; letter-spacing: 0.5rem; margin: 0px 0; color: var(--gris-macaco);}
    .contacto .left h2{font-size: 3rem; letter-spacing: 0.5rem; color: var(--banana-smoothie);}
    .contacto .left h3{font-size: 1.2rem; margin: 20px 0 0; font-family: 'Autor ExtLt'; color: white;}
    .contacto .right{position: relative;     font-family: 'Autor ExtLt';
        width: 100%; margin: 50px 0; padding: 0 0px; float: left; overflow: hidden;}

    .contacto .right address{max-width: 400px; margin: 10px 0 0px;}
    .contacto .right p{max-width: 400px; margin: 0px 0 0px;}


    .contacto .right form{width: 100%; margin: 20px 0 0; overflow: hidden;}

    .contacto .form-row {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 10px;
    }

    .contacto .form-label {
        text-align: left;
        margin-right: 10px;
        color: var(--banana-smoothie);
        font-size: 1.2rem;
        font-family: 'Autor ExtBd';
    }

    .contacto .form-input {
        flex-grow: 1;
        border: none;
        border-bottom: 1px solid white;
        padding: 5px;
        background: none;
    }

    .contacto .form-textarea {
        flex-grow: 1;
        border: none;
        padding: 5px;
        font-size: 16px;
        resize: none;
        overflow: hidden;
        line-height: 1.5;
        background: none;
        border-bottom: 1px solid white;
    }

    .contacto .form-button{float: right; font-size: 1.2rem; letter-spacing: 0.3rem; padding: 5px 10px;  margin: 10px 0; border: none; color: var(--titi-rojizo); font-weight: bold; font-family: 'Keystone'; background: var(--banana-smoothie);}
    /* end Contacto */

    /* Cotiza */

    .cotiza{position: relative; width: 100%; max-width: 900px; margin: 80px auto; padding: 50px 40px; color: white; z-index: 10; overflow: hidden;}
    .cotiza .left{position: relative; width: 100%; text-align: left; float: left; overflow: hidden;}

    .cotiza .left h1{font-size: 3rem; font-weight: bold; letter-spacing: 0.3rem; margin: 0px 0; color: var(--titi-rojizo);}
    .cotiza .left h1 span{color: var(--dry-leaf); font-weight: bold;}
    .cotiza .left h2{font-size: 3rem; font-weight: bold; letter-spacing: 0.3rem; color: var(--dry-leaf);}
    .cotiza .left h3{font-size: 1.2rem; line-height: 1.5rem; margin: 20px 0 0; font-family: 'Autor ExtLt'; font-weight: bold; color: var(--saraguato);}
    .cotiza .left h3 a{text-decoration: none; font-weight: bold; color: var(--saraguato); font-family: 'Autor ExtBd';}
    .cotiza .right{position: relative;     font-family: 'Autor ExtLt';
        width: 100%; margin: 50px 0; padding: 0 0px; float: left; overflow: hidden;}

    .cotiza .right address{max-width: 400px; margin: 10px 0 0px;}
    .cotiza .right p{max-width: 400px; margin: 0px 0 0px;}


    .cotiza .right form{width: 100%; margin: 20px 0 0; overflow: hidden;}

    .cotiza .form-row {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 10px;
    }

    .cotiza .form-label {
        text-align: left;
        margin-right: 0px;
        color: var(--dry-leaf);
        font-size: 1.2rem;
        font-family: 'Autor ExtBd';
    }

    .cotiza .form-input {
        flex-grow: 1;
        border: none;
        border-bottom: 1px solid var(--dry-leaf);
        padding: 5px;
        background: none;
    }

    .cotiza .form-row-100 {
        display: block;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 10px;
    }

    .cotiza .form-label-100 {
        width: 100%;
        text-align: left;
        margin-right: 0px;
        color: var(--dry-leaf);
        font-size: 1.2rem;
        font-family: 'Autor ExtBd';
    }

    .cotiza .form-input-100 {
        width: 100%;
        border: none;
        border-bottom: 1px solid var(--dry-leaf);
        padding: 5px;
        background: none;
    }

    .cotiza .form-textarea {
        flex-grow: 1;
        border: none;
        padding: 5px;
        font-size: 16px;
        resize: none;
        overflow: hidden;
        line-height: 1.5;
        background: none;
        border-bottom: 1px solid white;
    }

    .cotiza .form-button{float: right; font-size: 1.2rem; letter-spacing: 0.3rem; padding: 5px 10px;  margin: 10px 0; border: none; color: var(--monkeys-party); font-weight: bold; font-family: 'Keystone'; background: var(--dry-leaf);}
    .cotiza .checkbox-container {
        display: flex;
        align-items: center;
        margin: 10px 0;
    }

    .cotiza .checkbox-label {
        margin-left: 10px;
        color: var(--banana-smoothie);
    }

    .cotiza .custom-checkbox {
        width: 18px;
        height: 18px;
        border: 2px solid white;
        border-radius: 3px;
        background: none;
        cursor: pointer;
    }

    .cotiza .custom-checkbox:checked {
        background-color: #2196F3;
        border-color: #2196F3;
    }

    .cotiza .custom-checkbox:checked::after {
        content: "\2713";
        display: block;
        color: #fff;
        text-align: center;
        line-height: 18px;
        font-size: 14px;
    }

    /* end Cotiza */

    .proyectos{position: relative; width: 100%; margin: 90px auto; padding: 0px 20px; color: white; z-index: 10; overflow: hidden;}


    .proyecto a.first{display: block; width: 100%; margin: 20px auto 0; overflow: hidden;}
    .proyecto a.first img{width: 100%;}
    .proyecto a.second{display: block; width: 100%; margin: 20px auto 0; float: left; overflow: hidden;}
    .proyecto a.second:nth-child(even){padding-right: 0px; }
    .proyecto a.second:nth-child(odd){padding-left: 0px; }
    .proyecto a.second img{width: 100%; height: auto; object-fit: cover; margin: 0; overflow: hidden;}


    .footer{position: relative; width: 100%; margin: 20px auto; font-size: 1rem; padding: 0 20px; font-family: 'Autor ExtLt'; text-align: center; color: var(--banana-smoothie);  z-index: 10; overflow: hidden;}

}

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

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