@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;700&family=Poppins:wght@100;300;400;500;600;700;800;900&family=Raleway:wght@100;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&display=swap');
*{margin: 0;padding: 0;scroll-behavior: smooth;font-family: 'Poppins', sans-serif;}
.DisplayFont {font-family: "GFS Didot", serif;}

/* Colors */
.colorWhite{color: #fff;}
.colorBlack{color: #000;}
.colorLight{color: #f7f7f7;}
.colorLightGray{color: #e6e6e6;}
.colorGray{color: #6D758F;}
.colorDark{color: #212121;}
.colorPurple{color: #5949F7;}
.colorMagenta{color: #884BD0;}
.colorGreen{color: #D9FE77;}

/* Background Colors */
.bg-White{background: #fff;}
.bg-Black{background: #000;}
.bg-Light{background: #f8f8f7;}
.bg-Gray{background: #828282;}
.bg-LightGray{background: #cac9c522;}
.bg-Dark{background: #1C1E23;}
.bg-Orange{background: #F28E0A;}
.bg-Transparent{background: transparent;}
.bg-Transparent-black{background: #00000072;}
.bg-Purple{background: #5949F7;}
.bg-Magenta{background: #884BD0;}
.bg-Green{background: #D9FE77;}

/* Background Images */
.bg-imageOne{background-image: url(../img/01_seccion/bg-work1.png);background-size: cover;}
.bg-imageTwo{background-image: url(../img/01_seccion/bg-work2.png);background-size: cover;}
.bg-imageThree{background-image: url(../img/01_seccion/bg-work3.png);background-size: cover;}
.bg-imageSeventh{background-image: url(../img/01_seccion/skill-1.jpg);background-size: cover;}
.bg-imageEight{background-image: url(../img/01_seccion/skill-2.jpg);background-size: cover;}
.bg-imageNine{background-image: url(../img/01_seccion/skill-3.jpg);background-size: cover;}
.bg-imageTen{background-image: url(../img/01_seccion/skill-4.jpg);background-size: cover;}
.bg-imageEleven{background-image: url(../img/01_seccion/skill-5.jpg);background-size: cover;}

/* Border */
.border-none{border: none;}
.borderBottom-1{border-bottom: 1px solid #828282;}
.border-1{border: 1px solid #F0EFEC;}
.border-2{border: 1px solid #212121;}
.border-3 {border: 1px solid #6D758F;}
/* Border Radius*/
.borderRadius-1 {
    border-radius: 9px;
}
.borderRadius-3 {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.borderRadius-4 {
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
}

/* Shadow */
.shadow-none {
    box-shadow: none;
}
.shadow-100{box-shadow: rgba(100, 100, 111, 0.5) 0px 7px 29px 0px;}

/* Opacity */
.hide{opacity: 0;}

/* Outline */
.outline-none{outline: none;}

/* Font families */
.playfairDisplay{font-family: 'Playfair Display', serif;}
.roboto{font-family: 'Roboto', sans-serif;}

/* Font sizes */
.fontSize-1{font-size: 5em;}
.fontSize-2{font-size: 3.5em;}
.fontSize-3{font-size: 3em;}
.fontSize-4{font-size: 2.5em;}
.fontSize-5{font-size: 1.5em;}
.fontSize-6{font-size: 1em;}
.fontSize-7{font-size: 1em;}
.fontSize-8{font-size: .8em;}
.fontSize-9{font-size: .25em;}

/* Font weights */
.fontWeight-1{font-weight:300;}
.fontWeight-2{font-weight:700;}
.fontWeight-3{font-weight:900;}

/* Line height */
.lineHeight-1{line-height: 1em;}

/* Font underline */
.underline{text-decoration: underline;}

/* Text alignements */
.aTxt-center{text-align: center;}
.aTxt-start{text-align: start;}
.aTxt-end{text-align: end;}
/* Text alignements Mixed*/
.aTxt-center_aTxt-start{text-align: center;}
.aTxt-center_aTxt-end{text-align: center;}
.aTxt-start_aTxt-center{text-align: start;}
.aTxt-start_aTxt-end{text-align: start;}
.aTxt-end_aTxt-center{text-align: end;}
.aTxt-end_aTxt-start{text-align: end;}

/* Text decorations */
.txtDecorations-None{text-decoration: none;}

/* List styles */
.listStyle-None{list-style: none;}

/* Alignements */
.aItems-Center{align-items: center;}
.aItems-End{align-items: flex-end;}
.aItems-Start{align-items: flex-start;}
.aContent-Center{align-content: center;}
.aContent-End{align-content: flex-end;}
.aContent-Start{align-content: flex-start;}
.verticalAlign-Middle{vertical-align: middle;}
.bottom-0{bottom: 0;}
.top-0{top: 0;}
.right-0{right: 0;}
.left-0{left: 0;}

/* Displays */
.dFlex{display: flex;}
.dBlock{display: block;}
.dNone{display: none;}
.dGrid{display: grid;}
/* Displays Mixed */
.dFlex_dBlock{display: flex;}
.dFlex_dNone{display: flex;}
.dFlex_dGrid{display: flex;}
.dBlock_dFlex{display: block;}
.dBlock_dNone{display: block;}
.dBlock_dGrid{display: block;}
.dNone_dFlex{display: none;}
.dNone_dBlock{display: none;}
.dNone_dGrid{display: none;}
.dGrid_dFlex{display: grid;}
.dGrid_dBlock{display: grid;}
.dGrid_dNone{display: grid;}

/* Wrap */
.fWrap-wrap{flex-wrap: wrap;}

/* Justifies */
.jCenter{justify-content: center;}
.jAround{justify-content: space-around;}
.jBetween{justify-content: space-between;}
.jEnd{justify-content: flex-end;}
.jStart{justify-content: flex-start;}
/* Justifies Mixed */
.jCenter_jAround{justify-content: center;}
.jCenter_jBetween{justify-content: center;}
.jCenter_jEnd{justify-content: center;}
.jCenter_jStart{justify-content: center;}
.jAround_jCenter{justify-content: space-around;}
.jAround_jBetween{justify-content: space-around;}
.jAround_jEnd{justify-content: space-around;}
.jAround_jStart{justify-content: space-around;}
.jBetween_jCenter{justify-content: space-between;}
.jBetween_jAround{justify-content: space-between;}
.jBetween_jEnd{justify-content: space-between;}
.jBetween_jStart{justify-content: space-between;}
.jEnd_jCenter{justify-content: flex-end;}
.jEnd_jAround{justify-content: flex-end;}
.jEnd_jBetween{justify-content: flex-end;}
.jEnd_jStart{justify-content: flex-end;}
.jStart_jCenter{justify-content: flex-start;}
.jStart_jAround{justify-content: flex-start;}
.jStart_jBetween{justify-content: flex-start;}
.jStart_jEnd{justify-content: flex-start;}

/* Positions */
.pFixed{position: fixed;}
.pRelative{position: relative;}
.pAbsolute{position: absolute;}
.pInherit{position: inherit;}
/* Positions Mixed */
.pFixed_pRelative{position: fixed;}
.pFixed_pAbsolute{position: fixed;}
.pFixed_pInherit{position: fixed;}
.pRelative_pFixed{position: relative;}
.pRelative_pAbsolute{position: relative;}
.pRelative_pInherit{position: relative;}
.pAbsolute_pFixed{position: absolute;}
.pAbsolute_pRelative{position: absolute;}
.pAbsolute_pInherit{position: absolute;}
.pInherit_pFixed{position: inherit;}
.pInherit_pRelative{position: inherit;}
.pInherit_pAbsolute{position: inherit;}

/* Z-Index */
.zIndex_10{z-index: 10;}

/* Height */
.h-05{height: .5em;}
.h-1{height: 1em;}
.h-2{height: 2em;}
.h-5{height: 5em;}
.h-10{height: 10em;}
.h-20{height: 20em;}
.h-25{height: 25em;}
.h-30{height: 30em;}
.h-100vh{height: 100vh;}
.h-auto{height: auto;}
.h-100per{height: 100%;}

/* Height Mixed */
.h-100vh_hAuto{height: 100vh;}

/* Height Mixed Reduced */
.h-2_h-05{height: 2em;}
.h-5_h-2{height: 5em;}
.h-10_h-5{height: 10em;}
.h-20_h-10{height: 20em;}
.h-25_h-14{height: 25em;}
.h-30_h-15{height: 30em;}

/* Height Mixed Auto */
.hAuto_h-2{height: auto}
.hAuto_h-5{height: auto}
.hAuto_h-10{height: auto;}
.hAuto_h-15{height: auto;}
.hAuto_h-20{height: auto;}
.hAuto_h-30{height: auto;}
.h-2_hAuto{height: 2em}
.h-5_hAuto{height: 5em}
.h-10_hAuto{height: 10em;}
.h-20_hAuto{height: 20em;}
.h-25_hAuto{height: 25em;}
.h-30_hAuto{height: 30em;}

/* Height */
.h-100vh{height: 100vh;}
.h-auto{height: auto;}
.h-5per{height: 5%;}
.h-10per{height: 10%;}
.h-15per{height: 15%;}
.h-20per{height: 20%;}
.h-30per{height: 30%;}
.h-40per{height: 40%;}
.h-45per{height: 45%;}
.h-50per{height: 50%;}
.h-60per{height: 60%;}
.h-70per{height: 70%;}
.h-80per{height: 80%;}
.h-90per{height: 90%;}
.h-100per{height: 100%;}

/* Width */
.w-100vh{width: 100vh;}
.w-auto{width: auto;}
.w-5per{width: 5%;}
.w-10per{width: 10%;}
.w-15per{width: 15%;}
.w-20per{width: 20%;}
.w-30per{width: 30%;}
.w-40per{width: 40%;}
.w-45per{width: 45%;}
.w-50per{width: 50%;}
.w-60per{width: 60%;}
.w-70per{width: 70%;}
.w-80per{width: 80%;}
.w-90per{width: 90%;}
.w-100per{width: 100%;}
.w-05em{width: .5em;}
.w-1em{width: 1em;}
.w-2em{width: 2em;}
.w-5em{width: 5em;}
.w-10em{width: 10em;}
.w-20em{width: 20em;}
.w-30em{width: 30em;}

/* Width Mixed Auto*/
.w-100vh_wAuto{width: 100vh;}
.w-5per_wAuto{width: 5%;}
.w-10per_wAuto{width: 10%;}
.w-15per_wAuto{width: 15%;}
.w-20per_wAuto{width: 20%;}
.w-30per_wAuto{width: 30%;}
.w-40per_wAuto{width: 40%;}
.w-45per_wAuto{width: 45%;}
.w-50per_wAuto{width: 50%;}
.w-60per_wAuto{width: 60%;}
.w-70per_wAuto{width: 70%;}
.w-80per_wAuto{width: 80%;}
.w-90per_wAuto{width: 90%;}
.w-100per_wAuto{width: 100%;}
.w-2em_wAuto{width: 2em;}
.w-5em_wAuto{width: 5em;}
.w-10em_wAuto{width: 10em;}
.w-20em_wAuto{width: 20em;}
.w-30em_wAuto{width: 30em;}

/* Width Mixed 100per */
.w-5per_w-100per{width: 5%;}
.w-10per_w-100per{width: 10%;}
.w-15per_w-100per{width: 15%;}
.w-20per_w-100per{width: 20%;}
.w-30per_w-100per{width: 30%;}
.w-40per_w-100per{width: 40%;}
.w-45per_w-100per{width: 45%;}
.w-50per_w-100per{width: 50%;}
.w-60per_w-100per{width: 60%;}
.w-70per_w-100per{width: 70%;}
.w-80per_w-100per{width: 80%;}
.w-90per_w-100per{width: 90%;}

/* Width Mixed Reduced */
.w-5per_w-1per{width: 5%;}
.w-10per_w-2per{width: 10%;}
.w-15per_w-5per{width: 15%;}
.w-20per_w-8per{width: 20%;}
.w-30per_w-10per{width: 30%;}
.w-40per_w-12per{width: 40%;}
.w-50per_w-18per{width: 50%;}
.w-60per_w-21per{width: 60%;}
.w-70per_w-24per{width: 70%;}
.w-80per_w-30per{width: 80%;}
.w-90per_w-32per{width: 90%;}

/* Margins */
.m-02em{margin: .2em;}
.m-05em{margin: .5em;}
.m-1em{margin: 1em;}
.m-2em{margin: 2em;}
.m-5em{margin: 5em;}
.m-10em{margin: 10em;}
/* Margins Top */
.mt-05em{margin-top: .5em;}
.mt-1em{margin-top: 1em;}
.mt-2em{margin-top: 2em;}
.mt-5em{margin-top: 5em;}
.mt-10em{margin-top: 10em;}
/* Margins Bottom */
.mb-05em{margin-bottom: .5em;}
.mb-1em{margin-bottom: 1em;}
.mb-2em{margin-bottom: 2em;}
.mb-5em{margin-bottom: 5em;}
.mb-10em{margin-bottom: 10em;}
/* Margins Right */
.mr-05em{margin-right: .5em;}
.mr-1em{margin-right: 1em;}
.mr-2em{margin-right: 2em;}
.mr-5em{margin-right: 5em;}
.mr-10em{margin-right: 10em;}
/* Margins Left */
.ml-05em{margin-left: .5em;}
.ml-1em{margin-left: 1em;}
.ml-2em{margin-left: 2em;}
.ml-5em{margin-left: 5em;}
.ml-10em{margin-left: 10em;}

/* Margin Mixed */
.m-2em_mNone{margin-right: 2em;}
.mNone_m-02em{margin: 0;}
.mNone_m-05em{margin: 0;}
.mNone_m-1em{margin: 0;}
.mNone_m-2em{margin: 20}
.mNone_m-5em{margin: 0;}
.mNone_m-10em{margin: 0;}
/* Margins Top */
.mNone_mt-05em{margin-top: 0;}
.mNone_mt-1em{margin-top: 0;}
.mNone_mt-2em{margin-top: 0;}
.mNone_mt-5em{margin-top: 0;}
.mNone_mt-10em{margin-top: 0;}
/* Margins Bottom */
.mNone_mb-05em{margin-bottom: 0;}
.mNone_mb-1em{margin-bottom: 0;}
.mNone_mb-2em{margin-bottom: 0;}
.mNone_mb-5em{margin-bottom: 0;}
.mNone_mb-10em{margin-bottom: 0;}
/* Margins Right */
.mNone_mr-05em{margin-right: 0;}
.mNone_mr-1em{margin-right: 0;}
.mNone_mr-2em{margin-right: 0;}
.mNone_mr-5em{margin-right: 0;}
.mNone_mr-10em{margin-right: 0;}
/* Margins Left */
.mNone_ml-05em{margin-left: 0;}
.mNone_ml-1em{margin-left: 0;}
.mNone_ml-2em{margin-left: 0;}
.mNone_ml-5em{margin-left: 0;}
.mNone_ml-10em{margin-left: 0;}

.mb-05em_mb-1em{margin-bottom: .5em;}

/* Padding */
.p-05em{padding: .5em;}
.p-1em{padding: 1em;}
.p-2em{padding: 2em;}
.p-5em{padding: 5em;}
.p-10em{padding: 10em;}
/* Padding Top */
.pt-05em{padding-top: .5em;}
.pt-1em{padding-top: 1em;}
.pt-2em{padding-top: 2em;}
.pt-5em{padding-top: 5em;}
.pt-10em{padding-top: 10em;}
/* Padding Bottom */
.pb-05em{padding-bottom: .5em;}
.pb-1em{padding-bottom: 1em;}
.pb-2em{padding-bottom: 2em;}
.pb-5em{padding-bottom: 5em;}
.pb-10em{padding-bottom: 10em;}
/* Padding Right */
.pr-05em{padding-right: .5em;}
.pr-1em{padding-right: 1em;}
.pr-2em{padding-right: 2em;}
.pr-5em{padding-right: 5em;}
.pr-10em{padding-right: 10em;}
/* Padding Left */
.pl-05em{padding-left: .5em;}
.pl-1em{padding-left: 1em;}
.pl-2em{padding-left: 2em;}
.pl-5em{padding-left: 5em;}
.pl-10em{padding-left: 10em;}

/* Padding Mixed Reduced */
.p-05em_p-025em{padding: .5em;}
.p-1em_p-05em{padding: 1em;}
.p-2em_p-1em{padding: 2em;}
.p-5em_p-2em{padding: 5em;}
.p-10em_p-5em{padding: 10em;}
/* Padding Top */
.pt-05em_pt-02em{padding-top: .5em;}
.pt-1em_pt-05em{padding-top: 1em;}
.pt-2em_pt-1em{padding-top: 2em;}
.pt-5em_pt-2em{padding-top: 5em;}
.pt-10em_pt-5em{padding-top: 10em;}
/* Padding Bottom */
.pb-05em_pb-02em{padding-bottom: .5em;}
.pb-1em_pb-05em{padding-bottom: 1em;}
.pb-2em_pb-1em{padding-bottom: 2em;}
.pb-5em_pb-2em{padding-bottom: 5em;}
.pb-10em_pb-5em{padding-bottom: 10em;}
/* Padding Right */
.pr-05em_pr-02em{padding-right: .5em;}
.pr-1em_pr-05em{padding-right: 1em;}
.pr-2em_pr-1em{padding-right: 2em;}
.pr-5em_pr-2em{padding-right: 5em;}
.pr-10em_pr-5em{padding-right: 10em;}
/* Padding Left */
.pl-05em_pl-02em{padding-left: .5em;}
.pl-1em_pl-05em{padding-left: 1em;}
.pl-2em_pl-1em{padding-left: 2em;}
.pl-5em_pl-2em{padding-left: 5em;}
.pl-10em_pl-5em{padding-left: 10em;}

/* Padding Mixed Extra Reduced */
.p-05em_p-001em{padding: .5em;}
.p-1em_p-005em{padding: 1em;}
.p-2em_p-025em{padding: 2em;}
.p-5em_p-05em{padding: 5em;}
.p-10em_p-1em{padding: 10em;}
/* Padding Top */
.pt-05em_pt-001em{padding-top: .5em;}
.pt-1em_pt-005em{padding-top: 1em;}
.pt-2em_pt-025em{padding-top: 2em;}
.pt-5em_pt-05em{padding-top: 5em;}
.pt-10em_pt-1em{padding-top: 10em;}
/* Padding Bottom */
.pb-05em_pb-001em{padding-bottom: .5em;}
.pb-1em_pb-005em{padding-bottom: 1em;}
.pb-2em_pb-025em{padding-bottom: 2em;}
.pb-5em_pb-05em{padding-bottom: 5em;}
.pb-10em_pb-1em{padding-bottom: 10em;}
/* Padding Right */
.pr-05em_pr-001em{padding-right: .5em;}
.pr-1em_pr-005em{padding-right: 1em;}
.pr-2em_pr-025em{padding-right:2em;}
.pr-5em_pr-05em{padding-right: 5em;}
.pr-10em_pr-1em{padding-right: 10em;}
/* Padding Left */
.pl-05em_pl-001em{padding-left: .5em;}
.pl-1em_pl-005em{padding-left: 1em;}
.pl-2em_pl-025em{padding-left:2em;}
.pl-5em_pl-05em{padding-left: 5em;}
.pl-10em_pl-1em{padding-left: 10em;}

/* Padding Mixed None */
.p-05em_pNone{padding: .5em;}
.p-1em_pNone{padding: 1em;}
.p-2em_pNone{padding: 2em;}
.p-5em_pNone{padding: 5em;}
.p-10em_pNone{padding: 10em;}
/* Padding Top */
.pt-05em_pNone{padding-top: .5em;}
.pt-1em_pNone{padding-top: 1em;}
.pt-2em_pNone{padding-top: 2em;}
.pt-5em_pNone{padding-top: 5em;}
.pt-10em_pNone{padding-top: 10em;}
/* Padding Bottom */
.pb-05em_pNone{padding-bottom: .5em;}
.pb-1em_pNone{padding-bottom: 1em;}
.pb-2em_pNone{padding-bottom: 2em;}
.pb-5em_pNone{padding-bottom: 5em;}
.pb-10em_pNone{padding-bottom: 10em;}
/* Padding Right */
.pr-05em_pNone{padding-right: .5em;}
.pr-1em_pNone{padding-right: 1em;}
.pr-2em_pNone{padding-right: 2em;}
.pr-5em_pNone{padding-right: 5em;}
.pr-10em_pNone{padding-right: 10em;}
/* Padding Left */
.pl-05em_pNone{padding-left: .5em;}
.pl-1em_pNone{padding-left: 1em;}
.pl-2em_pNone{padding-left: 2em;}
.pl-5em_pNone{padding-left: 5em;}
.pl-10em_pNone{padding-left: 10em;}

/* Padding Mixed None inversed */
.pNone_p-05em{padding: 0;}
.pNone_p-1em{padding: 0;}
.pNone_p-2em{padding: 0;}
.pNone_p-5em{padding: 0;}
.pNone_p-10em{padding: 0;}
/* Padding Top */
.pNone_pt-05em{padding-top: 0;}
.pNone_pt-1em{padding-top: 0;}
.pNone_pt-2em{padding-top: 0;}
.pNone_pt-5em{padding-top: 0;}
.pNone_pt-10em{padding-top: 0;}
/* Padding Bottom */
.pNone_pb-05em{padding-bottom:0m;}
.pNone_pb-1em{padding-bottom: 0;}
.pNone_pb-2em{padding-bottom: 0;}
.pNone_pb-5em{padding-bottom: 0;}
.pNone_pb-10em{padding-bottom: 0;}
/* Padding Right */
.pNone_pr-05em{padding-right: 0;}
.pNone_pr-1em{padding-right: 0;}
.None_pr-2em_{padding-right: 0;}
.pNone_pr-5em{padding-right: 0;}
.pNone_pr-10em{padding-right: 0;}
/* Padding Left */
.pNone_pl-05em{padding-left: 0;}
.pNone_pl-1em{padding-left: 0;}
.pNone_pl-2em{padding-left: 0;}
.pNone_pl-5em{padding-left: 0;}
.pNone_pl-10em{padding-left: 0;}

/* Animations */
.animationFifth:hover{background:#DFE0E5 ;transition: all ease-out .3s;}
/* Horizontal scroll */
.horizontal-scroll-container {display: flex;overflow-x: scroll;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;overflow: hidden;}
.horizontal-scroll-item {display: inline-flex;align-items: center;justify-content: center;min-width: 100vw;}
/* Hover */
.animationOne:hover{opacity: .5;transition: all ease-out .3s;}
.animationTwo:hover{margin-right: .5em;transition: all ease-out .3s;}
.animationThree:hover{margin-bottom: .5em;transition: all ease-out .3s;}
.animationFour:hover{transform: scale(1.1);transition: all ease-out .3s;}
.animationSixth:hover{opacity: 1;}
.animationSeventh:hover {
    -webkit-box-shadow: 0px 0px 23px -1px rgba(125,125,125,1);
    -moz-box-shadow: 0px 0px 23px -1px rgba(125,125,125,1);
    box-shadow: 0px 0px 23px -1px rgba(125,125,125,1);
    transition: all ease-out .5s;
}

/* Border */
/* Border None */
.brNone{border: none;}
/* Border Color gray */
.br-colorWhite{border: 1.5px solid #fff;}
.br-colorGray{border: 1.5px solid #3A3E46;}
/* Border Radius*/
.borderRadius-1{border-radius: 9px;}
.borderRadius-2{border-radius: 40px;}


@media (max-width: 900px) {

    /* Background Images */
    .bg-imageOne{background-image: url(../img/01_seccion/bg-work1_mobile.png);background-size: cover;}
    .bg-imageTwo{background-image: url(../img/01_seccion/bg-work2_mobile.png);background-size: cover;}
    .bg-imageThree{background-image: url(../img/01_seccion/bg-work3_mobile.png);background-size: cover;}
    .bg-imageFour{background-image: url(../img/01_seccion/bg-work4_mobile.png);background-size: cover;}
    .bg-imageFifth{background-image: url(../img/01_seccion/bg-work5_mobile.png);background-size: cover;}
    .bg-imageSixth{background-image: url(../img/01_seccion/bg-work6_mobile.png);background-size: cover;}

    /* Font sizes */
    .fontSize-1{font-size: 2.5em;}
    .fontSize-2{font-size: 2em;}
    .fontSize-3{font-size: 1.5em;}
    .fontSize-4{font-size: 1em;}
    .fontSize-5{font-size: .8em;}
    .fontSize-6{font-size: 1em;}
    .fontSize-7{font-size: .7em;}
    .fontSize-8{font-size: .15em;}
    .fontSize-9{font-size: .1em;}

    /* Text alignements Mixed */
    .aTxt-center_aTxt-start{text-align: start;}
    .aTxt-center_aTxt-end{text-align: end;}
    .aTxt-start_aTxt-center{text-align: center;}
    .aTxt-start_aTxt-end{text-align: end;}
    .aTxt-end_aTxt-center{text-align: center;}
    .aTxt-end_aTxt-start{text-align: start;}

    /* Displays Mixed */
    .dFlex_dBlock{display: block;}
    .dFlex_dNone{display: none;}
    .dFlex_dGrid{display: grid;}
    .dBlock_dFlex{display: flex;}
    .dBlock_dNone{display: none;}
    .dBlock_dGrid{display: grid;}
    .dNone_dFlex{display: flex;}
    .dNone_dBlock{display: block;}
    .dNone_dGrid{display: grid;}
    .dGrid_dFlex{display: flex;}
    .dGrid_dBlock{display: block;}
    .dGrid_dNone{display: none;}

    /* Positions Mixed */
    .pFixed_pRelative{position: relative;}
    .pFixed_pAbsolute{position: absolute;}
    .pFixed_pInherit{position: inherit;}
    .pRelative_pFixed{position: fixed;}
    .pRelative_pAbsolute{position: absolute;}
    .pRelative_pInherit{position: inherit;}
    .pAbsolute_pFixed{position: fixed;}
    .pAbsolute_pRelative{position: relative;}
    .pAbsolute_pInherit{position: inherit;}
    .pInherit_pFixed{position: fixed;}
    .pInherit_pRelative{position: relative;}
    .pInherit_pAbsolute{position: absolute;}

    /* Height Mixed */
    .h-100vh_hAuto{height: auto;}

    /* Height Mixed Reduced */
    .h-2_h-05{height: .5em;}
    .h-5_h-2{height: 2em;}
    .h-10_h-5{height: 5em;}
    .h-20_h-10{height: 10em;}
    .h-30_h-15{height: 15em;}

    /* Height Mixed Auto */
    .hAuto_h-2{height: 2em;}
    .hAuto_h-5{height: 5em;}
    .hAuto_h-10{height: 10em;}
    .hAuto_h-15{height: 15em;}
    .hAuto_h-20{height: 20em;}
    .hAuto_h-30{height: 30em;}
    .h-2_hAuto{height: auto}
    .h-5_hAuto{height: auto}
    .h-10_hAuto{height: auto;}
    .h-20_hAuto{height: auto;}
    .h-25_hAuto{height: auto;}
    .h-30_hAuto{height: auto;}

    /* Width Mixed */
    .w-100vh_wAuto{width: auto;}
    .w-5per_wAuto{width: auto;}
    .w-10per_wAuto{width: auto;}
    .w-15per_wAuto{width: auto;}
    .w-20per_wAuto{width: auto;}
    .w-30per_wAuto{width: auto;}
    .w-40per_wAuto{width: auto;}
    .w-45per_wAuto{width: auto;}
    .w-50per_wAuto{width: auto;}
    .w-60per_wAuto{width: auto;}
    .w-70per_wAuto{width: auto;}
    .w-80per_wAuto{width: auto;}
    .w-90per_wAuto{width: auto;}
    .w-100per_wAuto{width: auto;}
    .w-2em_wAuto{width: auto;}
    .w-5em_wAuto{width: auto;}
    .w-10em_wAuto{width: auto;}
    .w-20em_wAuto{width: auto;}
    .w-30em_wAuto{width: auto;}

    /* Width Mixed 100per*/
    .w-5per_w-100per{width: 100%;}
    .w-10per_w-100per{width: 100%;}
    .w-15per_w-100per{width: 100%;}
    .w-20per_w-100per{width: 100%;}
    .w-30per_w-100per{width: 100%;}
    .w-40per_w-100per{width: 100%;}
    .w-45per_w-100per{width: 100%;}
    .w-50per_w-100per{width: 100%;}
    .w-60per_w-100per{width: 100%;}
    .w-70per_w-100per{width: 100%;}
    .w-80per_w-100per{width: 100%;}
    .w-90per_w-100per{width: 100%;}

    /* Width Mixed Reduced */
    .w-5per_w-1per{width: 1%;}
    .w-10per_w-2per{width: 2%;}
    .w-15per_w-5per{width: 5%;}
    .w-20per_w-8per{width: 8%;}
    .w-30per_w-10per{width: 10%;}
    .w-40per_w-12per{width: 12%;}
    .w-50per_w-18per{width: 18%;}
    .w-60per_w-21per{width: 21%;}
    .w-70per_w-24per{width: 24%;}
    .w-80per_w-30per{width: 30%;}
    .w-90per_w-32per{width: 32%;}

    /* Margin Mixed */
    .m-2em_mNone {margin: 0;}
    .mNone_m-02em{margin: .2em;}
    .mNone_m-05em{margin: .5em;}
    .mNone_m-1em{margin: 1em;}
    .mNone_m-2em{margin: 2em;}
    .mNone_m-5em{margin: 5em;}
    .mNone_m-10em{margin: 10em;}
    /* Margins Top */
    .mNone_mt-05em{margin-top: .5em;}
    .mNone_mt-1em{margin-top: 1em;}
    .mNone_mt-2em{margin-top: 2em;}
    .mNone_mt-5em{margin-top: 5em;}
    .mNone_mt-10em{margin-top: 10em;}
    /* Margins Bottom */
    .mNone_mb-05em{margin-bottom: .5em;}
    .mNone_mb-1em{margin-bottom: 1em;}
    .mNone_mb-2em{margin-bottom: 2em;}
    .mNone_mb-5em{margin-bottom: 5em;}
    .mNone_mb-10em{margin-bottom: 10em;}
    /* Margins Right */
    .mNone_mr-05em{margin-right: .5em;}
    .mNone_mr-1em{margin-right: 1em;}
    .mNone_mr-2em{margin-right: 2em;}
    .mNone_mr-5em{margin-right: 5em;}
    .mNone_mr-10em{margin-right: 10em;}
    /* Margins Left */
    .mNone_ml-05em{margin-left: .5em;}
    .mNone_ml-1em{margin-left: 1em;}
    .mNone_ml-2em{margin-left: 2em;}
    .mNone_ml-5em{margin-left: 5em;}
    .mNone_ml-10em{margin-left: 10em;}

    .mb-05em_mb-1em{margin-bottom: 1em;}

    /* Padding Mixed Reduced */
    .p-05em_p-025em{padding: .25em;}
    .p-1em_p-05em{padding: .5em;}
    .p-2em_p-1em{padding: 1em;}
    .p-5em_p-2em{padding: 2em;}
    .p-10em_p-5em{padding: 5em;}
    /* Padding Top */
    .pt-05em_pt-025em{padding-top: .25em;}
    .pt-1em_pt-05em{padding-top: .5em;}
    .pt-2em_pt-1em{padding-top: 1em;}
    .pt-5em_pt-2em{padding-top: 2em;}
    .pt-10em_pt-5em{padding-top: 5em;}
    /* Padding Bottom */
    .pb-05em_pb-025em{padding-bottom: .25em;}
    .pb-1em_pb-05em{padding-bottom: .5em;}
    .pb-2em_pb-1em{padding-bottom: 1em;}
    .pb-5em_pb-2em{padding-bottom: 2em;}
    .pb-10em_pb-5em{padding-bottom: 5em;}
    /* Padding Right */
    .pr-05em_pr-025em{padding-right: .25em;}
    .pr-1em_pr-05em{padding-right: .5em;}
    .pr-2em_pr-1em{padding-right: 1em;}
    .pr-5em_pr-2em{padding-right: 2em;}
    .pr-10em_pr-5em{padding-right: 5em;}
    /* Padding Left */
    .pl-05em_pl-025em{padding-left: .25em;}
    .pl-1em_pl-05em{padding-left: .5em;}
    .pl-2em_pl-1em{padding-left: 1em;}
    .pl-5em_pl-2em{padding-left: 2em;}
    .pl-10em_pl-5em{padding-left: 5em;}

    /* Padding Mixed Extra Reduced */
    .p-05em_p-001em{padding: .01em;}
    .p-1em_p-005em{padding: .05em;}
    .p-2em_p-025em{padding: .25em;}
    .p-5em_p-05em{padding: .5em;}
    .p-10em_p-1em{padding: 1em;}
    /* Padding Top */
    .pt-05em_pt-001em{padding-top: .01em;}
    .pt-1em_pt-005em{padding-top: .05em;}
    .pt-2em_pt-025em{padding-top: .25em;}
    .pt-5em_pt-05em{padding-top: .5em;}
    .pt-10em_pt-1em{padding-top: 1em;}
    /* Padding Bottom */
    .pb-05em_pb-001em{padding-bottom: .01em;}
    .pb-1em_pb-005em{padding-bottom: .05em;}
    .pb-2em_pb-025em{padding-bottom: .25em;}
    .pb-5em_pb-05em{padding-bottom: .5em;}
    .pb-10em_pb-1em{padding-bottom: 1em;}
    /* Padding Right */
    .pr-05em_pr-001em{padding-right: .01em;}
    .pr-1em_pr-005em{padding-right: .05em;}
    .pr-2em_pr-025em{padding-right: 25em;}
    .pr-5em_pr-05em{padding-right: .5em;}
    .pr-10em_pr-1em{padding-right: 1em;}
    /* Padding Left */
    .pl-05em_pl-001em{padding-left: .01em;}
    .pl-1em_pl-005em{padding-left: .05em;}
    .pl-2em_pl-025em{padding-left: 25em;}
    .pl-5em_pl-05em{padding-left: .5em;}
    .pl-10em_pl-1em{padding-left: 1em;}

    /* Padding Mixed None */
    .p-05em_pNone{padding: 0;}
    .p-1em_pNone{padding: 0;}
    .p-2em_pNone{padding: 0;}
    .p-5em_pNone{padding: 0;}
    .p-10em_pNone{padding: 0;}
    /* Padding Top */
    .pt-05em_pNone{padding-top: 0;}
    .pt-1em_pNone{padding-top: 0;}
    .pt-2em_pNone{padding-top: 0;}
    .pt-5em_pNone{padding-top: 0;}
    .pt-10em_pNone{padding-top: 0;}
    /* Padding Bottom */
    .pb-05em_pNone{padding-bottom: 0;}
    .pb-1em_pNone{padding-bottom: 0;}
    .pb-2em_pNone{padding-bottom: 0;}
    .pb-5em_pNone{padding-bottom: 0;}
    .pb-10em_pNone{padding-bottom: 0;}
    /* Padding Right */
    .pr-05em_pNone{padding-right: 0;}
    .pr-1em_pNone{padding-right: 0;}
    .pr-2em_pNone{padding-right: 0;}
    .pr-5em_pNone{padding-right: 0;}
    .pr-10em_pNone{padding-right: 0;}
    /* Padding Left */
    .pl-05em_pNone{padding-left: 0;}
    .pl-1em_pNone{padding-left: 0;}
    .pl-2em_pNone{padding-left: 0;}
    .pl-5em_pNone{padding-left: 0;}
    .pl-10em_pNone{padding-left: 0;}

 
    /* Padding Mixed None inversed */
    .pNone_p-05em{padding: .5em;}
    .pNone_p-1em{padding: 1em;}
    .pNone_p-2em{padding: 2em;}
    .pNone_p-5em{padding: 5em;}
    .pNone_p-10em{padding: 10em;}
    /* Padding Top */
    .pNone_pt-05em{padding-top: .5em;}
    .pNone_pt-1em{padding-top: 1em;}
    .pNone_pt-2em{padding-top: 2em;}
    .pNone_pt-5em{padding-top: 5em;}
    .pNone_pt-10em{padding-top: 10em;}
    /* Padding Bottom */
    .pNone_pb-05em{padding-bottom: .5em;}
    .pNone_pb-1em{padding-bottom: 1em;}
    .pNone_pb-2em{padding-bottom: 2em;}
    .pNone_pb-5em{padding-bottom: 5em;}
    .pNone_pb-10em{padding-bottom: 10em;}
    /* Padding Right */
    .pNone_pr-05em{padding-right: .5em;}
    .pNone_pr-1em{padding-right: 1em;}
    .None_pr-2em_{padding-right: 2em;}
    .pNone_pr-5em{padding-right: 5em;}
    .pNone_pr-10em{padding-right: 10em;}
    /* Padding Left */
    .pNone_pl-05em{padding-left: .5em;}
    .pNone_pl-1em{padding-left: 1em;}
    .pNone_pl-2em{padding-left: 2em;}
    .pNone_pl-5em{padding-left: 5em;}
    .pNone_pl-10em{padding-left: 10em;}

    /* Justifies Mixed */
.jCenter_jAround{justify-content: space-around;}
.jCenter_jBetween{justify-content: space-between;}
.jCenter_jEnd{justify-content: flex-end;}
.jCenter_jStart{justify-content: flex-start;}
.jAround_jCenter{justify-content: center;}
.jAround_jBetween{justify-content: space-between;}
.jAround_jEnd{justify-content: flex-end;}
.jAround_jStart{justify-content: flex-start;}
.jBetween_jCenter{justify-content: center;}
.jBetween_jAround{justify-content: space-around;}
.jBetween_jEnd{justify-content: flex-end;}
.jBetween_jStart{justify-content: flex-start;}
.jEnd_jCenter{justify-content: center;}
.jEnd_jAround{justify-content: space-around;}
.jEnd_jBetween{justify-content: space-between;}
.jEnd_jStart{justify-content: flex-start;}
.jStart_jCenter{justify-content: center;}
.jStart_jAround{justify-content: space-around;}
.jStart_jBetween{justify-content: space-between;}
.jStart_jEnd{justify-content: flex-end;}

    /* Animations */
    /* Horizontal scroll */
    .horizontal-scroll-container {display: block;overflow-x: none;scroll-behavior:none;-webkit-overflow-scrolling: none;overflow: none;}
    .horizontal-scroll-item {display: block;align-items: none;justify-content: none;min-width: auto;}
    }