/* VARIOS */

/*
.section-100pc > .container,
.section-100pc > .container > .row,
.section-100pc > .container > .row > div[class^="col"] {
height: 100%;
}
*/

.section-100pc > *,
.section-100pc > * > .row,
.section-100pc > * > .row > * {
height: 100%;
}

.container-100pc > .row,
.container-100pc > .row > div[class^="col"] {
height: 100%;
}

.clearfix {
display: block;
clear: both;
}

/* MARGIN - PADDING */

.padding-0 {
padding: 0;
}

.margin-0 {
margin: 0;
}

.margin-izquierda {
margin-left: 10px;
}

.margin-derecha {
margin-right: 10px;
}

.margin-arriba {
margin-top: 10px;
}

.margin-abajo {
margin-bottom: 10px;
}

.margin-horizontal {
margin-right: 10px;
margin-left: 10px;
}

.margin-vertical {
margin-top: 10px;
margin-bottom: 10px;
}

/* FONDOS */

.b-fff { background-color: #fff }

.b-f1f1f1 { background-color: #f1f1f1 }

.b-fafafa { background-color: #fafafa }

.b-f7f7f7 { background-color: #f7f7f7 }

.b-efefef { background-color: #efefef }

.b-eee { background-color: #eee }

.b-ddd { background-color: #ddd }

.b-ccc { background-color: #ccc }

.b-bbb { background-color: #bbb }

.b-aaa { background-color: #aaa }

.b-999 { background-color: #999 }

.b-888 { background-color: #888 }

.b-777 { background-color: #777 }

.b-666666 { background-color: #666666 }

.b-555 { background-color: #555 }

.b-444 { background-color: #444 }

.b-333 { background-color: #333 }

.b-222 { background-color: #222 }

.b-111 { background-color: #111 }

.b-000 { background-color: #000 }

/* COLORES */

.c-fff { color: #fff }

.c-f1f1f1 { color: #f1f1f1 }

.c-efefef { color: #efefef }

.c-eee { color: #eee }

.c-ddd { color: #ddd }

.c-ccc { color: #ccc }

.c-bbb { color: #bbb }

.c-aaa { color: #aaa }

.c-999 { color: #999 }

.c-888 { color: #888 }

.c-777 { color: #777 }

.c-666666 { color: #666666 }

.c-555 { color: #555 }

.c-444 { color: #444 }

.c-333 { color: #333 }

.c-222 { color: #222 }

.c-111 { color: #111 }

.c-000 { color: #000 }

/* ANCHURA px */

.an-8 { width: 8px }

.an-10 { width: 10px }

.an-20 { width: 20px }

.an-30 { width: 30px }

.an-40 { width: 40px }

.an-50 { width: 50px }

.an-60 { width: 60px }

.an-70 { width: 70px }

.an-80 { width: 80px }

.an-90 { width: 90px }

.an-100 { width: 100px; }

.an-120 { width: 120px }

.an-140 { width: 140px }

.an-160 { width: 160px }

.an-180 { width: 180px }

.an-200 { width: 200px }

.an-240 { width: 240px }

.an-250 { width: 250px }

.an-260 { width: 260px }

.an-300 { width: 300px }

.an-320 { width: 320px }

.an-360 { width: 360px }

.an-400 { width: 400px }

.an-420 { width: 420px }

.an-468 { width: 468px }

.an-480 { width: 480px }

.an-500 { width: 500px }

.an-560 { width: 560px }

.an-600 { width: 600px }

.an-640 { width: 640px }

.an-700 { width: 700px }

.an-720 { width: 720px }

.an-768 { width: 768px }

.an-780 { width: 780px }

.an-800 { width: 800px }

.an-840 { width: 840px }

.an-900 { width: 900px }

.an-960 { width: 960px }

.an-1000 { width: 1000px }

.an-1200 { width: 1200px }

.an-1500 { width: 1500px }

.an-1600 { width: 1600px }

.an-2000 { width: 2000px }

/* ANCHURA % */

.an-10pc { width: 10% }

.an-20pc { width: 20% }

.an-30pc { width: 30% }

.an-40pc { width: 40% }

.an-50pc { width: 50% }

.an-60pc { width: 60% }

.an-70pc { width: 70% }

.an-80pc { width: 80% }

.an-90pc { width: 90% }

.an-100pc { width: 100% }

.an-100vw { width: 100vw }

/* ALTURA */

.al-8 { height: 8px }

.al-10 { height: 10px }

.al-20 { height: 20px }

.al-30 { height: 30px }

.al-40 { height: 40px }

.al-50 { height: 50px }

.al-60 { height: 60px }

.al-70 { height: 70px }

.al-80 { height: 80px }

.al-90 { height: 90px }

.al-100 { height: 100px; }

.al-120 { height: 120px }

.al-140 { height: 140px }

.al-160 { height: 160px }

.al-180 { height: 180px }

.al-200 { height: 200px }

.al-240 { height: 240px }

.al-250 { height: 250px }

.al-260 { height: 260px }

.al-300 { height: 300px }

.al-320 { height: 320px }

.al-360 { height: 360px }

.al-400 { height: 400px }

.al-420 { height: 420px }

.al-468 { height: 468px }

.al-480 { height: 480px }

.al-500 { height: 500px }

.al-560 { height: 560px }

.al-600 { height: 600px }

.al-640 { height: 640px }

.al-700 { height: 700px }

.al-720 { height: 720px }

.al-768 { height: 768px }

.al-780 { height: 780px }

.al-800 { height: 800px }

.al-840 { height: 840px }

.al-900 { height: 900px }

.al-960 { height: 960px }

.al-1000 { height: 1000px }

.al-1200 { height: 1200px }

.al-1500 { height: 1500px }

.al-1600 { height: 1600px }

.al-2000 { height: 2000px }

/* ALTURA % */

.al-10pc { height: 10% }

.al-20pc { height: 20% }

.al-30pc { height: 30% }

.al-40pc { height: 40% }

.al-50pc { height: 50% }

.al-60pc { height: 60% }

.al-70pc { height: 70% }

.al-80pc { height: 80% }

.al-90pc { height: 90% }

.al-100pc { height: 100% }

.al-100vh { height: 100vh }

/* Z-INDEX */

/*
.zindex- { z-index: ; }
*/

.zindex-10 { z-index: 10; }

.zindex-20 { z-index: 20; }

/* CENTRADO ABSOLUTO */

.abs-vh {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}