* { margin:0; padding:0; box-sizing:border-box; font-family: 'Roboto', sans-serif; }

/* DISPLAYS */

.d-f { display:flex; }
.d-b { display:block; }
.d-n { display:none; }

/* BORDES */

.b { border:1px solid rgba(0,0,0,.9); }

/* CONTAINER */

.cont-full { margin:0px auto; width:100%; }


/* BOX S GRID */

.bx-10 { width:10%; }
.bx-20 { width:20%; }
.bx-30 { width:30%; }
.bx-4 { width:25%;max-width:380px; }
.bx-40 { width:40%; }
.bx-50 { width:50%; }
.bx-60 { width:60%; }
.bx-70 { width:70%; }
.bx-80 { width:80%; }
.bx-90 { width:90%; }
.bx-f { width:100%; }

.bx-10,
.bx-20,
.bx-30,
.bx-40,
.bx-50,
.bx-60,
.bx-70,
.bx-80,
.bx-90,
.bx-f,.bx-4 { padding:10px; }


.b-10 { width:10%; }
.b-20 { width:20%; }
.b-30 { width:30%; }
.b-3 { width:33.3%; }
.b-4 { width:25%; }
.b-40 { width:40%; }
.b-50 { width:50%; }
.b-60 { width:60%; }
.b-70 { width:70%; }
.b-80 { width:80%; }
.b-90 { width:90%; }
.b-f { width:100%; }


/* HEIGHTS */

.h-1 { height:10vh; }
.h-2 { height:20vh; }
.h-3 { height:30vh; }
.h-4 { height:40vh; }
.h-5 { height:50vh; }
.h-6 { height:60vh; }
.h-7 { height:70vh; }
.h-8 { height:80vh; }
.h-9 { height:90vh; }
.h-f { height:100vh; }

/* PADDINGS */

.p-0 { padding:0px; }
.p-1 { padding:10px; }
.p-2 { padding:20px; }
.p-3 { padding:30px; }
.p-4 { padding:40px; }
.p-5 { padding:50px; }
.p-6 { padding:60px; }
.p-7 { padding:70px; }

.pl-0 { padding-left:0px; }
.pl-1 { padding-left:10px; }
.pl-2 { padding-left:20px; }
.pl-3 { padding-left:30px; }
.pl-4 { padding-left:40px; }
.pl-5 { padding-left:50px; }

.pr-0 { padding-right:0px; }
.pr-1 { padding-right:10px; }
.pr-2 { padding-right:20px; }
.pr-3 { padding-right:30px; }
.pr-4 { padding-right:40px; }
.pr-5 { padding-right:50px; }

.pb-0 { padding-bottom:0px; }
.pb-1 { padding-bottom:10px; }
.pb-2 { padding-bottom:20px; }
.pb-3 { padding-bottom:30px; }
.pb-4 { padding-bottom:40px; }
.pb-5 { padding-bottom:50px; }

.pt-0 { padding-top:0px; }
.pt-1 { padding-top:10px; }
.pt-2 { padding-top:20px; }
.pt-3 { padding-top:30px; }
.pt-4 { padding-top:40px; }
.pt-5 { padding-top:50px; }

.py-0 { padding:0px; }
.py-1 { padding:10px 0px; }
.py-2 { padding:20px 0px; }
.py-3 { padding:30px 0px; }
.py-4 { padding:40px 0px; }
.py-5 { padding:50px 0px; }

.px-0 { padding:0px; }
.px-1 { padding:0px 10px; }
.px-2 { padding:0px 20px; }
.px-3 { padding:0px 30px; }
.px-4 { padding:0px 40px; }
.px-5 { padding:0px 50px; }

/* centrado */

.wrap { flex-wrap: wrap; }

.center { 
    display:flex; 
    justify-content:center; 
    align-items:center;  
}

.center-block { margin:auto;display:block; }

.col { flex-direction:column; }

/* IMAGENES */

.img-sm { width:25%; }
.img-md { width:50%; }
.img-lg { width:65%; }
.img-fl { width:100%; }

/* BUTTONS */

.btn {
    border:none;
    padding:15px 30px;
    width:50%;
    height:60px;
    max-width:252px;
    font-size:1rem;
    cursor:pointer;
}

/* positions */

.pos-r { position:relative; }
.pos-a { position:absolute; }

/* cursor */

.cp { cursor:pointer; }

/* FORMS */

.inp-subscribe {
    width:300px;
    background-color:transparent;
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    text-align:center;
    padding:20px 5px;
}