/*
 * Esta hoja de estilo fue creada por Ezequiel Alonzo, a partir de la necesidad de hacer el maquetado mas rapido
 * Ultima revision fue el 09/Ago/2019.
 * De nada!
 */


/* =================== MOZILLA CSS ===================  */
@-moz-document url-prefix() {
	a:focus, a img:focus { outline-style: none; }
}
/* =================== EDGE ===================  */
@supports (-ms-ime-align:auto) {

}


/* =================== Jarallax ===================  */
.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* =================== SELECTION ===================  */
::-moz-selection {text-shadow: none; background-color: #ccc}
::selection {text-shadow: none; background-color: #ccc}
img::-moz-selection {background: transparent;}
img::selection {background: transparent;}

/* =================== BASIC COLORS ===================  */
.bg-t {
    background: -webkit-linear-gradient(rgba(0,0,0, 0) 20%,rgba(0, 0, 0, 0.5) 80%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    line-height: calc(100% * 1.32)!important;
}
.bg-wht {background-color: #fff;}
.bg-blk {background-color: #000;}
.bg-none {background-color: transparent;}
.t-wht {color: #fff;}
.t-blk {color: #000;}

/* =================== BODY PART 1 (FIXED) ===================  */
html { width: 100%; height: 100%;}
body { position: relative; width: 100%; height: 100%;}
.vh-100 {min-height: 100vh}
.vh-75 {min-height: 75vh}
.vh-50 {min-height: 50vh}
.vh-25 {min-height: 25vh}
.vh-20 {min-height: 20vh}
.pointer {cursor: pointer;}
.borderr-0 {border-radius: 0!important}
.borderr-4 {border-radius: 4px!important}
.borderr-c {border-radius: 50%!important}
.borderr-100 {border-radius: 100px!important}
.over-hidden {overflow: hidden;}
.bg-norepeat { background-repeat: no-repeat;}
.bg-cover { background-size: cover; background-repeat: no-repeat;}
.bg-contain { background-size: contain; background-repeat: no-repeat;}
.bg-tr {background-position: top right}
.bg-tc {background-position: top center}
.bg-tl {background-position: top left}
.bg-cl {background-position: center left}
.bg-cc {background-position: center}
.bg-cr {background-position: center right}
.bg-bl {background-position: bottom left}
.bg-bc {background-position: bottom center}
.bg-br {background-position: bottom right}


/* =================== BODY PART 2 (DINAMIC) ===================  */
.container-max {max-width: 1366px;}
.dropdown-toggle::after {
    vertical-align: unset!important;
    content: '\f107';
    font-family: FontAwesome;
    border: none!important;
}
.btn,.nav-link, .nav-link:after, .nav-link:before, .soft,.soft *,a>span,img,input {
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out
}


/* =================== BODY PART 3 (TEXT) ===================  */
.t-bold { font-weight: bold !important;}
.t-italic {font-style: italic}
.t-upper { text-transform: uppercase; }
.t-lower { text-transform: lowercase; }
a, a:hover { text-decoration: none!important; }
:focus, a, a:hover {
	outline: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

/* =================== FONT SIZE ===================  */

.t-09x {font-size: calc(100% - 7px); line-height: calc(100% + 4px)}
.t-10x {font-size: calc(100% - 6px); line-height: calc(100% + 4px)}
.t-11x {font-size: calc(100% - 5px); line-height: calc(100% + 4px)}
.t-12x {font-size: calc(100% - 4px); line-height: calc(100% + 4px)}
.t-13x {font-size: calc(100% - 3px); line-height: calc(100% + 4px)}
.t-14x {font-size: calc(100% - 2px); line-height: calc(100% + 4px)}
.t-15x {font-size: calc(100% - 1px); line-height: calc(100% + 4px)}
.t-16x {font-size: calc(100%); line-height: calc(100% + 4px)}
.t-17x {font-size: calc(100% + 1px); line-height: calc(100% + 4px)}
.t-18x {font-size: calc(100% + 2px); line-height: calc(100% + 4px)}
.t-19x {font-size: calc(100% + 3px); line-height: calc(100% + 4px)}
.t-20x {font-size: calc(100% + 4px); line-height: calc(100% + 4px)}
.t-21x {font-size: calc(100% + 5px); line-height: calc(100% + 4px)}
.t-22x {font-size: calc(100% + 6px); line-height: calc(100% + 4px)}
.t-23x {font-size: calc(100% + 7px); line-height: calc(100% + 4px)}
.t-24x {font-size: calc(100% + 8px); line-height: calc(100% + 4px)}
.t-25x {font-size: calc(100% + 9px); line-height: calc(100% + 4px)}
.t-26x {font-size: calc(100% + 10px); line-height: calc(100% + 4px)}
.t-27x {font-size: calc(100% + 11px); line-height: calc(100% + 4px)}
.t-28x {font-size: calc(100% + 12px); line-height: calc(100% + 4px)}
.t-29x {font-size: calc(100% + 13px); line-height: calc(100% + 4px)}
.t-30x {font-size: calc(100% + 14px); line-height: calc(100% + 4px)}
.t-31x {font-size: calc(100% + 15px); line-height: calc(100% + 4px)}
.t-32x {font-size: calc(100% + 16px); line-height: calc(100% + 4px)}
.t-33x {font-size: calc(100% + 17px); line-height: calc(100% + 4px)}
.t-34x {font-size: calc(100% + 18px); line-height: calc(100% + 4px)}
.t-35x {font-size: calc(100% + 19px); line-height: calc(100% + 4px)}
.t-36x {font-size: calc(100% + 20px); line-height: calc(100% + 4px)}
.t-37x {font-size: calc(100% + 21px); line-height: calc(100% + 4px)}
.t-38x {font-size: calc(100% + 22px); line-height: calc(100% + 4px)}
.t-39x {font-size: calc(100% + 23px); line-height: calc(100% + 4px)}
.t-40x {font-size: calc(100% + 24px); line-height: calc(100% + 4px)}
.t-41x {font-size: calc(100% + 25px); line-height: calc(100% + 4px)}
.t-42x {font-size: calc(100% + 26px); line-height: calc(100% + 4px)}
.t-43x {font-size: calc(100% + 27px); line-height: calc(100% + 4px)}
.t-44x {font-size: calc(100% + 28px); line-height: calc(100% + 4px)}
.t-45x {font-size: calc(100% + 29px); line-height: calc(100% + 4px)}
.t-46x {font-size: calc(100% + 30px); line-height: calc(100% + 4px)}
.t-47x {font-size: calc(100% + 31px); line-height: calc(100% + 4px)}
.t-48x {font-size: calc(100% + 32px); line-height: calc(100% + 4px)}
.t-49x {font-size: calc(100% + 33px); line-height: calc(100% + 4px)}
.t-50x {font-size: calc(100% + 34px); line-height: calc(100% + 4px)}
.t-52x {font-size: calc(100% + 36px); line-height: calc(100% + 4px)}
.t-54x {font-size: calc(100% + 38px); line-height: calc(100% + 4px)}
.t-56x {font-size: calc(100% + 40px); line-height: calc(100% + 4px)}
.t-58x {font-size: calc(100% + 42px); line-height: calc(100% + 4px)}
.t-60x {font-size: calc(100% + 44px); line-height: calc(100% + 4px)}
.t-62x {font-size: calc(100% + 46px); line-height: calc(100% + 4px)}
.t-64x {font-size: calc(100% + 48px); line-height: calc(100% + 4px)}
.t-66x {font-size: calc(100% + 50px); line-height: calc(100% + 4px)}
.t-68x {font-size: calc(100% + 52px); line-height: calc(100% + 4px)}
.t-70x {font-size: calc(100% + 54px); line-height: calc(100% + 4px)}
.t-72x {font-size: calc(100% + 56px); line-height: calc(100% + 4px)}
.t-74x {font-size: calc(100% + 58px); line-height: calc(100% + 4px)}
.t-76x {font-size: calc(100% + 60px); line-height: calc(100% + 4px)}
.t-78x {font-size: calc(100% + 62px); line-height: calc(100% + 4px)}
.t-80x {font-size: calc(100% + 64px); line-height: calc(100% + 4px)}
.t-82x {font-size: calc(100% + 66px); line-height: calc(100% + 4px)}
.t-84x {font-size: calc(100% + 68px); line-height: calc(100% + 4px)}
.t-86x {font-size: calc(100% + 70px); line-height: calc(100% + 4px)}
.t-88x {font-size: calc(100% + 72px); line-height: calc(100% + 4px)}
.t-90x {font-size: calc(100% + 74px); line-height: calc(100% + 4px)}
.t-92x {font-size: calc(100% + 76px); line-height: calc(100% + 4px)}
.t-94x {font-size: calc(100% + 78px); line-height: calc(100% + 4px)}
.t-96x {font-size: calc(100% + 80px); line-height: calc(100% + 4px)}
.t-98x {font-size: calc(100% + 82px); line-height: calc(100% + 4px)}
.t-100x {font-size: calc(100% + 84px); line-height: calc(100% + 4px)}

/* =================== LINE HEIGHT SIZE ===================  */
.lh-09x {line-height: 9px}
.lh-10x {line-height: 10px}
.lh-11x {line-height: 11px}
.lh-12x {line-height: 12px}
.lh-13x {line-height: 13px}
.lh-14x {line-height: 14px}
.lh-15x {line-height: 15px}
.lh-16x {line-height: 16px}
.lh-17x {line-height: 17px}
.lh-18x {line-height: 18px}
.lh-19x {line-height: 19px}
.lh-20x {line-height: 20px}
.lh-21x {line-height: 21px}
.lh-22x {line-height: 22px}
.lh-23x {line-height: 23px}
.lh-24x {line-height: 24px}
.lh-25x {line-height: 25px}
.lh-26x {line-height: 26px}
.lh-27x {line-height: 27px}
.lh-28x {line-height: 28px}
.lh-29x {line-height: 29px}
.lh-30x {line-height: 30px}
.lh-31x {line-height: 31px}
.lh-32x {line-height: 32px}
.lh-33x {line-height: 33px}
.lh-34x {line-height: 34px}
.lh-35x {line-height: 35px}
.lh-36x {line-height: 36px}
.lh-37x {line-height: 37px}
.lh-38x {line-height: 38px}
.lh-39x {line-height: 39px}
.lh-40x {line-height: 40px}
.lh-41x {line-height: 41px}
.lh-42x {line-height: 42px}
.lh-43x {line-height: 43px}
.lh-44x {line-height: 44px}
.lh-45x {line-height: 45px}
.lh-46x {line-height: 46px}
.lh-47x {line-height: 47px}
.lh-48x {line-height: 48px}
.lh-49x {line-height: 49px}
.lh-50x {line-height: 50px}
.lh-52x {line-height: 52px}
.lh-54x {line-height: 54px}
.lh-56x {line-height: 56px}
.lh-58x {line-height: 58px}
.lh-60x {line-height: 60px}
.lh-62x {line-height: 62px}
.lh-64x {line-height: 64px}
.lh-66x {line-height: 66px}
.lh-68x {line-height: 68px}
.lh-70x {line-height: 70px}
.lh-72x {line-height: 72px}
.lh-74x {line-height: 74px}
.lh-76x {line-height: 76px}
.lh-78x {line-height: 78px}
.lh-80x {line-height: 80px}
.lh-82x {line-height: 82px}
.lh-84x {line-height: 84px}
.lh-86x {line-height: 86px}
.lh-88x {line-height: 88px}
.lh-90x {line-height: 90px}
.lh-92x {line-height: 92px}
.lh-94x {line-height: 94px}
.lh-96x {line-height: 96px}
.lh-98x {line-height: 98px}
.lh-100x {line-height: 100px}

/* =================== LETTER SPACING SIZE ===================  */
.ls-1x {letter-spacing: 1px;}
.ls-5x {letter-spacing: 0.5px;}

.ls-05x {letter-spacing: -0.5px;}
.ls-10x {letter-spacing: -1px;}
.ls-15x {letter-spacing: -1.5px;}
.ls-20x {letter-spacing: -2px;}
.ls-25x {letter-spacing: -2.5px;}
.ls-30x {letter-spacing: -3px;}
.ls-35x {letter-spacing: -3.4px;}
.ls-40x {letter-spacing: -4px;}