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

/* Colors
gray menu rgba(179, 179, 179, 1);
orange home button rgba(240, 91, 40, 1);
text invierte rgba(52, 85, 64, 1);
gray contacto info rgba(51, 51, 51, 1);
gray form logo text rgba(153, 153, 153, 1);
gray form input rgba(51, 51, 51, 1);
gray form placeholder rgba(128, 128, 128, 1);
orange form submit rgba(240, 91, 40, 1);

gray blog header rgba(51, 51, 51, 1);
orange blog rgba(240, 91, 40, 1);
*/

/* 01 */
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');
:root{
    --primary-color: rgba(99, 99, 99, 0.5);
    --overlay-color: rgba(99, 99,99, 0.85);
    --menu-speed: 0.75s;
}

*{box-sizing: border-box;}

html {
    height: 100%;
}

body {
    height: 100%;
    color: rgba(0, 0, 0, 1);
    background-color: #fff;
    font-family: 'Ropa Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    background-image: url("../images/bg.jpg") !important;
    background-position: center !important;
    background-size: cover;
}

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

.imagotipo{display: block; width: 100px; margin: 20px 20px 50px;}

.home{position: relative;
width: 80%;
margin: 50px auto;
    text-align: center;
    color: white;
overflow: hidden;}

.home .logo{width: 50%; max-width: 400px; margin: 0 auto 20px;}


.home h1{display: table; font-size: 3rem; font-weight: bold; margin: 50px auto 20px;}
.home h2{display: table; font-size: 1.5rem; margin: 0px auto 50px;}

.home form{position: relative; width: 80%; margin: 0 auto; text-align: center; overflow: hidden;}
.home form select{width: 100%; padding: 10px 20px;  color: white;
    font-family: 'Ropa Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-style: italic;
    font-size: 1rem;

    margin: 10px auto; border: solid white 1px; background: none;}

.home form select option {
    margin: 40px;
    background: rgba(0, 0, 0, 1);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.home form input[type="text"]{width: 100%; padding: 10px 20px; color: white;    font-size: 1rem;
    margin: 10px auto; border: solid white 1px; background: none;}
.home form input[type="email"]{width: 100%; padding: 10px 20px; color: white;    font-size: 1rem;
    margin: 10px auto; border: solid white 1px; background: none;}
.home form button[type="submit"]{width: 100%; padding: 10px 20px; font-weight: bold; background: white; color: black; border: none; margin: 10px auto;}
textarea::placeholder {
    font-size: 1rem;
    color: white;
    font-family: 'Ropa Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-style: italic;

}
::placeholder {
    font-size: 1rem;
    color: white;
    font-family: 'Ropa Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-style: italic;

}

.aviso{position: relative; width: 100%; background: white; font-size: 1.2rem; line-height: 1.5rem; text-align: justify; color: #333333; padding: 100px 10%; border-radius: 20px; overflow: hidden;}
.aviso h1{font-size: 2rem; margin: 10px 0;}
.aviso h2{font-size: 1.5rem; font-weight: bold; margin: 20px 0;}
.aviso h3{font-size: 1rem;margin: 10px 0;}
.aviso p{font-size: 1rem;margin: 10px 0; }
.aviso p.last{font-size: 1rem; font-weight: bold; margin: 10px 0; }
.aviso ul li{font-size: 1rem;margin: 5px 0; }

.legales{position: relative; width: 100%; color: white; text-align: center; overflow: hidden;}
.legales p{position: relative; width: 100%; color: white; text-align: center; margin: 10px 0; overflow: hidden;}
.legales a{color: white; text-decoration: none; margin: 20px auto;}

@media (max-width:1180px) {



    /* section contacto */

    .spacer-contacto{position: absolute; top: -50px; left: 50%; transform: translate(-50%, 0); display: table; padding: 50px 10px; background: #E15200;}
    .contacto{position: relative; width: 100%;  color: white; text-align: center; padding: 50px 40px 100px;}
    .contacto h1{font-size: 1.5rem; letter-spacing: 0.5rem; color: white;  margin: 100px 0 30px}
    .contacto h2{font-size: 1rem; color: white;  margin: 0px 0 50px}
    .contacto p{font-size: 1rem;  margin: 20px 0;}

    .contacto form{width: 100%; display: block;  color: white; text-align: center; margin: 50px auto; overflow: hidden; box-sizing: border-box;}
    .contacto form input{width: 100%; font-size: 1rem; background: none; color: white; padding: 5px 20px; float: left; box-sizing: border-box; display: inline-block; margin: 10px 0 20px 0; border: none; border-bottom: solid 1px white;}
    .contacto form input:nth-child(2){margin: 10px 0;}
    .contacto form textarea{width: 100%; float: left; resize: none; color: white; background: none; padding: 5px 20px; display: inline-block; margin-left: 0; border: none; border-bottom: solid 1px white;}
    .contacto form button{display: table; margin: 30px auto; font-size: 1rem; background: none; padding: 10px 30px; color: white; border: solid 1px white; }

    .contacto .form-control{width: 100%; margin: 20px 0; overflow: hidden; }
    .contacto .logo-foret{width: 250px; margin: 10px 0;}

    .contacto .privacidad-link{text-decoration: none; color: white;}

    .contacto .sociales{width: 100%; margin: 20px 0; text-align: center; overflow: hidden;}
    .contacto .sociales a{margin: 0 10px; text-decoration: none; color: #282928;}

    textarea::placeholder {
        font-size: 1rem;
        color: white;
    }
    ::placeholder {
        font-size: 1rem;
        color: white;
        font-family: 'Source Serif 4', sans-serif;
        text-align: left;

    }


    .contacto form select{width: 100%;     font-family: 'Source Serif 4', sans-serif;
        font-size: 1rem; color: white; background: none; padding: 5px 20px; display: inline-block; border: 0; border-bottom: solid 1px white; }
    .contacto form select option{color: black; }
    .contacto form select:nth-child(2){margin-left: 0; }

    .contacto .footer-icons{width: 100%; overflow: hidden; text-align: center; padding: 10px 40px;}
    .contacto .footer-icons a{display: inline-block; color: white; text-decoration: none; margin: 0 20px; overflow: hidden; text-align: center;}
    .contacto .footer-icons .footer-social{display: inline-block; margin: 0 20px; overflow: hidden; text-align: center;}
    .contacto .footer-icons .footer-social a{display: inline-block; line-height: 50px; overflow: hidden; text-align: center;}
    .contacto .footer-icons img.footer-img{height: 50px; overflow: hidden;}




    /* end section contacto */

}

@media (min-width:1180px) {

}