html{ font-size: 100%; overflow-x: hidden; width: 100%; margin: 0px; padding: 0px; touch-action: manipulation; }
body{ font-size: 14px; font-family: 'Encode Sans Expanded', sans-serif; width: 100%; height: 100%; margin: 0; font-weight: 400;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word;
overflow-x: hidden; color: #333; }
html, body {
height: 100%;
margin: 0;
display: flex;
flex-direction: column;
}
h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img, inpot, button{ margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6{ line-height: 1.5; font-weight: inherit; }
h1,h2,h3{ font-family: 'Encode Sans Expanded', sans-serif; }
p{ line-height: 1.7; font-size: 1.05em; font-weight: 400; color: #555; }
h1{ font-size: 4em; line-height: 1; }
h2{ font-size: 2em; line-height: 1.1; }
h3{ font-size: 1.7em; }
h4{ font-size: 1.3em; }
h5{ font-size: 1.1em; }
h6{ font-size: .85em; }
a, button{ display: inline-block; text-decoration: none; color: inherit; line-height: 1.3;
-webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
a:focus, a:active, a:hover,
button:focus, button:active, button:hover,
a b.light-color:hover{ text-decoration: none; color: #fff; }
b{ font-weight: 700; }
li{ list-style: none; display: inline-block; line-height: 1.6; font-size: .9em; }
span{ display: inline-block; }
button{ outline: 0; border: 0; background: none; cursor: pointer; }
.icon{ font-size: 1.1em; display: inline-block; line-height: inherit; }
[class^="icon-"]:before, [class*=" icon-"]:before{ line-height: inherit; }
b.max-bold{ font-weight: 700; }
input:focus,
textarea:focus{ outline-color: #2196F3; }
::placeholder { color: #ccc; }
:-ms-input-placeholder { color: #ccc; }
::-ms-input-placeholder { color: #ccc; }
select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: transparent;
color: black;
padding: 10px 40px 10px 15px;
border: 1px solid #2196F3;
border-radius: 6px;
font-size: 16px;
cursor: pointer;
outline: none;
width: 100%;
transition: all 0.2s ease-in-out;
}
select:hover {
border-color: #2196F3;
}
select:focus {
border-color: #007BFF;
outline: 1px solid #2196F3;
}
option {
background-color: transparent;
color: black;
}
/* RESPONSIVE */
@media only screen and (max-width: 767px) {
p{ line-height: 1.4; }
h1{ font-size: 3.8em; }
h2{ font-size: 2em; }
h3{ font-size: 1.6em; }
h4{ font-size: 1.3em; }
}
@media only screen and (max-width: 575px) {
body{ font-size: 14px; }
}
/* ---------------------------------
3. HEADER
--------------------------------- */
header{ color: white; background-color: #2196F3; position: relative; text-align: center; z-index: 1000; font-weight: 600; }
header i{ font-size: 1.1em; }
/* BOTTOM HEADER */
header:after{ content:''; clear: both; }
header .logo{ float: left; height: 24px; margin: 10px 0; }
header .logo img{ height: fit-content; width: 120px; }
header .main-menu{ float: right; }
header ul.main-menu > li > a{ height: 100%; line-height: 80px; padding: 0px 15px; }
/* SEARCH AREA */
header .right-area{ float: right; height: 100%; line-height: 70px; margin-left: 15px; padding: 5px; }
header .src-icn{ font-size: 21px; display: none; padding-top: 23px; }
header .close-icn{ font-size: 22px; display: none; padding-top: 25px; }
header .src-icn.active,
header .close-icn.active{ display: block; }
header .src-form{ position: absolute; top: 0px; bottom: 0px; left: 15px; right: 45px; z-index: 1;
max-width: 0; overflow: hidden; -webkit-transition: all .2s; transition: all .2s; }
header .src-form.active{ max-width: 3000px; }
header .src-form form{ height: 100%; }
header .src-form input{ display: block; width: 100%; height: 100%; padding: 0 15px 0 75px; font-size: 1.4em; border: 0px solid #ccc;
background: #f7f5f8; outline: 0; -webkit-transition: all .0s; transition: all .0s; }
header .src-form input:focus{ background: #f1f2f1; }
header .src-form button{ position: absolute; top: 0; bottom: 0; left: 0; width: 60px; background: #eee; }
/* HAMBURGER ICON */
header .menu-nav-icon{ display: inline-block; font-size: 30px; line-height: 60px; display: none; cursor: pointer; }
/* DROPDOWN MENU STYLING */
header .main-menu li.drop-down{ position: relative; text-align: left; }
header .main-menu li.drop-down > ul.drop-down-menu{ display: none; position: absolute; top: 60px;
left: 0; min-width: 180px; box-shadow: 0px 3px 10px rgba(0,0,0,.3); background: #fff; }
header .main-menu li.drop-down > ul.drop-down-menu li{ display: block; border-top: 1px solid #ddd; }
header .main-menu li.drop-down > ul.drop-down-menu li > a{ display: block; padding: 17px 20px; }
header .main-menu li i{margin-left: 10px; }
/* DROPDOWN HOVER */
header .main-menu li.drop-down a.mouseover + ul.drop-down-menu{ display: block;
animation: full-opacity-anim .2s forwards; }
@keyframes full-opacity-anim{
0%{ opacity: 0; }
100%{ opacity: 1; }
}
/* RESPONSIVE */
@media only screen and (max-width: 992px) {
header .logo{ height: 16px; margin: 10px 0; }
header ul.main-menu > li > a{ padding: 0 10px; }
}
@media only screen and (max-width: 767px) {
.redes-contenedor {
padding-top: 0.3rem !important;
}
.no-movil { display: none !important; }
.logo-bedpks { width: 95px !important; max-width: 100%; }
header .logo{ height: 16px; margin: 7px 0; }
header .right-area{ line-height: 50px; }
/* MAIN MENU */
header .main-menu{ display: none; position: absolute; top: 60px; left: 0; right: 0; float: none;
opacity: 0; z-index: 1; height: auto; text-align: left; background: #fff; }
header .main-menu.visible-menu{ display: block; box-shadow: 0 4px 20px -10px rgba(0,0,0,.4);
animation: full-opacity-anim .2s forwards ease; background-color: #2196F3;}
@keyframes full-opacity-anim{
100%{ opacity: 1; }
}
header .main-menu > li{ display: block; }
header ul.main-menu > li > a{ display: block; height: auto; line-height: 1; padding: 15px; border-top: 1px solid #eee; }
/* HAMBURGER ICON */
header .menu-nav-icon{ display: block; float: right; }
/* DROPDOWN */
header .main-menu li.drop-down > ul.drop-down-menu{ position: static; box-shadow: none; }
header .main-menu li.drop-down > ul.drop-down-menu li{ border-top: 1px solid #eee; }
header .main-menu li.drop-down > ul.drop-down-inner li:first-child{ border-top: 1px solid #ddd; }
/* DROPDOWN HOVER */
header .main-menu li.drop-down > ul.drop-down-menu li a{ padding-left: 25px; }
header .main-menu li.drop-down > ul.drop-down-inner li a{ padding-left: 35px; }
}
@media only screen and (max-width: 575px) {
header ul.main-menu > li > a{ padding: 15px; }
/* HAMBURGER ICON */
.menu-nav-icon{ float: right; }
/*.caja {}*/
}
@media only screen and (max-width: 359px) {
header .heading-wrapper{ padding: 30px 20px 20px; }
header .info .icon{ font-size: 25px; }
header .info .right-area{ margin-left: 35px; }
}
/* ---------------------------------
2. COMMONS FOR PAGE DESIGN
--------------------------------- */
.dplay-tbl{ display: table; height: 100%; width: 100%; }
.dplay-tbl-cell{ display: table-cell; vertical-align: middle; }
.oflow-hidden{ overflow: hidden; }
.oflow-visible{ overflow: visible; }
.dplay-none{ display: none; }
.dplay-block{ display: block; }
.dplay-inl-block{ display: inline-block; }
.opacty-1{ opacity: .1; }
.opacty-2{ opacity: .2; }
.opacty-3{ opacity: .3; }
.opacty-4{ opacity: .4; }
.opacty-5{ opacity: .5; }
.opacty-6{ opacity: .6; }
.opacty-7{ opacity: .7; }
/* POSITION */
.pos-relative{ position: relative; z-index: 1; }
.abs-tlr{ position: absolute; top: 0; left: 0; right: 0; z-index: 1; }
.abs-blr{ position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; }
.abs-tl{ position: absolute; top: 0; left: 0; z-index: 1; }
.abs-br{ position: absolute; bottom: 0; right: 0; z-index: 1; }
.abs-tbr{ position: absolute; top: 0; bottom: 0; right: 0; z-index: 1; }
.abs-tblr{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
.z--1{ z-index: -1; }
/* ALIGNMENT */
.float-left{ float: left!important; }
.float-right{ float: right!important; }
.text-center{ text-align: center; }
/* LINE HEIGHT */
.lh-30{ line-height: 30px; }
.lh-35{ line-height: 35px; }
.lh-40{ line-height: 40px; }
/* FONTS */
.font-7 { font-size: .7em; }
.font-75{ font-size: .75em; }
.font-8 { font-size: .8em; }
.font-85{ font-size: .85em; }
.font-9 { font-size: .9em; }
.font-11{ font-size: 1.1em; }
.font-12{ font-size: 1.2em; }
.font-13{ font-size: 1.3em; }
.font-14{ font-size: 1.4em; }
.font-20{ font-size: 2em; }
/* RESPONSIVE */
@media only screen and (max-width: 767px) {
.float-sm-none{ float: none!important; }
.text-sm-center{ text-align: center; }
.font-sm-13{ font-size: 1.3em; }
}
/* COLOR */
.color-white{ color: #fff; }
.color-green{ color: #36D98A; }
.color-ash{ color: #aaa; }
.color-ccc{ color: #ccc; }
.color-grey{ color: #ccc; }
.color-primary{ color: #2196F3; }
.color-black{ color: #111; }
.color-lite-black{ color: #888; }
/* BACKGROUND COLOR*/
.bg-191{ background: #191919; }
.bg-primary{ background: #2196F3!important; }
/* BACKGROUND IMAGE */
.img-bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
.bg-map{ background: url(../images/map.png) no-repeat center; background-size: cover; }
.bg-1{ background: url(../images/slider-1-1200x900.jpg) no-repeat center; background-size: cover; }
.bg-2{ background: url(../images/slider-2-450x600.jpg) no-repeat center; background-size: cover; }
.bg-3{ background: url(../images/slider-3-450x600.jpg) no-repeat center; background-size: cover; }
.bg-4{ background: url(../images/slider-4-450x600.jpg) no-repeat center; background-size: cover; }
.bg-5{ background: url(../images/slider-5-450x600.jpg) no-repeat center; background-size: cover; }
.bg-6{ background: url(../images/slider-6-450x600.jpg) no-repeat center; background-size: cover; }
.bg-grad-layer-6:after{ content:''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1;
opacity: .6; background: linear-gradient(to top, #000 0%, rgba(0,0,0,.4) 100%); }
.bg-layer-4:after{ content:''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1;
opacity: .4; background: #111; }
.bg-layer-7:after{ content:''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1;
opacity: .7; background: #111; }
/* RESPONSIVE */
@media only screen and (max-width: 767px) {
.bg-sm-color-6{ background: rgba(0,0,0,.6); }
.bg-sm-color-7{ background: rgba(0,0,0,.7); }
}
/* BORDER */
.brder-grey{ border: 1px solid #ccc; }
.brder-t-grey{ border-top: 1px solid #ccc; }
.brder-tlr-grey{ border: 1px solid #ccc; border-bottom: 0; }
.brder-blr-grey{ border: 1px solid #ccc; border-top: 0; }
.brdr-ash-1{ height: 1px; background: #aaa; }
/* LINK STYLING */
.link-brdr-btm-primary{ position: relative; padding-bottom: 5px;
-webkit-transition: all .2s; transition: all .2s;}
.link-brdr-btm-primary:after{ content:''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
background: #2196F3; -webkit-transition: all .2s; transition: all .2s;
-webkit-transform-origin: right; transform-origin: right; }
.link-brdr-btm-primary:hover{ -webkit-transform: translateY(-1px); transform: translateY(-1px); }
.link-brdr-btm-primary:hover:after{ -webkit-transform: scale(0); transform: scale(0); }
/* BUTTON STYLING */
.btn-brdr-primary{ text-align: center; height: 45px; line-height: 43px; border: 1px solid #2196F3; color: #2196F3;
border-radius: 2px; }
.btn-brdr-primary:hover{ background: #2196F3; color: #000; }
.btn-brdr-grey{ text-align: center; height: 45px; line-height: 43px; border: 1px solid #ccc; line-height: 1;
border-radius: 2px; }
.btn-brdr-grey:hover{ border: 1px solid #2196F3; background: #2196F3; color: #000; }
.btn-fill-primary{ text-align: center; height: 45px; line-height: 43px; border: 1px solid #2196F3; background: #2196F3;
border-radius: 2px; color: #111; }
.btn-fill-primary:hover{ background: none; }
.btn-fill-grey{ text-align: center; height: 45px; line-height: 43px; border: 1px solid #ccc; background: #ccc;
border-radius: 2px; color: #111; }
.btn-fill-grey:hover{ border: 1px solid #2196F3; background: none; color: #000; }
.btn-b-md{ font-size: .9em; height: 35px; line-height: 35px; }
.btn-b-sm{ font-size: .9em; height: 30px; line-height: 28px; }
/* FORM INPUT STYLING */
.nwsltr-primary-1{ position: relative; }
.nwsltr-primary-1 input{ height: 45px; display: block; width: 100%; padding: 0 10px 0 10px;
border: 1px solid #2196F3; }
.nwsltr-primary-1 button{ position: absolute; top: 1px; bottom: 1px; right: 1px; width: 45px; text-align: center;
background: #2196F3; color: #fff; border-bottom-right-radius: 6px; border-top-right-radius: 6px; }
.nwsltr-primary-1 button i{ font-size: 1.3em; }
.nwsltr-primary-1 button:hover{ background: #1882d8; color: #fff; }
.nwsltr-primary-1 button:focus{ background: #0764b0; color: #fff; }
.nwsltr-primary-1 button:active{ background: #0764b0; color: #fff; }
.form-block input,
.form-block textarea{ display: block; width: 100%; }
.form-bold input,
.form-bold textarea{ font-weight: 700; }
.form-plr-15 input,
.form-plr-15 textarea{ padding: 0 15px; }
.form-h-35 input{ height: 35px; }
.form-h-40 input{ height: 40px; }
.form-h-45 input{ height: 45px; }
.form-mb-20 input,
.form-mb-20 textarea{ margin-bottom: 20px; }
.form-brdr-grey input,
.form-brdr-grey textarea{ border: 1px solid #ccc; }
.form-brdr-lite-white input,
.form-brdr-lite-white textarea{ border: 1px solid #ddd; }
.form-brdr-b-grey input,
.form-brdr-b-grey textarea{ outline: 0; border: 0px; border-bottom: 1px solid #ccc; }
.form-brdr-b-grey input:focus,
.form-brdr-b-grey textarea:focus{ border-bottom: 1px solid #2196F3; }
/* SIDED SECTION */
.sided-70{ position: relative; }
.sided-70 .s-left{ position: absolute; top: 0; left: 0; height: 70px; width: 70px; }
.sided-70 .s-left.rounded img{ border-radius: 70px; overflow: hidden; }
.sided-70 .s-right{ min-height: 70px; }
/* FLOAT LEFT RIGHT */
.float-left-right{ overflow: hidden; }
.float-left-right ul:first-child{ float: left; }
.float-left-right ul:last-child{ float: right; }
/* RESPONSIVE */
@media only screen and (max-width: 767px) {
.float-left-right{ text-align: center; }
.float-left-right ul:first-child,
.float-left-right ul:last-child{ float: none; }
}
/* ACCRODIAN */
.accordian:first-child{ border-top: 1px solid #ccc; }
.accordian .a-title{ padding: 15px 50px 15px 25px; display: block; position: relative; border: 1px solid #ccc;
border-top: 0; }
.accordian .a-title i{ position: absolute; top: 50%; right: 0; color: #2196F3; width: 50px; text-align: center;
-webkit-transform: translateY(-50%); transform: translateY(-50%); }
.accordian .a-body{ max-height: 0; overflow: hidden; -webkit-transition: all .2s; transition: all .2s; }
.accordian .a-body.active{ max-height: 1000px; }
.a-body-inner{ padding: 25px 40px 25px 25px; border: 1px solid #ccc; border-top: 0;}
/* INDIVIDUAL STYLING */
section{ padding: 50px 0; flex: 1; }
.p-title{ position: relative; padding-bottom: 20px; margin-bottom: 40px; }
.p-title:after { content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #ccc; }
.p-title:before{ content:''; position: absolute; bottom: 0; left: 0; width: 80px; height: 5px;
background: #2196F3; z-index: 1; }
.quote-primary{ padding: 10px 20px; border-left: 2px solid #2196F3; }
/* WIDTH/HEIGHT */
.w-auto{ width: auto!important; }
.h-auto{ height: auto!important; }
.w-10 { width: 10%!important; }
.w-20 { width: 20%!important; }
.w-30 { width: 30%!important; }
.w-40 { width: 40%!important; }
.w-50 { width: 50%!important; }
.w-60 { width: 60%!important; }
.w-70 { width: 70%!important; }
.w-80 { width: 80%!important; }
.w-90 { width: 90%!important; }
.w-100{ width: 100%!important; }
.w-1-4 { width: 25%!important; }
.w-1-3 { width: 33.33%!important; }
.w-2-3 { width: 66.666%!important; }
.w-3-4 { width: 75%!important; }
.h-10 { height: 10%!important; }
.h-20 { height: 20%!important; }
.h-30 { height: 30%!important; }
.h-40 { height: 40%!important; }
.h-50 { height: 50%!important; }
.h-60 { height: 60%!important; }
.h-70 { height: 70%!important; }
.h-80 { height: 80%!important; }
.h-90 { height: 90%!important; }
.h-100{ height: 100%!important; }
.h-1-4 { height: 25%!important; }
.h-1-3 { height: 33.33%!important; }
.h-2-3 { height: 66.666%!important; }
.h-3-4 { height: 75%!important; }
.h-100vh{ height: 100vh!important; }
.wh-100x{ height: 100px; width: 100px!important; }
.w-100x { width: 100px!important; }
.w-200x { width: 200px!important; }
.w-300x { width: 300px!important; }
.w-400x { width: 400px!important; }
.w-500x { width: 500px!important; }
.w-600x { width: 600px!important; }
.w-700x { width: 700px!important; }
.w-800x { width: 800px!important; }
.w-900x { width: 900px!important; }
.h-100x { height: 100px!important; }
.h-200x { height: 200px!important; }
.h-300x { height: 300px!important; }
.h-400x { height: 400px!important; }
.h-500x { height: 500px!important; }
.h-600x { height: 600px!important; }
.h-700x { height: 700px!important; }
.h-800x { height: 800px!important; }
.h-900x { height: 900px!important; }
.min-h-100x{ min-height: 100px!important; }
/* RESPONSIVE */
@media only screen and (max-width: 767px) {
.w-sm-auto{ width: auto!important; }
.h-sm-auto{ height: auto!important; }
.w-sm-10 { width: 10%!important; }
.w-sm-20 { width: 20%!important; }
.w-sm-30 { width: 30%!important; }
.w-sm-40 { width: 40%!important; }
.w-sm-50 { width: 50%!important; }
.w-sm-60 { width: 60%!important; }
.w-sm-70 { width: 70%!important; }
.w-sm-80 { width: 80%!important; }
.w-sm-90 { width: 90%!important; }
.w-sm-100{ width: 100%!important; }
.w-sm-1-4 { width: 25%!important; }
.w-sm-1-3 { width: 33.33%!important; }
.w-sm-2-3 { width: 66.666%!important; }
.w-sm-3-4 { width: 75%!important; }
.h-sm-10 { height: 10%!important; }
.h-sm-20 { height: 20%!important; }
.h-sm-30 { height: 30%!important; }
.h-sm-40 { height: 40%!important; }
.h-sm-50 { height: 50%!important; }
.h-sm-60 { height: 60%!important; }
.h-sm-70 { height: 70%!important; }
.h-sm-80 { height: 80%!important; }
.h-sm-90 { height: 90%!important; }
.h-sm-100{ height: 100%!important; }
.h-sm-1-4 { height: 25%!important; }
.h-sm-1-3 { height: 33.33%!important; }
.h-sm-2-3 { height: 66.666%!important; }
.h-sm-3-4 { height: 75%!important; }
.h-sm-100vh{ height: 100vh!important; }
.wh-sm-100x{ height: 100px!important; width: 100px!important; }
.w-sm-100x { width: 100px!important; }
.w-sm-200x { width: 200px!important; }
.w-sm-300x { width: 300px!important; }
.w-sm-400x { width: 400px!important; }
.w-sm-500x { width: 500px!important; }
.w-sm-600x { width: 600px!important; }
.w-sm-700x { width: 700px!important; }
.w-sm-800x { width: 800px!important; }
.w-sm-900x { width: 900px!important; }
.h-sm-100x { height: 100px!important; }
.h-sm-200x { height: 200px!important; }
.h-sm-300x { height: 300px!important; }
.h-sm-400x { height: 400px!important; }
.h-sm-500x { height: 500px!important; }
.h-sm-600x { height: 600px!important; }
.h-sm-700x { height: 700px!important; }
.h-sm-800x { height: 800px!important; }
.h-sm-900x { height: 900px!important; }
.min-h-100x{ min-height: 100px!important; }
}
/* LIST */
.list-block > li{ display: block; }
.list-relative > li{ position: relative; }
.list-a-block > li > a{ display: block; }
.list-btm-border-white > li{ border-bottom: 1px solid #fff; }
.list-a-bg-grey > li > a{ background: #EBEBEB; }
.list-a-br-2 > li > a { border-radius: 2px; }
.list-a-hw-radial-35 > li > a{ height: 35px; width: 35px; border-radius: 35px; line-height: 35px; }
.list-a-hvr-primary > li > a:hover{ background: #2196F3; color: #fff; }
/* MARGIN/PADDING */
.list-a-p-0 > li > a{ padding: 0px; }
.list-a-p-5 > li > a{ padding: 5px; }
.list-a-p-10 > li > a{ padding: 10px; }
.list-a-p-15 > li > a{ padding: 15px; }
.list-a-p-20 > li > a{ padding: 20px; }
.list-a-p-25 > li > a{ padding: 25px; }
.list-a-p-30 > li > a{ padding: 30px; }
.list-a-plr-0 > li > a{ padding-left: 0px; padding-right: 0px; }
.list-a-plr-5 > li > a{ padding-left: 5px; padding-right: 5px; }
.list-a-plr-10 > li > a{ padding-left: 10px; padding-right: 10px; }
.list-a-plr-15 > li > a{ padding-left: 15px; padding-right: 15px; }
.list-a-plr-20 > li > a{ padding-left: 20px; padding-right: 20px; }
.list-a-plr-25 > li > a{ padding-left: 25px; padding-right: 25px; }
.list-a-plr-30 > li > a{ padding-left: 30px; padding-right: 30px; }
.list-a-pr-0 > li > a{ padding-right: 0px; }
.list-a-pr-5 > li > a{ padding-right: 5px; }
.list-a-pr-10 > li > a{ padding-right: 10px; }
.list-a-pr-15 > li > a{ padding-right: 15px; }
.list-a-pr-20 > li > a{ padding-right: 20px; }
.list-a-pr-25 > li > a{ padding-right: 25px; }
.list-a-pr-30 > li > a{ padding-right: 30px; }
.list-a-pl-0 > li > a{ padding-left: 0px; }
.list-a-pl-5 > li > a{ padding-left: 5px; }
.list-a-pl-10 > li > a{ padding-left: 10px; }
.list-a-pl-15 > li > a{ padding-left: 15px; }
.list-a-pl-20 > li > a{ padding-left: 20px; }
.list-a-pl-25 > li > a{ padding-left: 25px; }
.list-a-pl-30 > li > a{ padding-left: 30px; }
.list-a-ptb-0 > li > a{ padding-top: 0px; padding-bottom: 0px; }
.list-a-ptb-5 > li > a{ padding-top: 5px; padding-bottom: 5px; }
.list-a-ptb-10 > li > a{ padding-top: 10px; padding-bottom: 10px; }
.list-a-ptb-15 > li > a{ padding-top: 15px; padding-bottom: 15px; }
.list-a-ptb-20 > li > a{ padding-top: 20px; padding-bottom: 20px; }
.list-a-ptb-25 > li > a{ padding-top: 25px; padding-bottom: 25px; }
.list-a-ptb-30 > li > a{ padding-top: 30px; padding-bottom: 30px; }
.list-a-ptb-7 > li > a{ padding-top: 7px; padding-bottom: 7px; }
.list-a-ptb-8 > li > a{ padding-top: 8px; padding-bottom: 8px; }
.list-a-pt-0 > li > a{ padding-top: 0px; }
.list-a-pt-5 > li > a{ padding-top: 5px; }
.list-a-pt-10 > li > a{ padding-top: 10px; }
.list-a-pt-15 > li > a{ padding-top: 15px; }
.list-a-pt-20 > li > a{ padding-top: 20px; }
.list-a-pt-25 > li > a{ padding-top: 25px; }
.list-a-pt-30 > li > a{ padding-top: 30px; }
.list-a-pb-0 > li > a{ padding-bottom: 0px; }
.list-a-pb-5 > li > a{ padding-bottom: 5px; }
.list-a-pb-10 > li > a{ padding-bottom: 10px; }
.list-a-pb-15 > li > a{ padding-bottom: 15px; }
.list-a-pb-20 > li > a{ padding-bottom: 20px; }
.list-a-pb-25 > li > a{ padding-bottom: 25px; }
.list-a-pb-30 > li > a{ padding-bottom: 30px; }
.list-li-mlr-0 > li{ margin-left: 0px; margin-right: 0px; }
.list-li-mlr-5 > li{ margin-left: 5px; margin-right: 5px; }
.list-li-mlr-10 > li{ margin-left: 10px; margin-right: 10px; }
.list-li-mlr-15 > li{ margin-left: 15px; margin-right: 15px; }
.list-li-mlr-20 > li{ margin-left: 20px; margin-right: 20px; }
.list-li-mlr-25 > li{ margin-left: 25px; margin-right: 25px; }
.list-li-mlr-30 > li{ margin-left: 30px; margin-right: 30px; }
.list-li-mtb-0 > li{ margin-top: 0px; margin-bottom: 0px; }
.list-li-mtb-5 > li{ margin-top: 5px; margin-bottom: 5px; }
.list-li-mtb-10 > li{ margin-top: 10px; margin-bottom: 10px; }
.list-li-mtb-15 > li{ margin-top: 15px; margin-bottom: 15px; }
.list-li-mtb-20 > li{ margin-top: 20px; margin-bottom: 20px; }
.list-li-mtb-25 > li{ margin-top: 25px; margin-bottom: 25px; }
.list-li-mtb-30 > li{ margin-top: 30px; margin-bottom: 30px; }
.list-li-mr-0 > li{ margin-right: 0px; }
.list-li-mr-5 > li{ margin-right: 5px; }
.list-li-mr-10 > li{ margin-right: 10px; }
.list-li-mr-15 > li{ margin-right: 15px; }
.list-li-mr-20 > li{ margin-right: 20px; }
.list-li-mr-25 > li{ margin-right: 25px; }
.list-li-mr-30 > li{ margin-right: 30px; }
.list-li-ml-0 > li{ margin-left: 0px; }
.list-li-ml-5 > li{ margin-left: 5px; }
.list-li-ml-10 > li{ margin-left: 10px; }
.list-li-ml-15 > li{ margin-left: 15px; }
.list-li-ml-20 > li{ margin-left: 20px; }
.list-li-ml-25 > li{ margin-left: 25px; }
.list-li-ml-30 > li{ margin-left: 30px; }
.list-li-mt-0 > li{ margin-top: 0px; }
.list-li-mt-5 > li{ margin-top: 5px; }
.list-li-mt-10 > li{ margin-top: 10px; }
.list-li-mt-15 > li{ margin-top: 15px; }
.list-li-mt-20 > li{ margin-top: 20px; }
.list-li-mt-25 > li{ margin-top: 25px; }
.list-li-mt-30 > li{ margin-top: 30px; }
.list-li-mb-0 > li{ margin-bottom: 0px; }
.list-li-mb-5 > li{ margin-bottom: 5px; }
.list-li-mb-10 > li{ margin-bottom: 10px; }
.list-li-mb-15 > li{ margin-bottom: 15px; }
.list-li-mb-20 > li{ margin-bottom: 20px; }
.list-li-mb-25 > li{ margin-bottom: 25px; }
.list-li-mb-30 > li{ margin-bottom: 30px; }
.list-li-plr-0 > li{ padding-left: 0px; padding-right: 0px; }
.list-li-plr-5 > li{ padding-left: 5px; padding-right: 5px; }
.list-li-plr-10 > li{ padding-left: 10px; padding-right: 10px; }
.list-li-plr-15 > li{ padding-left: 15px; padding-right: 15px; }
.list-li-plr-20 > li{ padding-left: 20px; padding-right: 20px; }
.list-li-plr-25 > li{ padding-left: 25px; padding-right: 25px; }
.list-li-plr-30 > li{ padding-left: 30px; padding-right: 30px; }
.list-li-ptb-0 > li{ padding-top: 0px; padding-bottom: 0px; }
.list-li-ptb-5 > li{ padding-top: 5px; padding-bottom: 5px; }
.list-li-ptb-10 > li{ padding-top: 10px; padding-bottom: 10px; }
.list-li-ptb-15 > li{ padding-top: 15px; padding-bottom: 15px; }
.list-li-ptb-20 > li{ padding-top: 20px; padding-bottom: 20px; }
.list-li-ptb-25 > li{ padding-top: 25px; padding-bottom: 25px; }
.list-li-ptb-30 > li{ padding-top: 30px; padding-bottom: 30px; }
.list-li-pr-0 > li{ padding-right: 0px; }
.list-li-pr-5 > li{ padding-right: 5px; }
.list-li-pr-10 > li{ padding-right: 10px; }
.list-li-pr-15 > li{ padding-right: 15px; }
.list-li-pr-20 > li{ padding-right: 20px; }
.list-li-pr-25 > li{ padding-right: 25px; }
.list-li-pr-30 > li{ padding-right: 30px; }
.list-li-pl-0 > li{ padding-left: 0px; }
.list-li-pl-5 > li{ padding-left: 5px; }
.list-li-pl-10 > li{ padding-left: 10px; }
.list-li-pl-15 > li{ padding-left: 15px; }
.list-li-pl-20 > li{ padding-left: 20px; }
.list-li-pl-25 > li{ padding-left: 25px; }
.list-li-pl-30 > li{ padding-left: 30px; }
.list-li-pt-0 > li{ padding-top: 0px; }
.list-li-pt-5 > li{ padding-top: 5px; }
.list-li-pt-10 > li{ padding-top: 10px; }
.list-li-pt-15 > li{ padding-top: 15px; }
.list-li-pt-20 > li{ padding-top: 20px; }
.list-li-pt-25 > li{ padding-top: 25px; }
.list-li-pt-30 > li{ padding-top: 30px; }
.list-li-pb-0 > li{ padding-bottom: 0px; }
.list-li-pb-5 > li{ padding-bottom: 5px; }
.list-li-pb-10 > li{ padding-bottom: 10px; }
.list-li-pb-15 > li{ padding-bottom: 15px; }
.list-li-pb-20 > li{ padding-bottom: 20px; }
.list-li-pb-25 > li{ padding-bottom: 25px; }
.list-li-pb-30 > li{ padding-bottom: 30px; }
/* RESPONSIVE */
@media only screen and (max-width: 767px) {
.list-a-p-sm-0 > li > a{ padding: 0px; }
.list-a-p-sm-5 > li > a{ padding: 5px; }
.list-a-p-sm-10 > li > a{ padding: 10px; }
.list-a-p-sm-15 > li > a{ padding: 15px; }
.list-a-p-sm-20 > li > a{ padding: 20px; }
.list-a-p-sm-25 > li > a{ padding: 25px; }
.list-a-p-sm-30 > li > a{ padding: 30px; }
.list-a-plr-sm-0 > li > a{ padding-left: 0px; padding-right: 0px; }
.list-a-plr-sm-5 > li > a{ padding-left: 5px; padding-right: 5px; }
.list-a-plr-sm-10 > li > a{ padding-left: 10px; padding-right: 10px; }
.list-a-plr-sm-15 > li > a{ padding-left: 15px; padding-right: 15px; }
.list-a-plr-sm-20 > li > a{ padding-left: 20px; padding-right: 20px; }
.list-a-plr-sm-25 > li > a{ padding-left: 25px; padding-right: 25px; }
.list-a-plr-sm-30 > li > a{ padding-left: 30px; padding-right: 30px; }
.list-a-pr-sm-0 > li > a{ padding-right: 0px; }
.list-a-pr-sm-5 > li > a{ padding-right: 5px; }
.list-a-pr-sm-10 > li > a{ padding-right: 10px; }
.list-a-pr-sm-15 > li > a{ padding-right: 15px; }
.list-a-pr-sm-20 > li > a{ padding-right: 20px; }
.list-a-pr-sm-25 > li > a{ padding-right: 25px; }
.list-a-pr-sm-30 > li > a{ padding-right: 30px; }
.list-a-pl-sm-0 > li > a{ padding-left: 0px; }
.list-a-pl-sm-5 > li > a{ padding-left: 5px; }
.list-a-pl-sm-10 > li > a{ padding-left: 10px; }
.list-a-pl-sm-15 > li > a{ padding-left: 15px; }
.list-a-pl-sm-20 > li > a{ padding-left: 20px; }
.list-a-pl-sm-25 > li > a{ padding-left: 25px; }
.list-a-pl-sm-30 > li > a{ padding-left: 30px; }
.list-a-ptb-sm-0 > li > a{ padding-top: 0px; padding-bottom: 0px; }
.list-a-ptb-sm-5 > li > a{ padding-top: 5px; padding-bottom: 5px; }
.list-a-ptb-sm-10 > li > a{ padding-top: 10px; padding-bottom: 10px; }
.list-a-ptb-sm-15 > li > a{ padding-top: 15px; padding-bottom: 15px; }
.list-a-ptb-sm-20 > li > a{ padding-top: 20px; padding-bottom: 20px; }
.list-a-ptb-sm-25 > li > a{ padding-top: 25px; padding-bottom: 25px; }
.list-a-ptb-sm-30 > li > a{ padding-top: 30px; padding-bottom: 30px; }
.list-a-ptb-sm-7 > li > a{ padding-top: 7px; padding-bottom: 7px; }
.list-a-ptb-sm-8 > li > a{ padding-top: 8px; padding-bottom: 8px; }
.list-a-pt-sm-0 > li > a{ padding-top: 0px; }
.list-a-pt-sm-5 > li > a{ padding-top: 5px; }
.list-a-pt-sm-10 > li > a{ padding-top: 10px; }
.list-a-pt-sm-15 > li > a{ padding-top: 15px; }
.list-a-pt-sm-20 > li > a{ padding-top: 20px; }
.list-a-pt-sm-25 > li > a{ padding-top: 25px; }
.list-a-pt-sm-30 > li > a{ padding-top: 30px; }
.list-a-pb-sm-0 > li > a{ padding-bottom: 0px; }
.list-a-pb-sm-5 > li > a{ padding-bottom: 5px; }
.list-a-pb-sm-10 > li > a{ padding-bottom: 10px; }
.list-a-pb-sm-15 > li > a{ padding-bottom: 15px; }
.list-a-pb-sm-20 > li > a{ padding-bottom: 20px; }
.list-a-pb-sm-25 > li > a{ padding-bottom: 25px; }
.list-a-pb-sm-30 > li > a{ padding-bottom: 30px; }
.list-li-mlr-sm-0 > li{ margin-left: 0px; margin-right: 0px; }
.list-li-mlr-sm-5 > li{ margin-left: 5px; margin-right: 5px; }
.list-li-mlr-sm-10 > li{ margin-left: 10px; margin-right: 10px; }
.list-li-mlr-sm-15 > li{ margin-left: 15px; margin-right: 15px; }
.list-li-mlr-sm-20 > li{ margin-left: 20px; margin-right: 20px; }
.list-li-mlr-sm-25 > li{ margin-left: 25px; margin-right: 25px; }
.list-li-mlr-sm-30 > li{ margin-left: 30px; margin-right: 30px; }
.list-li-mtb-sm-0 > li{ margin-top: 0px; margin-bottom: 0px; }
.list-li-mtb-sm-5 > li{ margin-top: 5px; margin-bottom: 5px; }
.list-li-mtb-sm-10 > li{ margin-top: 10px; margin-bottom: 10px; }
.list-li-mtb-sm-15 > li{ margin-top: 15px; margin-bottom: 15px; }
.list-li-mtb-sm-20 > li{ margin-top: 20px; margin-bottom: 20px; }
.list-li-mtb-sm-25 > li{ margin-top: 25px; margin-bottom: 25px; }
.list-li-mtb-sm-30 > li{ margin-top: 30px; margin-bottom: 30px; }
.list-li-mr-sm-0 > li{ margin-right: 0px; }
.list-li-mr-sm-5 > li{ margin-right: 5px; }
.list-li-mr-sm-10 > li{ margin-right: 10px; }
.list-li-mr-sm-15 > li{ margin-right: 15px; }
.list-li-mr-sm-20 > li{ margin-right: 20px; }
.list-li-mr-sm-25 > li{ margin-right: 25px; }
.list-li-mr-sm-30 > li{ margin-right: 30px; }
.list-li-ml-sm-0 > li{ margin-left: 0px; }
.list-li-ml-sm-5 > li{ margin-left: 5px; }
.list-li-ml-sm-10 > li{ margin-left: 10px; }
.list-li-ml-sm-15 > li{ margin-left: 15px; }
.list-li-ml-sm-20 > li{ margin-left: 20px; }
.list-li-ml-sm-25 > li{ margin-left: 25px; }
.list-li-ml-sm-30 > li{ margin-left: 30px; }
.list-li-mt-sm-0 > li{ margin-top: 0px; }
.list-li-mt-sm-5 > li{ margin-top: 5px; }
.list-li-mt-sm-10 > li{ margin-top: 10px; }
.list-li-mt-sm-15 > li{ margin-top: 15px; }
.list-li-mt-sm-20 > li{ margin-top: 20px; }
.list-li-mt-sm-25 > li{ margin-top: 25px; }
.list-li-mt-sm-30 > li{ margin-top: 30px; }
.list-li-mb-sm-0 > li{ margin-bottom: 0px; }
.list-li-mb-sm-5 > li{ margin-bottom: 5px; }
.list-li-mb-sm-10 > li{ margin-bottom: 10px; }
.list-li-mb-sm-15 > li{ margin-bottom: 15px; }
.list-li-mb-sm-20 > li{ margin-bottom: 20px; }
.list-li-mb-sm-25 > li{ margin-bottom: 25px; }
.list-li-mb-sm-30 > li{ margin-bottom: 30px; }
.list-li-plr-sm-0 > li{ padding-left: 0px; padding-right: 0px; }
.list-li-plr-sm-5 > li{ padding-left: 5px; padding-right: 5px; }
.list-li-plr-sm-10 > li{ padding-left: 10px; padding-right: 10px; }
.list-li-plr-sm-15 > li{ padding-left: 15px; padding-right: 15px; }
.list-li-plr-sm-20 > li{ padding-left: 20px; padding-right: 20px; }
.list-li-plr-sm-25 > li{ padding-left: 25px; padding-right: 25px; }
.list-li-plr-sm-30 > li{ padding-left: 30px; padding-right: 30px; }
.list-li-ptb-sm-0 > li{ padding-top: 0px; padding-bottom: 0px; }
.list-li-ptb-sm-5 > li{ padding-top: 5px; padding-bottom: 5px; }
.list-li-ptb-sm-10 > li{ padding-top: 10px; padding-bottom: 10px; }
.list-li-ptb-sm-15 > li{ padding-top: 15px; padding-bottom: 15px; }
.list-li-ptb-sm-20 > li{ padding-top: 20px; padding-bottom: 20px; }
.list-li-ptb-sm-25 > li{ padding-top: 25px; padding-bottom: 25px; }
.list-li-ptb-sm-30 > li{ padding-top: 30px; padding-bottom: 30px; }
.list-li-pr-sm-0 > li{ padding-right: 0px; }
.list-li-pr-sm-5 > li{ padding-right: 5px; }
.list-li-pr-sm-10 > li{ padding-right: 10px; }
.list-li-pr-sm-15 > li{ padding-right: 15px; }
.list-li-pr-sm-20 > li{ padding-right: 20px; }
.list-li-pr-sm-25 > li{ padding-right: 25px; }
.list-li-pr-sm-30 > li{ padding-right: 30px; }
.list-li-pl-sm-0 > li{ padding-left: 0px; }
.list-li-pl-sm-5 > li{ padding-left: 5px; }
.list-li-pl-sm-10 > li{ padding-left: 10px; }
.list-li-pl-sm-15 > li{ padding-left: 15px; }
.list-li-pl-sm-20 > li{ padding-left: 20px; }
.list-li-pl-sm-25 > li{ padding-left: 25px; }
.list-li-pl-sm-30 > li{ padding-left: 30px; }
.list-li-pt-sm-0 > li{ padding-top: 0px; }
.list-li-pt-sm-5 > li{ padding-top: 5px; }
.list-li-pt-sm-10 > li{ padding-top: 10px; }
.list-li-pt-sm-15 > li{ padding-top: 15px; }
.list-li-pt-sm-20 > li{ padding-top: 20px; }
.list-li-pt-sm-25 > li{ padding-top: 25px; }
.list-li-pt-sm-30 > li{ padding-top: 30px; }
.list-li-pb-sm-0 > li{ padding-bottom: 0px; }
.list-li-pb-sm-5 > li{ padding-bottom: 5px; }
.list-li-pb-sm-10 > li{ padding-bottom: 10px; }
.list-li-pb-sm-15 > li{ padding-bottom: 15px; }
.list-li-pb-sm-20 > li{ padding-bottom: 20px; }
.list-li-pb-sm-25 > li{ padding-bottom: 25px; }
.list-li-pb-sm-30 > li{ padding-bottom: 30px; }
}
/* RESPONSIVE */
@media only screen and (max-width: 576px) {
.list-a-p-xs-0 > li > a{ padding: 0px; }
.list-a-p-xs-5 > li > a{ padding: 5px; }
.list-a-p-xs-10 > li > a{ padding: 10px; }
.list-a-p-xs-15 > li > a{ padding: 15px; }
.list-a-p-xs-20 > li > a{ padding: 20px; }
.list-a-p-xs-25 > li > a{ padding: 25px; }
.list-a-p-xs-30 > li > a{ padding: 30px; }
.list-a-plr-xs-0 > li > a{ padding-left: 0px; padding-right: 0px; }
.list-a-plr-xs-5 > li > a{ padding-left: 5px; padding-right: 5px; }
.list-a-plr-xs-10 > li > a{ padding-left: 10px; padding-right: 10px; }
.list-a-plr-xs-15 > li > a{ padding-left: 15px; padding-right: 15px; }
.list-a-plr-xs-20 > li > a{ padding-left: 20px; padding-right: 20px; }
.list-a-plr-xs-25 > li > a{ padding-left: 25px; padding-right: 25px; }
.list-a-plr-xs-30 > li > a{ padding-left: 30px; padding-right: 30px; }
.list-a-pr-xs-0 > li > a{ padding-right: 0px; }
.list-a-pr-xs-5 > li > a{ padding-right: 5px; }
.list-a-pr-xs-10 > li > a{ padding-right: 10px; }
.list-a-pr-xs-15 > li > a{ padding-right: 15px; }
.list-a-pr-xs-20 > li > a{ padding-right: 20px; }
.list-a-pr-xs-25 > li > a{ padding-right: 25px; }
.list-a-pr-xs-30 > li > a{ padding-right: 30px; }
.list-a-pl-xs-0 > li > a{ padding-left: 0px; }
.list-a-pl-xs-5 > li > a{ padding-left: 5px; }
.list-a-pl-xs-10 > li > a{ padding-left: 10px; }
.list-a-pl-xs-15 > li > a{ padding-left: 15px; }
.list-a-pl-xs-20 > li > a{ padding-left: 20px; }
.list-a-pl-xs-25 > li > a{ padding-left: 25px; }
.list-a-pl-xs-30 > li > a{ padding-left: 30px; }
.list-a-ptb-xs-0 > li > a{ padding-top: 0px; padding-bottom: 0px; }
.list-a-ptb-xs-5 > li > a{ padding-top: 5px; padding-bottom: 5px; }
.list-a-ptb-xs-10 > li > a{ padding-top: 10px; padding-bottom: 10px; }
.list-a-ptb-xs-15 > li > a{ padding-top: 15px; padding-bottom: 15px; }
.list-a-ptb-xs-20 > li > a{ padding-top: 20px; padding-bottom: 20px; }
.list-a-ptb-xs-25 > li > a{ padding-top: 25px; padding-bottom: 25px; }
.list-a-ptb-xs-30 > li > a{ padding-top: 30px; padding-bottom: 30px; }
.list-a-ptb-xs-7 > li > a{ padding-top: 7px; padding-bottom: 7px; }
.list-a-ptb-xs-8 > li > a{ padding-top: 8px; padding-bottom: 8px; }
.list-a-pt-xs-0 > li > a{ padding-top: 0px; }
.list-a-pt-xs-5 > li > a{ padding-top: 5px; }
.list-a-pt-xs-10 > li > a{ padding-top: 10px; }
.list-a-pt-xs-15 > li > a{ padding-top: 15px; }
.list-a-pt-xs-20 > li > a{ padding-top: 20px; }
.list-a-pt-xs-25 > li > a{ padding-top: 25px; }
.list-a-pt-xs-30 > li > a{ padding-top: 30px; }
.list-a-pb-xs-0 > li > a{ padding-bottom: 0px; }
.list-a-pb-xs-5 > li > a{ padding-bottom: 5px; }
.list-a-pb-xs-10 > li > a{ padding-bottom: 10px; }
.list-a-pb-xs-15 > li > a{ padding-bottom: 15px; }
.list-a-pb-xs-20 > li > a{ padding-bottom: 20px; }
.list-a-pb-xs-25 > li > a{ padding-bottom: 25px; }
.list-a-pb-xs-30 > li > a{ padding-bottom: 30px; }
.list-li-mlr-xs-0 > li{ margin-left: 0px; margin-right: 0px; }
.list-li-mlr-xs-5 > li{ margin-left: 5px; margin-right: 5px; }
.list-li-mlr-xs-10 > li{ margin-left: 10px; margin-right: 10px; }
.list-li-mlr-xs-15 > li{ margin-left: 15px; margin-right: 15px; }
.list-li-mlr-xs-20 > li{ margin-left: 20px; margin-right: 20px; }
.list-li-mlr-xs-25 > li{ margin-left: 25px; margin-right: 25px; }
.list-li-mlr-xs-30 > li{ margin-left: 30px; margin-right: 30px; }
.list-li-mtb-xs-0 > li{ margin-top: 0px; margin-bottom: 0px; }
.list-li-mtb-xs-5 > li{ margin-top: 5px; margin-bottom: 5px; }
.list-li-mtb-xs-10 > li{ margin-top: 10px; margin-bottom: 10px; }
.list-li-mtb-xs-15 > li{ margin-top: 15px; margin-bottom: 15px; }
.list-li-mtb-xs-20 > li{ margin-top: 20px; margin-bottom: 20px; }
.list-li-mtb-xs-25 > li{ margin-top: 25px; margin-bottom: 25px; }
.list-li-mtb-xs-30 > li{ margin-top: 30px; margin-bottom: 30px; }
.list-li-mr-xs-0 > li{ margin-right: 0px; }
.list-li-mr-xs-5 > li{ margin-right: 5px; }
.list-li-mr-xs-10 > li{ margin-right: 10px; }
.list-li-mr-xs-15 > li{ margin-right: 15px; }
.list-li-mr-xs-20 > li{ margin-right: 20px; }
.list-li-mr-xs-25 > li{ margin-right: 25px; }
.list-li-mr-xs-30 > li{ margin-right: 30px; }
.list-li-ml-xs-0 > li{ margin-left: 0px; }
.list-li-ml-xs-5 > li{ margin-left: 5px; }
.list-li-ml-xs-10 > li{ margin-left: 10px; }
.list-li-ml-xs-15 > li{ margin-left: 15px; }
.list-li-ml-xs-20 > li{ margin-left: 20px; }
.list-li-ml-xs-25 > li{ margin-left: 25px; }
.list-li-ml-xs-30 > li{ margin-left: 30px; }
.list-li-mt-xs-0 > li{ margin-top: 0px; }
.list-li-mt-xs-5 > li{ margin-top: 5px; }
.list-li-mt-xs-10 > li{ margin-top: 10px; }
.list-li-mt-xs-15 > li{ margin-top: 15px; }
.list-li-mt-xs-20 > li{ margin-top: 20px; }
.list-li-mt-xs-25 > li{ margin-top: 25px; }
.list-li-mt-xs-30 > li{ margin-top: 30px; }
.list-li-mb-xs-0 > li{ margin-bottom: 0px; }
.list-li-mb-xs-5 > li{ margin-bottom: 5px; }
.list-li-mb-xs-10 > li{ margin-bottom: 10px; }
.list-li-mb-xs-15 > li{ margin-bottom: 15px; }
.list-li-mb-xs-20 > li{ margin-bottom: 20px; }
.list-li-mb-xs-25 > li{ margin-bottom: 25px; }
.list-li-mb-xs-30 > li{ margin-bottom: 30px; }
.list-li-plr-xs-0 > li{ padding-left: 0px; padding-right: 0px; }
.list-li-plr-xs-5 > li{ padding-left: 5px; padding-right: 5px; }
.list-li-plr-xs-10 > li{ padding-left: 10px; padding-right: 10px; }
.list-li-plr-xs-15 > li{ padding-left: 15px; padding-right: 15px; }
.list-li-plr-xs-20 > li{ padding-left: 20px; padding-right: 20px; }
.list-li-plr-xs-25 > li{ padding-left: 25px; padding-right: 25px; }
.list-li-plr-xs-30 > li{ padding-left: 30px; padding-right: 30px; }
.list-li-ptb-xs-0 > li{ padding-top: 0px; padding-bottom: 0px; }
.list-li-ptb-xs-5 > li{ padding-top: 5px; padding-bottom: 5px; }
.list-li-ptb-xs-10 > li{ padding-top: 10px; padding-bottom: 10px; }
.list-li-ptb-xs-15 > li{ padding-top: 15px; padding-bottom: 15px; }
.list-li-ptb-xs-20 > li{ padding-top: 20px; padding-bottom: 20px; }
.list-li-ptb-xs-25 > li{ padding-top: 25px; padding-bottom: 25px; }
.list-li-ptb-xs-30 > li{ padding-top: 30px; padding-bottom: 30px; }
.list-li-pr-xs-0 > li{ padding-right: 0px; }
.list-li-pr-xs-5 > li{ padding-right: 5px; }
.list-li-pr-xs-10 > li{ padding-right: 10px; }
.list-li-pr-xs-15 > li{ padding-right: 15px; }
.list-li-pr-xs-20 > li{ padding-right: 20px; }
.list-li-pr-xs-25 > li{ padding-right: 25px; }
.list-li-pr-xs-30 > li{ padding-right: 30px; }
.list-li-pl-xs-0 > li{ padding-left: 0px; }
.list-li-pl-xs-5 > li{ padding-left: 5px; }
.list-li-pl-xs-10 > li{ padding-left: 10px; }
.list-li-pl-xs-15 > li{ padding-left: 15px; }
.list-li-pl-xs-20 > li{ padding-left: 20px; }
.list-li-pl-xs-25 > li{ padding-left: 25px; }
.list-li-pl-xs-30 > li{ padding-left: 30px; }
.list-li-pt-xs-0 > li{ padding-top: 0px; }
.list-li-pt-xs-5 > li{ padding-top: 5px; }
.list-li-pt-xs-10 > li{ padding-top: 10px; }
.list-li-pt-xs-15 > li{ padding-top: 15px; }
.list-li-pt-xs-20 > li{ padding-top: 20px; }
.list-li-pt-xs-25 > li{ padding-top: 25px; }
.list-li-pt-xs-30 > li{ padding-top: 30px; }
.list-li-pb-xs-0 > li{ padding-bottom: 0px; }
.list-li-pb-xs-5 > li{ padding-bottom: 5px; }
.list-li-pb-xs-10 > li{ padding-bottom: 10px; }
.list-li-pb-xs-15 > li{ padding-bottom: 15px; }
.list-li-pb-xs-20 > li{ padding-bottom: 20px; }
.list-li-pb-xs-25 > li{ padding-bottom: 25px; }
.list-li-pb-xs-30 > li{ padding-bottom: 30px; }
}
/* MARGIN */
.m-5 { margin: 5px!important; }
.m-10{ margin: 10px!important; }
.m-15{ margin: 15px!important; }
.m-20{ margin: 20px!important; }
.m-25{ margin: 25px!important; }
.m-30{ margin: 30px!important; }
.m-40{ margin: 40px!important; }
.m-50{ margin: 50px!important; }
.mtb-5 { margin-top: 5px!important; margin-bottom: 5px!important; }
.mtb-10{ margin-top: 10px!important; margin-bottom: 10px!important; }
.mtb-15{ margin-top: 15px!important; margin-bottom: 15px!important; }
.mtb-20{ margin-top: 20px!important; margin-bottom: 20px!important; }
.mtb-25{ margin-top: 25px!important; margin-bottom: 25px!important; }
.mtb-30{ margin-top: 30px!important; margin-bottom: 30px!important; }
.mtb-40{ margin-top: 40px!important; margin-bottom: 40px!important; }
.mtb-50{ margin-top: 50px!important; margin-bottom: 50px!important; }
.mb-10{ margin-bottom: 10px!important; }
.mb-15{ margin-bottom: 15px!important; }
.mb-20{ margin-bottom: 20px!important; }
.mb-25{ margin-bottom: 25px!important; }
.mb-30{ margin-bottom: 30px!important; }
.mb-40{ margin-bottom: 40px!important; }
.mb-50{ margin-bottom: 50px!important; }
.mt-5 { margin-top: 5px!important; }
.mt-10{ margin-top: 10px!important; }
.mt-15{ margin-top: 15px!important; }
.mt-20{ margin-top: 20px!important; }
.mt-25{ margin-top: 25px!important; }
.mt-30{ margin-top: 30px!important; }
.mt-40{ margin-top: 40px!important; }
.mt-50{ margin-top: 50px!important; }
.mlr-5 { margin-left: 5px!important; margin-right: 5px!important; }
.mlr-10{ margin-left: 10px!important; margin-right: 10px!important; }
.mlr-15{ margin-left: 15px!important; margin-right: 15px!important; }
.mlr-20{ margin-left: 20px!important; margin-right: 20px!important; }
.mlr-25{ margin-left: 25px!important; margin-right: 25px!important; }
.mlr-30{ margin-left: 30px!important; margin-right: 30px!important; }
.mlr-40{ margin-left: 40px!important; margin-right: 40px!important; }
.mlr-50{ margin-left: 50px!important; margin-right: 50px!important; }
.ml-5 { margin-left: 5px!important; }
.ml-10{ margin-left: 10px!important; }
.ml-15{ margin-left: 15px!important; }
.ml-20{ margin-left: 20px!important; }
.ml-25{ margin-left: 25px!important; }
.ml-30{ margin-left: 30px!important; }
.ml-40{ margin-left: 40px!important; }
.ml-50{ margin-left: 50px!important; }
.ml-60{ margin-left: 60px!important; }
.ml-70{ margin-left: 70px!important; }
.ml-80{ margin-left: 80px!important; }
.ml-85{ margin-left: 85px!important; }
.ml-90{ margin-left: 90px!important; }
.ml-100{ margin-left: 100px!important; }
.ml-110{ margin-left: 110px!important; }
.ml-115{ margin-left: 115px!important; }
.ml-120{ margin-left: 120px!important; }
.mr-5 { margin-right: 5px!important; }
.mr-10{ margin-right: 10px!important; }
.mr-15{ margin-right: 15px!important; }
.mr-20{ margin-right: 20px!important; }
.mr-25{ margin-right: 25px!important; }
.mr-30{ margin-right: 30px!important; }
.mr-40{ margin-right: 40px!important; }
.mr-50{ margin-right: 50px!important; }
.mr-100{ margin-right: 100px!important; }
.mr-110{ margin-right: 110px!important; }
.mr-115{ margin-right: 115px!important; }
.mr-120{ margin-right: 120px!important; }
.mr-3 { margin-right: 3px !important; }
.m-auto{ margin: auto; }
.mtb-auto{ margin-top: auto; margin-bottom: auto; }
.mlr-auto{ margin-left: auto; margin-right: auto; }
/* RESPONSIVE */
@media only screen and (max-width: 992px) {
.m-md-0 { margin: 0px!important; }
.m-md-5 { margin: 5px!important; }
.m-md-10{ margin: 10px!important; }
.m-md-15{ margin: 15px!important; }
.m-md-20{ margin: 20px!important; }
.m-md-25{ margin: 25px!important; }
.m-md-30{ margin: 30px!important; }
.m-md-40{ margin: 40px!important; }
.m-md-50{ margin: 50px!important; }
.mtb-md-0 { margin-top: 0px!important; margin-bottom: 0px!important; }
.mtb-md-5 { margin-top: 5px!important; margin-bottom: 5px!important; }
.mtb-md-10{ margin-top: 10px!important; margin-bottom: 10px!important; }
.mtb-md-15{ margin-top: 15px!important; margin-bottom: 15px!important; }
.mtb-md-20{ margin-top: 20px!important; margin-bottom: 20px!important; }
.mtb-md-25{ margin-top: 25px!important; margin-bottom: 25px!important; }
.mtb-md-30{ margin-top: 30px!important; margin-bottom: 30px!important; }
.mtb-md-40{ margin-top: 40px!important; margin-bottom: 40px!important; }
.mtb-md-50{ margin-top: 50px!important; margin-bottom: 50px!important; }
.mb-md-0 { margin-bottom: 0px!important; }
.mb-md-5 { margin-bottom: 5px!important; }
.mb-md-10{ margin-bottom: 10px!important; }
.mb-md-15{ margin-bottom: 15px!important; }
.mb-md-20{ margin-bottom: 20px!important; }
.mb-md-25{ margin-bottom: 25px!important; }
.mb-md-30{ margin-bottom: 30px!important; }
.mb-md-40{ margin-bottom: 40px!important; }
.mb-md-50{ margin-bottom: 50px!important; }
.mt-md-0 { margin-top: 0px!important; }
.mt-md-5 { margin-top: 5px!important; }
.mt-md-10{ margin-top: 10px!important; }
.mt-md-15{ margin-top: 15px!important; }
.mt-md-20{ margin-top: 20px!important; }
.mt-md-25{ margin-top: 25px!important; }
.mt-md-30{ margin-top: 30px!important; }
.mt-md-40{ margin-top: 40px!important; }
.mt-md-50{ margin-top: 50px!important; }
.mlr-md-0 { margin-left: 0px!important; margin-right: 0px!important; }
.mlr-md-5 { margin-left: 5px!important; margin-right: 5px!important; }
.mlr-md-10{ margin-left: 10px!important; margin-right: 10px!important; }
.mlr-md-15{ margin-left: 15px!important; margin-right: 15px!important; }
.mlr-md-20{ margin-left: 20px!important; margin-right: 20px!important; }
.mlr-md-25{ margin-left: 25px!important; margin-right: 25px!important; }
.mlr-md-30{ margin-left: 30px!important; margin-right: 30px!important; }
.mlr-md-40{ margin-left: 40px!important; margin-right: 40px!important; }
.mlr-md-50{ margin-left: 50px!important; margin-right: 50px!important; }
.ml-md-0 { margin-left: 0px!important; }
.ml-md-5 { margin-left: 5px!important; }
.ml-md-10{ margin-left: 10px!important; }
.ml-md-15{ margin-left: 15px!important; }
.ml-md-20{ margin-left: 20px!important; }
.ml-md-25{ margin-left: 25px!important; }
.ml-md-30{ margin-left: 30px!important; }
.ml-md-40{ margin-left: 40px!important; }
.ml-md-50{ margin-left: 50px!important; }
.ml-md-60{ margin-left: 60px!important; }
.ml-md-70{ margin-left: 70px!important; }
.ml-md-80{ margin-left: 80px!important; }
.ml-md-85{ margin-left: 85px!important; }
.ml-md-90{ margin-left: 90px!important; }
.ml-md-100{ margin-left: 100px!important; }
.ml-md-110{ margin-left: 110px!important; }
.ml-md-115{ margin-left: 115px!important; }
.ml-md-120{ margin-left: 120px!important; }
.mr-md-0 { margin-right: 0px!important; }
.mr-md-5 { margin-right: 5px!important; }
.mr-md-10{ margin-right: 10px!important; }
.mr-md-15{ margin-right: 15px!important; }
.mr-md-20{ margin-right: 20px!important; }
.mr-md-25{ margin-right: 25px!important; }
.mr-md-30{ margin-right: 30px!important; }
.mr-md-40{ margin-right: 40px!important; }
.mr-md-50{ margin-right: 50px!important; }
.mr-md-100{ margin-right: 100px!important; }
.mr-md-110{ margin-right: 110px!important; }
.mr-md-115{ margin-right: 115px!important; }
.mr-md-120{ margin-right: 120px!important; }
.m-md-auto{ margin: auto; }
.mtb-md-auto{ margin-top: auto; margin-bottom: auto; }
.mlr-md-auto{ margin-left: auto; margin-right: auto; }
}
@media only screen and (max-width: 767px) {
.m-sm-0 { margin: 0px!important; }
.m-sm-5 { margin: 5px!important; }
.m-sm-10{ margin: 10px!important; }
.m-sm-15{ margin: 15px!important; }
.m-sm-20{ margin: 20px!important; }
.m-sm-25{ margin: 25px!important; }
.m-sm-30{ margin: 30px!important; }
.m-sm-40{ margin: 40px!important; }
.m-sm-50{ margin: 50px!important; }
.mtb-sm-0 { margin-top: 0px!important; margin-bottom: 0px!important; }
.mtb-sm-5 { margin-top: 5px!important; margin-bottom: 5px!important; }
.mtb-sm-10{ margin-top: 10px!important; margin-bottom: 10px!important; }
.mtb-sm-15{ margin-top: 15px!important; margin-bottom: 15px!important; }
.mtb-sm-20{ margin-top: 20px!important; margin-bottom: 20px!important; }
.mtb-sm-25{ margin-top: 25px!important; margin-bottom: 25px!important; }
.mtb-sm-30{ margin-top: 30px!important; margin-bottom: 30px!important; }
.mtb-sm-40{ margin-top: 40px!important; margin-bottom: 40px!important; }
.mtb-sm-50{ margin-top: 50px!important; margin-bottom: 50px!important; }
.mb-sm-0 { margin-bottom: 0px!important; }
.mb-sm-5 { margin-bottom: 5px!important; }
.mb-sm-10{ margin-bottom: 10px!important; }
.mb-sm-15{ margin-bottom: 15px!important; }
.mb-sm-20{ margin-bottom: 20px!important; }
.mb-sm-25{ margin-bottom: 25px!important; }
.mb-sm-30{ margin-bottom: 30px!important; }
.mb-sm-40{ margin-bottom: 40px!important; }
.mb-sm-50{ margin-bottom: 50px!important; }
.mt-sm-0 { margin-top: 0px!important; }
.mt-sm-5 { margin-top: 5px!important; }
.mt-sm-10{ margin-top: 10px!important; }
.mt-sm-15{ margin-top: 15px!important; }
.mt-sm-20{ margin-top: 20px!important; }
.mt-sm-25{ margin-top: 25px!important; }
.mt-sm-30{ margin-top: 30px!important; }
.mt-sm-40{ margin-top: 40px!important; }
.mt-sm-50{ margin-top: 50px!important; }
.mlr-sm-0 { margin-left: 0px!important; margin-right: 0px!important; }
.mlr-sm-5 { margin-left: 5px!important; margin-right: 5px!important; }
.mlr-sm-10{ margin-left: 10px!important; margin-right: 10px!important; }
.mlr-sm-15{ margin-left: 15px!important; margin-right: 15px!important; }
.mlr-sm-20{ margin-left: 20px!important; margin-right: 20px!important; }
.mlr-sm-25{ margin-left: 25px!important; margin-right: 25px!important; }
.mlr-sm-30{ margin-left: 30px!important; margin-right: 30px!important; }
.mlr-sm-40{ margin-left: 40px!important; margin-right: 40px!important; }
.mlr-sm-50{ margin-left: 50px!important; margin-right: 50px!important; }
.ml-sm-0 { margin-left: 0px!important; }
.ml-sm-5 { margin-left: 5px!important; }
.ml-sm-10{ margin-left: 10px!important; }
.ml-sm-15{ margin-left: 15px!important; }
.ml-sm-20{ margin-left: 20px!important; }
.ml-sm-25{ margin-left: 25px!important; }
.ml-sm-30{ margin-left: 30px!important; }
.ml-sm-40{ margin-left: 40px!important; }
.ml-sm-50{ margin-left: 50px!important; }
.ml-sm-60{ margin-left: 60px!important; }
.ml-sm-70{ margin-left: 70px!important; }
.ml-sm-80{ margin-left: 80px!important; }
.ml-sm-85{ margin-left: 85px!important; }
.ml-sm-90{ margin-left: 90px!important; }
.ml-sm-100{ margin-left: 100px!important; }
.ml-sm-110{ margin-left: 110px!important; }
.ml-sm-120{ margin-left: 120px!important; }
.mr-sm-0 { margin-right: 0px!important; }
.mr-sm-5 { margin-right: 5px!important; }
.mr-sm-10{ margin-right: 10px!important; }
.mr-sm-15{ margin-right: 15px!important; }
.mr-sm-20{ margin-right: 20px!important; }
.mr-sm-25{ margin-right: 25px!important; }
.mr-sm-30{ margin-right: 30px!important; }
.mr-sm-40{ margin-right: 40px!important; }
.mr-sm-50{ margin-right: 50px!important; }
.mr-sm-100{ margin-right: 100px!important; }
.mr-sm-110{ margin-right: 110px!important; }
.mr-sm-120{ margin-right: 120px!important; }
.m-sm-auto{ margin: auto; }
.mtb-sm-auto{ margin-top: auto; margin-bottom: auto; }
.mlr-sm-auto{ margin-left: auto; margin-right: auto; }
}
@media only screen and (max-width: 576px) {
.m-xs-0 { margin: 0px!important; }
.m-xs-5 { margin: 5px!important; }
.m-xs-10{ margin: 10px!important; }
.m-xs-15{ margin: 15px!important; }
.m-xs-20{ margin: 20px!important; }
.m-xs-25{ margin: 25px!important; }
.m-xs-30{ margin: 30px!important; }
.m-xs-40{ margin: 40px!important; }
.m-xs-50{ margin: 50px!important; }
.mtb-xs-0 { margin-top: 0px!important; margin-bottom: 0px!important; }
.mtb-xs-5 { margin-top: 5px!important; margin-bottom: 5px!important; }
.mtb-xs-10{ margin-top: 10px!important; margin-bottom: 10px!important; }
.mtb-xs-15{ margin-top: 15px!important; margin-bottom: 15px!important; }
.mtb-xs-20{ margin-top: 20px!important; margin-bottom: 20px!important; }
.mtb-xs-25{ margin-top: 25px!important; margin-bottom: 25px!important; }
.mtb-xs-30{ margin-top: 30px!important; margin-bottom: 30px!important; }
.mtb-xs-40{ margin-top: 40px!important; margin-bottom: 40px!important; }
.mtb-xs-50{ margin-top: 50px!important; margin-bottom: 50px!important; }
.mb-xs-0 { margin-bottom: 0px!important; }
.mb-xs-5 { margin-bottom: 5px!important; }
.mb-xs-10{ margin-bottom: 10px!important; }
.mb-xs-15{ margin-bottom: 15px!important; }
.mb-xs-20{ margin-bottom: 20px!important; }
.mb-xs-25{ margin-bottom: 25px!important; }
.mb-xs-30{ margin-bottom: 30px!important; }
.mb-xs-40{ margin-bottom: 40px!important; }
.mb-xs-50{ margin-bottom: 50px!important; }
.mt-xs-0 { margin-top: 0px!important; }
.mt-xs-5 { margin-top: 5px!important; }
.mt-xs-10{ margin-top: 10px!important; }
.mt-xs-15{ margin-top: 15px!important; }
.mt-xs-20{ margin-top: 20px!important; }
.mt-xs-25{ margin-top: 25px!important; }
.mt-xs-30{ margin-top: 30px!important; }
.mt-xs-40{ margin-top: 40px!important; }
.mt-xs-50{ margin-top: 50px!important; }
.mlr-xs-0 { margin-left: 0px!important; margin-right: 0px!important; }
.mlr-xs-5 { margin-left: 5px!important; margin-right: 5px!important; }
.mlr-xs-10{ margin-left: 10px!important; margin-right: 10px!important; }
.mlr-xs-15{ margin-left: 15px!important; margin-right: 15px!important; }
.mlr-xs-20{ margin-left: 20px!important; margin-right: 20px!important; }
.mlr-xs-25{ margin-left: 25px!important; margin-right: 25px!important; }
.mlr-xs-30{ margin-left: 30px!important; margin-right: 30px!important; }
.mlr-xs-40{ margin-left: 40px!important; margin-right: 40px!important; }
.mlr-xs-50{ margin-left: 50px!important; margin-right: 50px!important; }
.ml-xs-0 { margin-left: 0px!important; }
.ml-xs-5 { margin-left: 5px!important; }
.ml-xs-10{ margin-left: 10px!important; }
.ml-xs-15{ margin-left: 15px!important; }
.ml-xs-20{ margin-left: 20px!important; }
.ml-xs-25{ margin-left: 25px!important; }
.ml-xs-30{ margin-left: 30px!important; }
.ml-xs-40{ margin-left: 40px!important; }
.ml-xs-50{ margin-left: 50px!important; }
.ml-xs-60{ margin-left: 60px!important; }
.ml-xs-70{ margin-left: 70px!important; }
.ml-xs-80{ margin-left: 80px!important; }
.ml-xs-85{ margin-left: 85px!important; }
.ml-xs-90{ margin-left: 90px!important; }
.ml-xs-100{ margin-left: 100px!important; }
.ml-xs-110{ margin-left: 110px!important; }
.ml-xs-120{ margin-left: 120px!important; }
.mr-xs-0 { margin-right: 0px!important; }
.mr-xs-5 { margin-right: 5px!important; }
.mr-xs-10{ margin-right: 10px!important; }
.mr-xs-15{ margin-right: 15px!important; }
.mr-xs-20{ margin-right: 20px!important; }
.mr-xs-25{ margin-right: 25px!important; }
.mr-xs-30{ margin-right: 30px!important; }
.mr-xs-40{ margin-right: 40px!important; }
.mr-xs-50{ margin-right: 50px!important; }
.mr-xs-100{ margin-right: 100px!important; }
.mr-xs-110{ margin-right: 110px!important; }
.mr-xs-120{ margin-right: 120px!important; }
.m-xs-auto{ margin: auto; }
.mtb-xs-auto{ margin-top: auto; margin-bottom: auto; }
.mlr-xs-auto{ margin-left: auto; margin-right: auto; }
}
/* PADDING */
.p-0 { padding: 0px!important; }
.p-5 { padding: 5px!important; }
.p-10{ padding: 10px!important; }
.p-15{ padding: 15px!important; }
.p-20{ padding: 20px!important; }
.p-25{ padding: 25px!important; }
.p-30{ padding: 30px!important; }
.p-40{ padding: 40px!important; }
.p-50{ padding: 50px!important; }
.p-60{ padding: 60px!important; }
.p-70{ padding: 70px!important; }
.p-80{ padding: 80px!important; }
.p-90{ padding: 90px!important; }
.pt-0 { padding-top: 0px!important; }
.pt-5 { padding-top: 5px!important; }
.pt-10{ padding-top: 10px!important; }
.pt-15{ padding-top: 15px!important; }
.pt-20{ padding-top: 20px!important; }
.pt-25{ padding-top: 25px!important; }
.pt-30{ padding-top: 30px!important; }
.pt-40{ padding-top: 40px!important; }
.pt-50{ padding-top: 50px!important; }
.pt-60{ padding-top: 60px!important; }
.pt-70{ padding-top: 70px!important; }
.pt-80{ padding-top: 80px!important; }
.pt-90{ padding-top: 90px!important; }
.pb-0 { padding-bottom: 0px!important; }
.pb-5 { padding-bottom: 5px!important; }
.pb-10{ padding-bottom: 10px!important; }
.pb-15{ padding-bottom: 15px!important; }
.pb-20{ padding-bottom: 20px!important; }
.pb-25{ padding-bottom: 25px!important; }
.pb-30{ padding-bottom: 30px!important; }
.pb-40{ padding-bottom: 40px!important; }
.pb-50{ padding-bottom: 50px!important; }
.pt-60{ padding-bottom: 60px!important; }
.pt-70{ padding-bottom: 70px!important; }
.pt-80{ padding-bottom: 80px!important; }
.pt-90{ padding-bottom: 90px!important; }
.pl-0 { padding-left: 0px!important; }
.pl-5 { padding-left: 5px!important; }
.pl-10{ padding-left: 10px!important; }
.pl-15{ padding-left: 15px!important; }
.pl-20{ padding-left: 20px!important; }
.pl-25{ padding-left: 25px!important; }
.pl-30{ padding-left: 30px!important; }
.pl-40{ padding-left: 40px!important; }
.pl-50{ padding-left: 50px!important; }
.pl-60{ padding-left: 60px!important; }
.pl-70{ padding-left: 70px!important; }
.pl-80{ padding-left: 80px!important; }
.pl-90{ padding-left: 90px!important; }
.pr-0 { padding-right: 0px!important; }
.pr-5 { padding-right: 5px!important; }
.pr-10{ padding-right: 10px!important; }
.pr-15{ padding-right: 15px!important; }
.pr-20{ padding-right: 20px!important; }
.pr-25{ padding-right: 25px!important; }
.pr-30{ padding-right: 30px!important; }
.pr-40{ padding-right: 40px!important; }
.pr-50{ padding-right: 50px!important; }
.pr-60{ padding-right: 60px!important; }
.pr-70{ padding-right: 70px!important; }
.pr-80{ padding-right: 80px!important; }
.pr-90{ padding-right: 90px!important; }
.ptb-0 { padding-top: 0px!important; padding-bottom: 0px!important; }
.ptb-5 { padding-top: 5px!important; padding-bottom: 5px!important; }
.ptb-10{ padding-top: 10px!important; padding-bottom: 10px!important; }
.ptb-15{ padding-top: 15px!important; padding-bottom: 15px!important; }
.ptb-20{ padding-top: 20px!important; padding-bottom: 20px!important; }
.ptb-25{ padding-top: 25px!important; padding-bottom: 25px!important; }
.ptb-30{ padding-top: 30px!important; padding-bottom: 30px!important; }
.ptb-40{ padding-top: 40px!important; padding-bottom: 40px!important; }
.ptb-50{ padding-top: 50px!important; padding-bottom: 50px!important; }
.ptb-60{ padding-top: 60px!important; padding-bottom: 60px!important; }
.ptb-70{ padding-top: 70px!important; padding-bottom: 70px!important; }
.ptb-80{ padding-top: 80px!important; padding-bottom: 80px!important; }
.ptb-90{ padding-top: 90px!important; padding-bottom: 90px!important; }
.plr-0 { padding-left: 0px!important; padding-right: 0px!important; }
.plr-5 { padding-left: 5px!important; padding-right: 5px!important; }
.plr-10{ padding-left: 10px!important; padding-right: 10px!important; }
.plr-15{ padding-left: 15px!important; padding-right: 15px!important; }
.plr-20{ padding-left: 20px!important; padding-right: 20px!important; }
.plr-25{ padding-left: 25px!important; padding-right: 25px!important; }
.plr-30{ padding-left: 30px!important; padding-right: 30px!important; }
.plr-40{ padding-left: 40px!important; padding-right: 40px!important; }
.plr-50{ padding-left: 50px!important; padding-right: 50px!important; }
.plr-60{ padding-left: 60px!important; padding-right: 60px!important; }
.plr-70{ padding-left: 70px!important; padding-right: 70px!important; }
.plr-80{ padding-left: 80px!important; padding-right: 80px!important; }
.plr-90{ padding-left: 90px!important; padding-right: 90px!important; }
/* RESPONSIVE */
@media only screen and (max-width: 992px) {
.p-md-0 { padding: 0px!important; }
.p-md-5 { padding: 5px!important; }
.p-md-10{ padding: 10px!important; }
.p-md-15{ padding: 15px!important; }
.p-md-20{ padding: 20px!important; }
.p-md-25{ padding: 25px!important; }
.p-md-30{ padding: 30px!important; }
.p-md-40{ padding: 40px!important; }
.p-md-50{ padding: 50px!important; }
.p-md-60{ padding: 60px!important; }
.p-md-70{ padding: 70px!important; }
.p-md-80{ padding: 80px!important; }
.p-md-90{ padding: 90px!important; }
.pt-md-0 { padding-top: 0px!important; }
.pt-md-5 { padding-top: 5px!important; }
.pt-md-10{ padding-top: 10px!important; }
.pt-md-15{ padding-top: 15px!important; }
.pt-md-20{ padding-top: 20px!important; }
.pt-md-25{ padding-top: 25px!important; }
.pt-md-30{ padding-top: 30px!important; }
.pt-md-40{ padding-top: 40px!important; }
.pt-md-50{ padding-top: 50px!important; }
.pt-md-60{ padding-top: 60px!important; }
.pt-md-70{ padding-top: 70px!important; }
.pt-md-80{ padding-top: 80px!important; }
.pt-md-90{ padding-top: 90px!important; }
.pb-md-0 { padding-bottom: 0px!important; }
.pb-md-5 { padding-bottom: 5px!important; }
.pb-md-10{ padding-bottom: 10px!important; }
.pb-md-15{ padding-bottom: 15px!important; }
.pb-md-20{ padding-bottom: 20px!important; }
.pb-md-25{ padding-bottom: 25px!important; }
.pb-md-30{ padding-bottom: 30px!important; }
.pb-md-40{ padding-bottom: 40px!important; }
.pb-md-50{ padding-bottom: 50px!important; }
.pt-md-60{ padding-bottom: 60px!important; }
.pt-md-70{ padding-bottom: 70px!important; }
.pt-md-80{ padding-bottom: 80px!important; }
.pt-md-90{ padding-bottom: 90px!important; }
.pl-md-0 { padding-left: 0px!important; }
.pl-md-5 { padding-left: 5px!important; }
.pl-md-10{ padding-left: 10px!important; }
.pl-md-15{ padding-left: 15px!important; }
.pl-md-20{ padding-left: 20px!important; }
.pl-md-25{ padding-left: 25px!important; }
.pl-md-30{ padding-left: 30px!important; }
.pl-md-40{ padding-left: 40px!important; }
.pl-md-50{ padding-left: 50px!important; }
.pl-md-60{ padding-left: 60px!important; }
.pl-md-70{ padding-left: 70px!important; }
.pl-md-80{ padding-left: 80px!important; }
.pl-md-90{ padding-left: 90px!important; }
.pr-md-0 { padding-right: 0px!important; }
.pr-md-5 { padding-right: 5px!important; }
.pr-md-10{ padding-right: 10px!important; }
.pr-md-15{ padding-right: 15px!important; }
.pr-md-20{ padding-right: 20px!important; }
.pr-md-25{ padding-right: 25px!important; }
.pr-md-30{ padding-right: 30px!important; }
.pr-md-40{ padding-right: 40px!important; }
.pr-md-50{ padding-right: 50px!important; }
.pr-md-60{ padding-right: 60px!important; }
.pr-md-70{ padding-right: 70px!important; }
.pr-md-80{ padding-right: 80px!important; }
.pr-md-90{ padding-right: 90px!important; }
.ptb-md-0 { padding-top: 0px!important; padding-bottom: 0px!important; }
.ptb-md-5 { padding-top: 5px!important; padding-bottom: 5px!important; }
.ptb-md-10{ padding-top: 10px!important; padding-bottom: 10px!important; }
.ptb-md-15{ padding-top: 15px!important; padding-bottom: 15px!important; }
.ptb-md-20{ padding-top: 20px!important; padding-bottom: 20px!important; }
.ptb-md-25{ padding-top: 25px!important; padding-bottom: 25px!important; }
.ptb-md-30{ padding-top: 30px!important; padding-bottom: 30px!important; }
.ptb-md-40{ padding-top: 40px!important; padding-bottom: 40px!important; }
.ptb-md-50{ padding-top: 50px!important; padding-bottom: 50px!important; }
.ptb-md-60{ padding-top: 60px!important; padding-bottom: 60px!important; }
.ptb-md-70{ padding-top: 70px!important; padding-bottom: 70px!important; }
.ptb-md-80{ padding-top: 80px!important; padding-bottom: 80px!important; }
.ptb-md-90{ padding-top: 90px!important; padding-bottom: 90px!important; }
.plr-md-0 { padding-left: 0px!important; padding-right: 0px!important; }
.plr-md-5 { padding-left: 5px!important; padding-right: 5px!important; }
.plr-md-10{ padding-left: 10px!important; padding-right: 10px!important; }
.plr-md-15{ padding-left: 15px!important; padding-right: 15px!important; }
.plr-md-20{ padding-left: 20px!important; padding-right: 20px!important; }
.plr-md-25{ padding-left: 25px!important; padding-right: 25px!important; }
.plr-md-30{ padding-left: 30px!important; padding-right: 30px!important; }
.plr-md-40{ padding-left: 40px!important; padding-right: 40px!important; }
.plr-md-50{ padding-left: 50px!important; padding-right: 50px!important; }
.plr-md-60{ padding-left: 60px!important; padding-right: 60px!important; }
.plr-md-70{ padding-left: 70px!important; padding-right: 70px!important; }
.plr-md-80{ padding-left: 80px!important; padding-right: 80px!important; }
.plr-md-90{ padding-left: 90px!important; padding-right: 90px!important; }
}
@media only screen and (max-width: 767px) {
.p-sm-0 { padding: 0px!important; }
.p-sm-5 { padding: 5px!important; }
.p-sm-10{ padding: 10px!important; }
.p-sm-15{ padding: 15px!important; }
.p-sm-20{ padding: 20px!important; }
.p-sm-25{ padding: 25px!important; }
.p-sm-30{ padding: 30px!important; }
.p-sm-40{ padding: 40px!important; }
.p-sm-50{ padding: 50px!important; }
.p-sm-60{ padding: 60px!important; }
.p-sm-70{ padding: 70px!important; }
.p-sm-80{ padding: 80px!important; }
.p-sm-90{ padding: 90px!important; }
.pt-sm-0 { padding-top: 0px!important; }
.pt-sm-5 { padding-top: 5px!important; }
.pt-sm-10{ padding-top: 10px!important; }
.pt-sm-15{ padding-top: 15px!important; }
.pt-sm-20{ padding-top: 20px!important; }
.pt-sm-25{ padding-top: 25px!important; }
.pt-sm-30{ padding-top: 30px!important; }
.pt-sm-40{ padding-top: 40px!important; }
.pt-sm-50{ padding-top: 50px!important; }
.pt-sm-60{ padding-top: 60px!important; }
.pt-sm-70{ padding-top: 70px!important; }
.pt-sm-80{ padding-top: 80px!important; }
.pt-sm-90{ padding-top: 90px!important; }
.pb-sm-0 { padding-bottom: 0px!important; }
.pb-sm-5 { padding-bottom: 5px!important; }
.pb-sm-10{ padding-bottom: 10px!important; }
.pb-sm-15{ padding-bottom: 15px!important; }
.pb-sm-20{ padding-bottom: 20px!important; }
.pb-sm-25{ padding-bottom: 25px!important; }
.pb-sm-30{ padding-bottom: 30px!important; }
.pb-sm-40{ padding-bottom: 40px!important; }
.pb-sm-50{ padding-bottom: 50px!important; }
.pt-sm-60{ padding-bottom: 60px!important; }
.pt-sm-70{ padding-bottom: 70px!important; }
.pt-sm-80{ padding-bottom: 80px!important; }
.pt-sm-90{ padding-bottom: 90px!important; }
.pl-sm-0 { padding-left: 0px!important; }
.pl-sm-5 { padding-left: 5px!important; }
.pl-sm-10{ padding-left: 10px!important; }
.pl-sm-15{ padding-left: 15px!important; }
.pl-sm-20{ padding-left: 20px!important; }
.pl-sm-25{ padding-left: 25px!important; }
.pl-sm-30{ padding-left: 30px!important; }
.pl-sm-40{ padding-left: 40px!important; }
.pl-sm-50{ padding-left: 50px!important; }
.pl-sm-60{ padding-left: 60px!important; }
.pl-sm-70{ padding-left: 70px!important; }
.pl-sm-80{ padding-left: 80px!important; }
.pl-sm-90{ padding-left: 90px!important; }
.pr-sm-0 { padding-right: 0px!important; }
.pr-sm-5 { padding-right: 5px!important; }
.pr-sm-10{ padding-right: 10px!important; }
.pr-sm-15{ padding-right: 15px!important; }
.pr-sm-20{ padding-right: 20px!important; }
.pr-sm-25{ padding-right: 25px!important; }
.pr-sm-30{ padding-right: 30px!important; }
.pr-sm-40{ padding-right: 40px!important; }
.pr-sm-50{ padding-right: 50px!important; }
.pr-sm-60{ padding-right: 60px!important; }
.pr-sm-70{ padding-right: 70px!important; }
.pr-sm-80{ padding-right: 80px!important; }
.pr-sm-90{ padding-right: 90px!important; }
.ptb-sm-0 { padding-top: 0px!important; padding-bottom: 0px!important; }
.ptb-sm-5 { padding-top: 5px!important; padding-bottom: 5px!important; }
.ptb-sm-10{ padding-top: 10px!important; padding-bottom: 10px!important; }
.ptb-sm-15{ padding-top: 15px!important; padding-bottom: 15px!important; }
.ptb-sm-20{ padding-top: 20px!important; padding-bottom: 20px!important; }
.ptb-sm-25{ padding-top: 25px!important; padding-bottom: 25px!important; }
.ptb-sm-30{ padding-top: 30px!important; padding-bottom: 30px!important; }
.ptb-sm-40{ padding-top: 40px!important; padding-bottom: 40px!important; }
.ptb-sm-50{ padding-top: 50px!important; padding-bottom: 50px!important; }
.ptb-sm-60{ padding-top: 60px!important; padding-bottom: 60px!important; }
.ptb-sm-70{ padding-top: 70px!important; padding-bottom: 70px!important; }
.ptb-sm-80{ padding-top: 80px!important; padding-bottom: 80px!important; }
.ptb-sm-90{ padding-top: 90px!important; padding-bottom: 90px!important; }
.plr-sm-0 { padding-left: 0px!important; padding-right: 0px!important; }
.plr-sm-5 { padding-left: 5px!important; padding-right: 5px!important; }
.plr-sm-10{ padding-left: 10px!important; padding-right: 10px!important; }
.plr-sm-15{ padding-left: 15px!important; padding-right: 15px!important; }
.plr-sm-20{ padding-left: 20px!important; padding-right: 20px!important; }
.plr-sm-25{ padding-left: 25px!important; padding-right: 25px!important; }
.plr-sm-30{ padding-left: 30px!important; padding-right: 30px!important; }
.plr-sm-40{ padding-left: 40px!important; padding-right: 40px!important; }
.plr-sm-50{ padding-left: 50px!important; padding-right: 50px!important; }
.plr-sm-60{ padding-left: 60px!important; padding-right: 60px!important; }
.plr-sm-70{ padding-left: 70px!important; padding-right: 70px!important; }
.plr-sm-80{ padding-left: 80px!important; padding-right: 80px!important; }
.plr-sm-90{ padding-left: 90px!important; padding-right: 90px!important; }
}
@media only screen and (max-width: 576px) {
.p-xs-0 { padding: 0px!important; }
.p-xs-5 { padding: 5px!important; }
.p-xs-10{ padding: 10px!important; }
.p-xs-15{ padding: 15px!important; }
.p-xs-20{ padding: 20px!important; }
.p-xs-25{ padding: 25px!important; }
.p-xs-30{ padding: 30px!important; }
.p-xs-40{ padding: 40px!important; }
.p-xs-50{ padding: 50px!important; }
.p-xs-60{ padding: 60px!important; }
.p-xs-70{ padding: 70px!important; }
.p-xs-80{ padding: 80px!important; }
.p-xs-90{ padding: 90px!important; }
.pt-xs-0 { padding-top: 0px!important; }
.pt-xs-5 { padding-top: 5px!important; }
.pt-xs-10{ padding-top: 10px!important; }
.pt-xs-15{ padding-top: 15px!important; }
.pt-xs-20{ padding-top: 20px!important; }
.pt-xs-25{ padding-top: 25px!important; }
.pt-xs-30{ padding-top: 30px!important; }
.pt-xs-40{ padding-top: 40px!important; }
.pt-xs-50{ padding-top: 50px!important; }
.pt-xs-60{ padding-top: 60px!important; }
.pt-xs-70{ padding-top: 70px!important; }
.pt-xs-80{ padding-top: 80px!important; }
.pt-xs-90{ padding-top: 90px!important; }
.pb-xs-0 { padding-bottom: 0px!important; }
.pb-xs-5 { padding-bottom: 5px!important; }
.pb-xs-10{ padding-bottom: 10px!important; }
.pb-xs-15{ padding-bottom: 15px!important; }
.pb-xs-20{ padding-bottom: 20px!important; }
.pb-xs-25{ padding-bottom: 25px!important; }
.pb-xs-30{ padding-bottom: 30px!important; }
.pb-xs-40{ padding-bottom: 40px!important; }
.pb-xs-50{ padding-bottom: 50px!important; }
.pt-xs-60{ padding-bottom: 60px!important; }
.pt-xs-70{ padding-bottom: 70px!important; }
.pt-xs-80{ padding-bottom: 80px!important; }
.pt-xs-90{ padding-bottom: 90px!important; }
.pl-xs-0 { padding-left: 0px!important; }
.pl-xs-5 { padding-left: 5px!important; }
.pl-xs-10{ padding-left: 10px!important; }
.pl-xs-15{ padding-left: 15px!important; }
.pl-xs-20{ padding-left: 20px!important; }
.pl-xs-25{ padding-left: 25px!important; }
.pl-xs-30{ padding-left: 30px!important; }
.pl-xs-40{ padding-left: 40px!important; }
.pl-xs-50{ padding-left: 50px!important; }
.pl-xs-60{ padding-left: 60px!important; }
.pl-xs-70{ padding-left: 70px!important; }
.pl-xs-80{ padding-left: 80px!important; }
.pl-xs-90{ padding-left: 90px!important; }
.pr-xs-0 { padding-right: 0px!important; }
.pr-xs-5 { padding-right: 5px!important; }
.pr-xs-10{ padding-right: 10px!important; }
.pr-xs-15{ padding-right: 15px!important; }
.pr-xs-20{ padding-right: 20px!important; }
.pr-xs-25{ padding-right: 25px!important; }
.pr-xs-30{ padding-right: 30px!important; }
.pr-xs-40{ padding-right: 40px!important; }
.pr-xs-50{ padding-right: 50px!important; }
.pr-xs-60{ padding-right: 60px!important; }
.pr-xs-70{ padding-right: 70px!important; }
.pr-xs-80{ padding-right: 80px!important; }
.pr-xs-90{ padding-right: 90px!important; }
.ptb-xs-0 { padding-top: 0px!important; padding-bottom: 0px!important; }
.ptb-xs-5 { padding-top: 5px!important; padding-bottom: 5px!important; }
.ptb-xs-10{ padding-top: 10px!important; padding-bottom: 10px!important; }
.ptb-xs-15{ padding-top: 15px!important; padding-bottom: 15px!important; }
.ptb-xs-20{ padding-top: 20px!important; padding-bottom: 20px!important; }
.ptb-xs-25{ padding-top: 25px!important; padding-bottom: 25px!important; }
.ptb-xs-30{ padding-top: 30px!important; padding-bottom: 30px!important; }
.ptb-xs-40{ padding-top: 40px!important; padding-bottom: 40px!important; }
.ptb-xs-50{ padding-top: 50px!important; padding-bottom: 50px!important; }
.ptb-xs-60{ padding-top: 60px!important; padding-bottom: 60px!important; }
.ptb-xs-70{ padding-top: 70px!important; padding-bottom: 70px!important; }
.ptb-xs-80{ padding-top: 80px!important; padding-bottom: 80px!important; }
.ptb-xs-90{ padding-top: 90px!important; padding-bottom: 90px!important; }
.plr-xs-0 { padding-left: 0px!important; padding-right: 0px!important; }
.plr-xs-5 { padding-left: 5px!important; padding-right: 5px!important; }
.plr-xs-10{ padding-left: 10px!important; padding-right: 10px!important; }
.plr-xs-15{ padding-left: 15px!important; padding-right: 15px!important; }
.plr-xs-20{ padding-left: 20px!important; padding-right: 20px!important; }
.plr-xs-25{ padding-left: 25px!important; padding-right: 25px!important; }
.plr-xs-30{ padding-left: 30px!important; padding-right: 30px!important; }
.plr-xs-40{ padding-left: 40px!important; padding-right: 40px!important; }
.plr-xs-50{ padding-left: 50px!important; padding-right: 50px!important; }
.plr-xs-60{ padding-left: 60px!important; padding-right: 60px!important; }
.plr-xs-70{ padding-left: 70px!important; padding-right: 70px!important; }
.plr-xs-80{ padding-left: 80px!important; padding-right: 80px!important; }
.plr-xs-90{ padding-left: 90px!important; padding-right: 90px!important; }
}
.rounded {
border-radius: 6px;
}
.card {
width: 100%;
border: none;
border-radius: 6px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}
.card-img {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
display: block;
z-index: 2;
}
.card-img-server {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: contain;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
z-index: 2;
}
.card-imagen-contenedor {
position: relative;
display: flex;
align-items: center;
justify-content: center;
z-index: 0;
overflow: hidden;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.card-imagen-contenedor .card-img-server {
position: relative;
z-index: 1;
}
.card-imagen-fondo {
filter: blur(.5rem);
aspect-ratio: 16 / 9;
object-fit: cover;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.card-body {
padding: 0px 8px;
}
.img-creator {
width: 35px;
}
.icono {
font-size: 22px;
}
.reciente-creador-contenedor {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px;
}
.reciente-fechas {
font-size: 13px;
padding-top: 5px;
}
.nombre-creador {
font-size: 13px;
font-weight: 500;
padding: 0px 0px !important;
margin: 0px 0px !important;
}
.reciente-creador {
color: black;
font-size: 13px;
padding: 0px 0px 0px 0px !important;
margin: 0px 0px -5px 0px !important;
}
.reciente-descripcion {
line-height: 1.2 !important;
font-size: 11.1px !important;
white-space: break-spaces !important;
margin: 0px 0px 8px 0px;
color: rgb(111, 111, 111) !important;
}
.reciente-separador {
border-top: 1px solid black;
}
.nav-items a {
color: white;
}
.nav-items:hover a {
color: white;
background-color: #1882d8;
}
.nav-items.active a {
color: white;
background-color: #0764b0;
}
.menu-nav-icon:hover {
color: gray;
}
.menu-nav-icon:active,
.menu-nav-icon:focus {
color: white;
}
header .src-icn,
header .close-icn {
color: white;
}
header .src-icn:hover,
header .close-icn:hover {
color: white;
}
header .src-icn:active,
header .close-icn:active,
header .src-icn:focus,
header .close-icn:focus {
color: white;
}
.links {
color: #2196F3 !important;
}
.links:hover {
color: #1882d8 !important;
}
.links:focus,
.links:active {
color: #0764b0 !important;
}
.reciente-titulo {
font-size: 12.7px;
font-weight: bold;
}
.buscador-completo {
background-color: transparent !important;
}
.buscador-fondo {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.9);
justify-content: center;
align-items: center;
z-index: 999;
}
.buscador-fondo span {
color: white;
margin-top: 30px;
cursor: pointer;
top: 0;
right: 30px;
position: absolute;
font-size: 20px;
border: 2px solid white;
border-radius: 6px;
padding: 5px 10px;
}
.buscador-fondo span:hover {
background-color: black;
color: rgb(211, 211, 211);
border: 2px solid rgb(211, 211, 211);
}
.buscador-fondo span:focus,
.buscador-fondo span:active {
color: white;
border: 2px solid white;
}
.buscador {
display: flex;
flex-direction: column;
align-items: center;
width: 80%;
}
.buscador-box {
width: 800px;
max-width: 100%;
display: flex;
align-items: center;
}
.buscador input {
width: 100%;
max-width: 100%;
padding: 16px;
margin-bottom: 10px;
background-color: transparent;
border-bottom: 2px solid rgb(190, 190, 190);
border-top: none;
border-left: none;
border-right: none;
outline: none;
font-size: 40px;
color: white;
font-weight: bold;
}
.buscador input:focus {
outline: none;
border-bottom: 2px solid white;
}
.buscador i {
color: rgb(190, 190, 190);
font-size: 20px;
cursor: pointer;
padding-left: 10px;
}
.buscador i:hover {
color: white;
}
.buscador i:focus,
.buscador i:active {
color: rgb(190, 190, 190);
}
.buscador-fondo.buscadorActivo {
display: flex;
}
.mouse {
cursor: pointer;
}
.usuario-img {
width: 55px;
}
.usuario-nombre {
font-size: 17px;
font-weight: 600;
}
#enlacesDescargas {
cursor: pointer;
}
.usuario-info {
display: flex;
align-items: center;
gap: 7px;
width: 100%;
}
.usuario-texto {
display: flex;
flex-direction: column;
}
.btn {
position: relative !important;
width: auto !important;
font-size: 15px !important;
font-weight: 600;
}
.btn i {
font-size: 14px;
padding-right: 2px;
}
.movil-icono {
margin-left: 0px !important;
}
.movil {
display: none;
}
.movil-usuario {
padding: 0px 15px 15px 15px;
}
.movil-cerrar-session {
color: #d9534f !important;
font-weight: bold !important;
text-decoration: underline;
background-color: transparent !important;
}
.movil-cerrar-session:hover {
color: #c9302c !important;
background-color: transparent !important;
}
.movil-cerrar-session:focus,
.movil-cerrar-session:active {
color: #d9534f !important;
background-color: transparent !important;
}
.btn-discord {
background-color: #5865F2 !important;
border-radius: 6px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
color: white;
}
.btn-discord:hover {
background-color: #7289da !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
color: white;
}
.btn-discord:focus,
.btn-discord:active {
background-color: #3845d2 !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
color: white;
}
.btn-block {
width: 100% !important;
}
.movil-usuario-hr {
border-color: white;
margin-top: 0px;
}
.pagination-hr {
border-color: rgba(0, 0, 0, 0.313);
}
.pagination-btn:hover {
text-decoration: underline;
}
.card-img-perfil {
width: 1500px;
max-width: 100%;
}
.formulario-perfil {
width: 100%;
}
.switch {
position: relative;
display: inline-block;
width: 50px;
height: 24px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: .4s;
border-radius: 24px;
}
.slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: #ffffff;
transition: .4s;
border-radius: 50px;
}
input:checked + .slider {
background-color: #2196F3;
}
input:checked + .slider:before {
transform: translateX(26px);
}
.input-fusuario {
width: 100%;
padding: 10px 10px;
border: 1px solid #2196F3;
height: 45px;
border-radius: 6px;
}
.estado-input {
resize: none;
overflow: hidden;
width: 100%;
border-radius: 6px;
padding: 10px 10px;
border: 1px solid #2196F3;
background-color: transparent;
color: black;
}
.usuario-perfil-info {
margin-right: 10px;
margin-left: 10px;
}
.notificaciones {
background-color: #2196F3;
padding: 10px 10px;
border-radius: 6px;
color: white;
}
.notificaciones-error {
background-color: #ff4949;
padding: 10px 10px;
border-radius: 6px;
color: white;
}
.notificaciones-rechazado {
background-color: #fff4e5;
border-left: 5px solid #ffa726;
padding: 15px;
margin-top: 20px;
border-radius: 4px;
color: #5d4037;
}
.notificaciones-rechazado-2 {
color: #8a6d3b;
}
.espacio {
margin-left: 50px !important;
}
.estado-usuario {
width: 100%;
border-radius: 6px;
padding: 8px 8px;
background-color: #2196F3;
color: white;
}
.estado-title {
vertical-align: middle;
margin-left: 2px;
}
.estado-texto {
font-size: 13.3px;
color: white;
}
.estado-check {
background-color: white;
border-radius: 50%;
padding: 2px 10.5px 2px 3px;
font-size: 9.5px;
font-weight: bold;
color: #2196F3;
vertical-align: middle !important;
}
.usuario-btn-discord {
background-color: #5865F2;
border-radius: 6px;
padding: 0.4rem 0.4rem 0.5rem 0.4rem;
}
.usuario-icono-discord {
color: white;
vertical-align: middle;
font-size: 16px;
font-weight: 500;
}
.usuario-btn-yt {
background-color: #FF0000;
border-radius: 6px;
padding: 0.38rem 0.36rem 0.48rem 0.36rem;
}
.usuario-icono-yt {
color: white;
vertical-align: middle;
font-size: 17px;
font-weight: 500;
}
.usuario-btn-ttv {
background-color: #9146ff;
border-radius: 6px;
padding: 0.4rem 0.4rem 0.5rem 0.4rem;
}
.usuario-icono-ttv {
color: white;
vertical-align: middle;
font-size: 16px;
font-weight: 500;
}
.usuario-btn-kick {
background-color: #00e701;
border-radius: 6px;
padding: 0.4rem 0.58rem 0.50rem 0.58rem;
}
.usuario-icono-kick {
color: white;
width: 14px;
height: 17px;
vertical-align: middle;
}
.usuario-btn-ig {
background-image: url('/assets/imagenes/instagram-fondo.jpg');
background-size: cover;
background-position: center;
border-radius: 6px;
padding: 0.4rem 0.27rem 0.4rem 0.28rem;
}
.usuario-icono-ig {
color: white;
vertical-align: middle;
font-size: 19px;
font-weight: 500;
}
.usuario-btn-x {
background-color: #000000;
border-radius: 6px;
padding-top: 0.42rem;
padding-right: 0.28rem;
padding-bottom: 0.46rem;
padding-left: 0.28rem;
}
.usuario-icono-x {
color: white;
vertical-align: text-top;
font-size: 19px;
font-weight: 500;
}
.usuario-icono-discord:hover,
.usuario-icono-yt:hover,
.usuario-icono-ttv:hover,
.usuario-icono-kick:hover,
.usuario-icono-ig:hover,
.usuario-icono-x:hover {
color: #c9c9c9;
}
.usuario-icono-discord:focus,
.usuario-icono-yt:focus,
.usuario-icono-ttv:focus,
.usuario-icono-kick:focus,
.usuario-icono-ig:focus,
.usuario-icono-x:focus,
.usuario-icono-discord:active,
.usuario-icono-yt:active,
.usuario-icono-ttv:active,
.usuario-icono-kick:active,
.usuario-icono-ig:active,
.usuario-icono-x:active {
color: #9c9c9c;
}
.minecraft-tipo-icono {
width: 16px;
height: 16px;
color: black;
vertical-align: middle;
}
.nopadding-left {
padding-left: 0px !important;
}
.nopadding-right {
padding-right: 0px !important;
}
.redes-contenedor {
padding-top: 20px;
}
.no-usuario {
padding: 10px 5px;
font-size: 14px;
}
.etiqueta-tipo {
position: absolute;
bottom: 0;
z-index: 2;
background-color: #2196F3;
color: #fff;
padding: 4px 6px;
right: 0;
font-size: 12px;
cursor: pointer;
}
.etiqueta-tipo-server {
position: absolute;
bottom: 0;
z-index: 3;
background-color: #2196F3;
color: #fff;
padding: 4px 6px;
left: 0;
font-size: 12px;
}
.server-icon-estado {
width: 12px;
}
.tema-icono {
padding-top: 12px !important;
font-size: 25px;
}
.sol {
color: #ffa600;
}
.luna {
color: #363E7A;
}
.tema-icono:hover {
color: #1882d8;
}
.tema-icono:focus,
.tema-icono:active {
color: #0764b0;
}
.puntuacion-promedio {
font-size: 15px;
padding-top: 8px;
}
.puntuacion-promedio-contenido {
padding-top: 0px;
font-size: 15px;
}
.puntuacion-icono {
display: inline-block;
width: 15px;
height: 15px;
background-size: contain;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
}
.contenido-descripcion {
color: black;
font-style: normal;
white-space: pre-wrap;
}
.contenido-cambios-contenedor {
border-radius: 6px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.contenido-cambios-titulo {
background-color: transparent;
color: rgb(0, 0, 0);
width: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
padding: 4px 5px;
font-weight: 600;
border: none;
}
.contenido-cambios,
.contenido-descargas-contenedor {
list-style: inside !important;
padding: .4rem .4rem .4rem 18px !important;
color: #5f5f5f;
}
.contenido-cambios li,
.contenido-descargas-contenedor li {
display: list-item;
list-style: inherit;
}
.contenido-descargas {
color: #2196F3 !important;
font-size: 13.5px;
}
.contenido-descargas:hover {
color: #008cff !important;
}
.contenido-descargas:focus,
.contenido-descargas:active {
color: #0764b0 !important;
}
.contenido-comentario-img-respuesta {
width:30px;
height:30px;
vertical-align:middle;
margin-right: 3px;
}
.contenido-comentario-respuesta {
padding-left:40px;
}
.contenido-comentario-respuesta-btn {
margin-top: 8px !important;
font-size: small;
color: #333;
border: none;
outline: none;
}
.contenido-comentario-respuesta-btn:hover {
color: #008cff;
border: none;
outline: none;
}
.contenido-comentario-respuesta-btn:focus,
.contenido-comentario-respuesta-btn:active {
color: #0764b0;
border: none;
outline: none;
}
.respuesta-btn {
padding-left: 39px;
font-size: 13px !important;
}
.contenido-comentario-usuario {
font-size: 13px !important;
font-weight: 500;
}
.contenido-comentario-fecha {
font-size: 11.3px !important;
margin-bottom: 3px !important;
color: black;
}
.contenido-comentario-img {
width: 35px;
height: 35px;
}
.contenido-cambios ul {
padding-left: 18px;
list-style: inside;
}
.comentario-usuario-logueado {
color: gray;
width: 200px;
}
.comentario-input {
width: 100%;
border-radius: 6px;
padding: 10px 10px;
border: 1px solid #2196F3;
background-color: transparent;
color: black;
height: 120px;
}
.respuesta-contenedor {
padding-left: 40px;
}
.comentario-creador {
background-color: #01ae01;
border-radius: 6px;
padding: 0px 2px;
outline: 1px solid #006d00;
border-bottom: 2px solid #a2ffa2;
font-size: 10px;
font-weight: 700;
color: white;
vertical-align: middle;
margin-left: 3px;
}
.comentario-principal {
padding: 0px 0px 0px 40px !important;
margin: 0px 0px !important;
line-height: 1.25 !important;
color:rgb(85, 85, 85) !important;
font-size: 14px !important;
}
.comentario-contenedor {
padding-top: 1.2rem;
}
.contenido-comentario-separador {
border: none;
padding-bottom: 15px !important;
}
.contenido-fechas {
font-size: 13px;
}
.color-blanco {
color: white !important;
}
.estado-Pendiente,
.estado-Aceptado,
.estado-Rechazado {
color: rgb(255, 255, 255);
}
.editar-descripcion-input {
background-color: transparent;
width: 100%;
height: 150px;
color: black;
padding: 10px 10px;
border: 1px solid #2196F3;
}
input {
height: 45px;
display: block;
width: 100%;
padding: 0 10px 0 10px;
border: 1px solid #2196F3;
background-color: transparent;
}
input:focus {
outline: 1px solid #0764b0;
}
.estrellas {
display: inline-block;
position: relative;
font-size: 34px;
line-height: 1;
cursor: pointer;
}
/* Base gris */
.estrella {
color: #ccc;
position: relative;
z-index: 1;
}
/* Capa promedio (oro) */
.estrellas::before {
content: "★★★★★";
position: absolute;
top: 0; left: 0;
width: calc(var(--promedio, 0) * 20%);
overflow: hidden;
color: gold;
pointer-events: none;
z-index: 2;
}
/* Capa usuario (azul) */
.estrellas::after {
content: "★★★★★";
position: absolute;
top: 0; left: 0;
width: calc(var(--usuario, 0) * 20%);
overflow: hidden;
color: #1882d8;
pointer-events: none;
z-index: 3;
}
.publicar-preview {
width: 300px;
max-width: 100%;
}
.btn-movil {
display: block !important;
}
@media (min-width: 768px) {
.col-md-4 > .sistema-estrellas,
.col-lg-4 > .sistema-estrellas,
.col-xl-4 > .sistema-estrellas,
.col-xxl-4 > .sistema-estrellas {
text-align: right !important;
user-select: none;
}
}
.contenido-separador {
border-color: rgba(0, 0, 0, 0.301);
}
.contenido-vistas {
font-size: 13px;
}
.input-dl-texto {
width: 35%;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.input-dl-link {
width: 65%;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-left: none;
margin-right: 10px;
}
.input-dl-contenedor {
display: flex;
width: 100%;
}
.input-dl-texto-def {
width: 35%;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.input-dl-link-def {
width: 65%;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-left: none;
margin-right: 53px;
}
.input-dl-link-def-editar {
width: 65%;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-left: none;
margin-right: 10px;
}
.cambios-input {
width: 100%;
border-radius: 6px;
padding: 10px 10px;
border: 1px solid #2196F3;
background-color: transparent;
color: black;
}
.conteo-caracteres {
color: #8a8a8a;;
}
.excedido {
color: #d9534f !important;
}
.label-estrellas {
margin-bottom: 0px !important;
cursor: pointer;
margin-right:2px;
user-select: none;
}
.contenedor-select {
border: 1px solid #2196F3;
padding: 10px;
width: 100%;
cursor: pointer;
position: relative;
background: #fff;
border-radius: 6px;
}
.contenedor-select-activo {
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.contenedor-opciones {
left: 0;
display: none;
outline: 1px solid #2196F3;
margin-top: 11px;
background: white;
position: absolute;
width: 100%;
z-index: 100;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.select-flecha {
float: right;
transition: transform 0.3s ease;
}
.palomita {
display: none;
float: right;
color: #2196F3;
margin-right: 5px;
}
.selected {
color: #2196F3 !important;
}
.select-flecha::before {
content: "▼";
}
.no-select {
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-ms-touch-select: none;
-webkit-user-select: none;
}
.select-opcion-categorias {
color: black;
background-color: transparent;
}
.badge-categoria {
display: inline-block;
padding: 5px 10px;
margin: 4px;
border: 1px solid #2196F3;
border-radius: 6px;
background-color: #f0f0f0;
}
.badge-categoria-x {
cursor: pointer;
color: rgb(0, 0, 0);
margin-left: 8px;
background-color: #6a6a6a59;
border-radius: 50%;
padding: 3px 4px;
font-size: 8px !important;
}
.badge-categoria-x-editar {
cursor: pointer;
display: inline !important;
color: rgb(0, 0, 0);
margin-left: 8px;
background-color: #6a6a6a59;
border-radius: 50%;
padding: 4.8px 6px;
font-size: 8px !important;
}
.badge-categoria-x:hover {
color: rgb(125, 125, 125);
}
.badge-categoria-x:focus,
.badge-categoria-x:active {
color: rgb(255, 254, 254);
}
.descripcion-breve {
height: 85px;
display: block;
width: 100%;
padding: 10px 10px;
border: 1px solid #2196F3;
background-color: transparent;
resize: none;
overflow-y: hidden;
}
input::placeholder {
color: #8a8a8a;
}
.btn-link-eliminar {
margin: 3px 0px !important;
}
#btnAgregar {
padding: 8px 15px 8px 15px !important;
}
.select-opcion-categorias:hover {
background-color: #00000022;
cursor: default;
}
.badge-version {
background-color: #2196F3;
border-radius: 6px;
color: white;
font-weight: 600;
padding: 7px 7px;
margin: 3px 3px 0px 0px;
width: fit-content;
display: inline-block;
}
.select-flecha {
display: inline-block;
transition: transform 0.3s ease;
}
.select-flecha.rotate {
transform: rotate(180deg);
}
.tipos-conteo {
border: 1px solid #2196F3;
padding: 5px 10px 5px 10px !important;
border-radius: 6px;
width: 100%;
}
.contenido-separador-conteo {
margin: 4px 0px 4px 0px !important;
padding: 0px 0px !important;
border-color: rgba(0, 0, 0, 0.26);
}
.tipo-titulo {
margin-left: 5px;
}
.tipo-resultado {
margin-right: 5px;
border-radius: 6px;
padding: 0px 4px !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}
.fecha-tou {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
width: fit-content;
padding: 2px 4px 2px 4px;
margin-left: 5px;
border: none;
border-radius: 6px;
}
.contacto-mensaje {
width: 100%;
padding: 10px 10px 10px 10px;
border: 1px solid #2196F3;
background-color: transparent;
outline: none;
}
.contacto-mensaje:focus {
outline: #006bc2 1px solid;
}
.select-arrow {
appearance: auto;
-webkit-appearance: menulist;
-moz-appearance: menulist;
}
.listado-tou {
padding-left: 10px;
display: inline-grid;
}
.listado-tou2 {
display: inline list-item !important;
list-style: inside !important;
}
body.oscuro {
background-color: #262423;
color: white;
}
.oscuro div.card {
background-color: #3d3938;
box-shadow: 0 2px 6px rgba(255, 255, 255, 0.18) !important;
}
.oscuro .minecraft-tipo-icono {
color: white;
}
.oscuro p {
color: white;
}
.oscuro .nwsltr-primary-1 input{
background-color: #262423;
color: white;
}
.oscuro .nwsltr-primary-1 input:focus {
outline:#686868 1px solid;
}
.oscuro .tipo-resultado {
background-color: #3d3938;
box-shadow: 0 2px 6px rgba(255, 255, 255, 0.18);
}
.oscuro .fecha-tou {
background-color: #262423;
}
.oscuro .estado-input,
.oscuro .comentario-input,
.oscuro .cambios-input,
.oscuro .descripcion-breve,
.oscuro .contenedor-select {
color: white;
background-color: #262423;
border: 1px solid #2196F3 !important;
}
.oscuro .contenedor-opciones {
outline: #2196F3 1px solid;
border: none;
background-color: #262423;
}
.oscuro .select-opcion-categorias {
color: white;
}
.oscuro .badge-categoria {
border: 1px solid #2196F3;
color: white;
background-color: #262423;
}
.oscuro .badge-categoria-x,
.oscuro .badge-categoria-x-editar {
color: white;
background-color: #5b5b5b;
}
.oscuro .input-fusuario {
color: white;
background-color: #262423;
}
.oscuro select {
color: white;
background-color: rgb(38, 36, 35);
}
.oscuro option {
color: white;
}
.oscuro footer {
background-color: #313131;
}
.oscuro .contenido-descripcion {
color: white;
}
.oscuro .contenido-cambios-contenedor {
border-radius: 6px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.oscuro .comentario-principal {
color: rgb(166, 166, 166) !important;
}
.oscuro .contenido-comentario-fecha {
color: white;
}
.oscuro .modal-content {
background-color: #262423;
}
.oscuro .modal-title {
color: rgb(166, 166, 166) !important;
}
.oscuro .editar-descripcion-input {
background-color: #262423;
color: white;
}
.oscuro .ql-picker-label {
color: white !important;
}
.oscuro input {
background-color: rgb(38, 36, 35);
color: white;
}
.oscuro .contenido-cambios-titulo {
color: white;
}
.oscuro .conteo-caracteres {
color: #7a7a7a;
}
.oscuro .select-opcion-categorias:hover {
background-color: #ffffff40;
}
.oscuro .reciente-descripcion {
color: rgb(200, 200, 200) !important;
}
.oscuro .reciente-creador {
color: white;
}
.oscuro .contenido-separador {
border-color: rgba(255, 255, 255, 0.301);
}
.oscuro .reciente-separador {
border-top: 1px solid white;
}
.oscuro .contenido-separador-conteo {
border-color: rgba(255, 255, 255, 0.26);
}
.oscuro .pagination-hr {
border-color: rgba(255, 255, 255, 0.313);
}
.oscuro .contacto-mensaje {
background-color: rgb(38, 36, 35);
color: white;
}
.oscuro .contacto-mensaje:focus {
outline: #006bc2 1px solid;
}
.oscuro .comentario-usuario-logueado {
color: #c5c5c5;
}
.oscuro .contenido-comentario-respuesta-btn {
margin-top: 8px !important;
font-size: small;
color: #c5c5c5;
border: none;
outline: none;
}
.oscuro .contenido-comentario-respuesta-btn:hover {
color: #008cff;
border: none;
outline: none;
}
.oscuro .contenido-comentario-respuesta-btn:focus,
.oscuro .contenido-comentario-respuesta-btn:active {
color: #0764b0;
border: none;
outline: none;
}
textarea:focus,
textarea:active {
outline: 1px solid #2196F3 !important;
}