*,
*::before,
*::after { box-sizing: border-box; padding: 0; margin: 0; }
* { font-family: "Poppins", sans-serif; font-size: clamp(16px, 1vw, 20px); font-weight: 400; text-wrap: pretty; }
*:focus { outline: 0; }

html { font-size: 100%; scroll-behavior: smooth; scroll-padding: 100px; }
body { font-weight: 300; -webkit-tap-highlight-color: transparent; }

h1, h2, h3, h4, h5, h6 { text-wrap: balance; }
ul, ol { margin: 0; }
a, a:link, a:hover, a:focus, a:active { text-decoration: none; outline: 0; -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; height: auto; }

header { position: fixed; top: 0; width: 100%; padding: 40px 0; transition: all 0.3s; z-index: 10; }
header nav ul { display: flex; justify-content: space-between; list-style: none; }
header nav ul li a { color: #fff; font-weight: 700; }

.nav-toggle { display: none; position: relative; height: 50px; width: 50px; background: #309C46; border-radius: 50%; }
.nav-toggle .bar { position: absolute; left: 50%; width: 60%; height: 2px; background: #fff; border-radius: 10px; transition: all 0.3s; }
.nav-toggle .bar.bar1 { top: 15px; transform: translateX(-50%); }
.nav-toggle .bar.bar2 { top: 50%; transform: translate(-50%, -50%); }
.nav-toggle .bar.bar3 { bottom: 15px; transform: translateX(-50%); }
.nav-mob-active .nav-toggle .bar1 { top: 50%; transform: translate(-50%, 0) rotate(45deg); }
.nav-mob-active .nav-toggle .bar2 { opacity: 0;  }
.nav-mob-active .nav-toggle .bar3 { top: 50%; bottom: auto; transform: translate(-50%, 0) rotate(-45deg);  } 

.scroll-top header { background: #309C46; padding: 30px 0; transform: translateY(0%); }
.scroll-bottom header { transform: translateY(-100%); }

.hero { position: relative; height: 100vh; height: 100dvh; overflow: hidden; margin-top: 0; overflow: hidden; }
.hero .cover-img { position: absolute; left: 0; width: 100%; height: 100%; object-fit: cover; }
.hero .logo { position: absolute; left: 50%; bottom: 2vw; transform: translateX(-50%); width: 35vw; height: auto; z-index: 2; }
.hero video { width: 100vw; height: 100vh; object-fit: cover; position: absolute; left: 0; top: 0; z-index: -1; }
.hero:before { content: ''; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 40%); height: 50vw; width: 50vw; background: #fff; border-radius: 50%; z-index: 1; }

section { margin: 6vw 0; }
.section-title {  color: #309C46; font-weight: 900; text-align: center; line-height: 1.2; margin-bottom: 30px; }
h1.section-title { font-size: clamp(36px, 6.5vw, 110px); }
h2.section-title { font-size: clamp(30px, 5vw, 80px); }
.featured-text { font-size: clamp(20px, 1.4vw, 26px); font-weight: 600; text-align: center; }
.text-below-title { max-width: 70%; margin: 0 auto; }

.style-text h1 { font-size: clamp(38px, 4vw, 60px); line-height: 1; margin: clamp(38px, 4vw, 60px) 0 clamp(26px, 4vw, 28px) 0; }
.style-text h2 { font-size: clamp(28px, 3vw, 46px); line-height: 1.1; margin: clamp(28px, 3vw, 46px) 0 clamp(24px, 3vw, 26px) 0; }
.style-text h3 { font-size: clamp(24px, 2vw, 36px); line-height: 1.2; margin: clamp(24px, 2vw, 36px) 0 clamp(22px, 2vw, 24px) 0; }
.style-text h4 { font-size: clamp(20px, 2vw, 28px); line-height: 1.3; margin: clamp(20px, 2vw, 28px) 0 clamp(20px, 2vw, 22px) 0; }
.style-text h5 { font-size: clamp(18px, 1vw, 24px); line-height: 1.4; margin: clamp(18px, 1vw, 24px) 0 0 0; text-transform: none; }
.style-text h6 { font-size: clamp(16px, 1vw, 20px); line-height: 1.4; margin: clamp(16px, 1vw, 20px) 0 0 0; text-transform: none; }
.style-text h1, .style-text h2, .style-text h3, .style-text h4, .style-text h5, .style-text h6 { color:#309C46; font-weight: 900; }
.style-text p, .style-text ul, .style-text ol { margin: 20px 0; }
.style-text a { color: #000; }
.style-text > :first-child { margin-top: 0; }
.style-text > :last-child { margin-bottom: 0; }

.lisce-img { width: 5vw; height: auto; }

.urbana-sumica-img-1, .urbana-sumica-img-2, .urbana-sumica-img-3 { display: block; }
.urbana-sumica-img-1, .urbana-sumica-img-3 { border-radius: 70vw 0 0 0; }
.urbana-sumica-label-1, .urbana-sumica-label-3 { position: absolute; top: 0; left: 11vw; width: 17vw; z-index: 1; }

.box.style-text { display: flex; flex-direction: column; justify-content: center; background: #005603; color: #fff; border-radius: 0 11vw; padding: 8vw 3vw; height: 100%; }
.box.style-text h3 { color: #fff; }

.box.style-text p, .info.style-text p { margin-top: 0; }

.box.style-text h3, .info.style-text h3 { font-size: clamp(20px, 2vw, 28px); }

.row-info .col-style:first-child .style-text, .row-info .col-style:last-child .style-text { background: rgba(0, 86, 3, 0.10); border-radius: 0 11vw; }
.row-info .style-text { padding: 5vw; }
.row-info .style-text h3 { font-size: clamp(20px, 2vw, 28px); text-transform: uppercase; }

.urbana-sumica-img-2 { border-radius: 0 70vw 0 0; }
.urbana-sumica-label-2 { position: absolute; top: 0; right: 11vw; width: 17vw; z-index: 1; }

/*.cooperation img { max-width: 200px; height: auto; } */

.button { display: inline-block; background: #005603; color: #fff!important; line-height: 1; padding: 18px 50px; border-radius: 6vw; }

footer { background: #002501; padding: 6vw 0; color: #fff; }
footer ul { list-style: none; }
footer ul li a, footer .style-text h4 { font-size: clamp(18px, 1.4vw, 24px); font-weight: 700; }
footer ul li:not(:last-child) { margin-bottom: 15px; }
footer .style-text h4 { color: #fff; margin-bottom: 15px; }
footer ul li a, footer .style-text a { color: #fff; }

@media only screen and (min-width: 992px) and (max-width: 1399px) {
    .hero:before { width: 70vw; height: 70vw; }
    .hero .logo { width: 50vw; }

    .urbana-sumica-label-1, .urbana-sumica-label-2, .urbana-sumica-label-3 { width: 20vw; }

    .lisce-img { width: 7vw; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    section { margin: 10vw 0; }

    .urbana-sumica-label-1 { left: 40px; }
    .urbana-sumica-label-2, .urbana-sumica-label-3 { right: 40px; }

    .urbana-sumica-label-1, .urbana-sumica-label-2, .urbana-sumica-label-3 { width: 27vw; }
}

@media only screen and (max-width: 991px) {
    .hero:before { height: 105vw; width: 105vw; }
    .hero .logo { width: 70vw; bottom: 5vw; }

    .urbana-sumica-img-1, .urbana-sumica-img-2, .urbana-sumica-img-3 { border-radius: 0 35vw; }

    .section-title { margin-bottom: 20px; }
    .text-below-title { max-width: 100%; }
    .featured-text { line-height: 1.3; margin-bottom: 40px; }

    .row-boxes .col-style:not(:last-child) { margin-bottom: 15px; }

    .row-info .col-style:first-child .style-text, .row-info .col-style:last-child .style-text { background: none; border-radius: unset; }
    .row-info .col-style:nth-child(odd) .style-text { background: rgba(0, 86, 3, 0.10); border-radius: 0 11vw; }
    .row-info .col-style:nth-child(even) .style-text { padding-top: 0; padding-bottom: 0; }
    .row-info .col-style:not(:last-child) { margin-bottom: 30px; }

    .urbana-sumica-label-1 { top: auto; bottom: 0; }
    .urbana-sumica-label-3 { left: auto; }

    .button { padding: 14px 30px; }

    .contact.style-text h3 { margin-bottom: 10px; }
}

@media only screen and (max-width: 767px) {
    html { scroll-padding: 50px; }

    header, .scroll-top header { background: transparent; padding: 20px 0; }
    header nav { display: none; }
    .nav-mob-active header nav { display: block; }
    .scroll-bottom header { transform: unset; }
    header .container { text-align: right; }
    header nav { position: fixed; left: 0; top: 0; height: 100vh; background: #309C46; width: 100%; }
    header nav ul { flex-direction: column; align-items: center; justify-content: center; height: 100%; }
    header nav ul li:not(:last-child) { margin-bottom: 10px; }
    header nav ul li a { font-size: 24px; }

    .nav-toggle { display: inline-block; }

    section { margin: 14vw 0; }

    .box.style-text { padding: 10vw; }
    .box.style-text h3, .info.style-text h3 { margin-bottom: 15px; }

    .row-info .style-text { padding: 10vw; }

    .urbana-sumica-label-1 { left: 25px; }
    .urbana-sumica-label-2, .urbana-sumica-label-3 { right: 25px; }

    .urbana-sumica-label-1, .urbana-sumica-label-2, .urbana-sumica-label-3 { width: 40vw; }

    .cooperation img { max-width: 180px; }

    .rel-logo-img { width: 50%; }

    footer { padding: 14vw 0; }
    footer ul li:not(:last-child) { margin-bottom: 10px; }
    footer img { height: 9vw; width: auto; }
}

/* -------------------------------- GRID -------------------------------- */

.container {  width: 100%;  padding-left: 60px;  padding-right: 60px; }

.row { display: flex; flex-wrap: wrap; margin: 0 -20px;  }
.row > * {   padding: 0 20px; }

@media only screen and (min-width: 768px) and (max-width: 991px) { 
    .container { padding-left: 40px; padding-right: 40px; } 
}

@media only screen and (max-width: 767px) {
    .container { padding-left: 25px; padding-right: 25px; } 

    .row { margin: 0 -10px;  }
    .row > * {   padding: 0 10px; }
}

[class*="col-"] { width: 100%; }

.col-auto { flex: 0 0 auto; width: auto; }
.col-12 { flex: 0 0 auto; width: 100%; }
.col-11 { flex: 0 0 auto; width: 91.66666667%;}
.col-10 { flex: 0 0 auto; width: 83.33333333%;}
.col-9 { flex: 0 0 auto; width: 75%;}
.col-8 { flex: 0 0 auto; width: 66.66666667%;}
.col-7 { flex: 0 0 auto; width: 58.33333333%;}
.col-6 { flex: 0 0 auto; width: 50%; }
.col-5 { flex: 0 0 auto; width: 41.66666667%;}
.col-4 { flex: 0 0 auto; width: 33.33333333%;}
.col-3 { flex: 0 0 auto; width: 25%; }
.col-2 { flex: 0 0 auto; width: 16.66666667%;}
.col-1 { flex: 0 0 auto; width: 8.33333333%;}

.col-custom-20 { flex: 0 0 auto; width: 20%; }

.offset-1 { margin-left: 8.33333333%; }
.offset-2 { margin-left: 16.66666667%; }
.offset-3 { margin-left: 25%;}
.offset-4 { margin-left: 33.33333333%;}

.order-0 { order: 0 !important; }
.order-1 { order: 1 !important; }
.order-2 { order: 2 !important; }
.order-3 { order: 3 !important; }
.order-4 { order: 4 !important ;}
.order-5 { order: 5 !important; }

@media (min-width: 768px) {
    .col-md-auto { flex: 0 0 auto; width: auto; }
    .col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
    .col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-md-3 { flex: 0 0 auto; width: 25%; }
    .col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-md-5 { flex: 0 0 auto; width: 41.66666667%; }
    .col-md-6 { flex: 0 0 auto; width: 50%; }
    .col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
    .col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
    .col-md-9 { flex: 0 0 auto; width: 75%; }
    .col-md-10 { flex: 0 0 auto; width: 83.33333333%; }
    .col-md-11 { flex: 0 0 auto; width: 91.66666667%; }
    .col-md-12 { flex: 0 0 auto; width: 100%; }

    .col-md-custom-20 { flex: 0 0 auto; width: 20%; }

    .offset-md-1 { margin-left: 8.33333333%; }
    .offset-md-2 { margin-left: 16.66666667%; }
    .offset-md-3 { margin-left: 25%;}
    .offset-md-4 { margin-left: 33.33333333%;}

    .order-md-0 { order: 0 !important; }
    .order-md-1 { order: 1 !important; }
    .order-md-2 { order: 2 !important; }
    .order-md-3 { order: 3 !important; }
    .order-md-4 { order: 4 !important ;}
    .order-md-5 { order: 5 !important; }
}

@media (min-width: 992px) {
    .col-lg-auto { flex: 0 0 auto; width: auto; }
    .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
    .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-lg-3 { flex: 0 0 auto; width: 25%; }
    .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; }
    .col-lg-6 { flex: 0 0 auto; width: 50%; }
    .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
    .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
    .col-lg-9 { flex: 0 0 auto; width: 75%; }
    .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; }
    .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; }
    .col-lg-12 { flex: 0 0 auto; width: 100%; }

    .col-lg-custom-20 { flex: 0 0 auto; width: 20%; }

    .offset-lg-1 { margin-left: 8.33333333%; }
    .offset-lg-2 { margin-left: 16.66666667%; }
    .offset-lg-3 { margin-left: 25%;}
    .offset-lg-4 { margin-left: 33.33333333%;}

    .order-lg-0 { order: 0 !important; }
    .order-lg-1 { order: 1 !important; }
    .order-lg-2 { order: 2 !important; }
    .order-lg-3 { order: 3 !important; }
    .order-lg-4 { order: 4 !important ;}
    .order-lg-5 { order: 5 !important; }
}

@media (min-width: 1200px) {
    .col-xl-auto { flex: 0 0 auto; width: auto; }
    .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
    .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-xl-3 { flex: 0 0 auto; width: 25%; }
    .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; }
    .col-xl-6 { flex: 0 0 auto; width: 50%; }
    .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
    .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
    .col-xl-9 { flex: 0 0 auto; width: 75%; }
    .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; }
    .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; }
    .col-xl-12 { flex: 0 0 auto; width: 100%; }

    .col-xl-custom-20 { flex: 0 0 auto; width: 20%; }

    .offset-xl-1 { margin-left: 8.33333333%; }
    .offset-xl-2 { margin-left: 16.66666667%; }
    .offset-xl-3 { margin-left: 25%;}
    .offset-xl-4 { margin-left: 33.33333333%;}

    .order-xl-0 { order: 0 !important; }
    .order-xl-1 { order: 1 !important; }
    .order-xl-2 { order: 2 !important; }
    .order-xl-3 { order: 3 !important; }
    .order-xl-4 { order: 4 !important ;}
    .order-xl-5 { order: 5 !important; }
}

@media (min-width: 1400px) {
    .col-xxl-auto { flex: 0 0 auto; width: auto; }
    .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
    .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-xxl-3 { flex: 0 0 auto; width: 25%; }
    .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; }
    .col-xxl-6 { flex: 0 0 auto; width: 50%; }
    .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
    .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
    .col-xxl-9 { flex: 0 0 auto; width: 75%; }
    .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; }
    .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; }
    .col-xxl-12 { flex: 0 0 auto; width: 100%; }

    .col-xxl-custom-20 { flex: 0 0 auto; width: 20%; }

    .offset-xxl-1 { margin-left: 8.33333333%; }
    .offset-xxl-2 { margin-left: 16.66666667%; }
    .offset-xxl-3 { margin-left: 25%;}
    .offset-xxl-4 { margin-left: 33.33333333%;}

    .order-xxl-0 { order: 0 !important; }
    .order-xxl-1 { order: 1 !important; }
    .order-xxl-2 { order: 2 !important; }
    .order-xxl-3 { order: 3 !important; }
    .order-xxl-4 { order: 4 !important ;}
    .order-xxl-5 { order: 5 !important; }
}

/* -------------------------------- UTILS -------------------------------- */
.relative { position: relative; }

.d-none { display: none!important; }
.d-block { display: block!important; }
.d-inline-block { display: inline-block!important; } 
.d-flex { display: flex!important; }

.justify-content-center { justify-content: center; }
.justify-content-between { justify-content: space-between; }

.align-items-start { align-items: flex-start; }
.align-items-center { align-items: center; }
.align-items-end { align-items: flex-end; }

.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }

.w-100 { width: 100%; }
.h-100 { height: 100%; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; } 
.text-balance { text-wrap: balance; }

.pl-0 { padding-left: 0!important; }
.pt-0 { padding-top: 0!important; }
.pr-0 { padding-right: 0!important; }
.pb-0 { padding-bottom: 0!important; }
.px-0 { padding-left: 0!important; padding-right: 0!important; }

.ml-0 { margin-left: 0!important; }
.mt-0 { margin-top: 0!important; }
.mr-0 { margin-right: 0!important; }
.mb-0 { margin-bottom: 0!important; }
.mx-0 { margin-left: 0!important; margin-right: 0!important; }

.mt-100 { margin-top: 100px!important; }
.mt-90 { margin-top: 90px!important; }
.mt-80 { margin-top: 80px!important; }
.mt-70 { margin-top: 70px!important; }
.mt-60 { margin-top: 60px!important; }
.mt-50 { margin-top: 50px!important; }
.mt-40 { margin-top: 40px!important; }
.mt-30 { margin-top: 30px!important; }
.mt-20 { margin-top: 20px!important; }
.mt-10 { margin-top: 10px!important; }
.mt-0 { margin-top: 0!important; }

.mb-100 { margin-bottom: 100px!important; }
.mb-90 { margin-bottom: 90px!important; }
.mb-80 { margin-bottom: 80px!important; }
.mb-70 { margin-bottom: 70px!important; }
.mb-60 { margin-bottom: 60px!important; }
.mb-50 { margin-bottom: 50px!important; }
.mb-40 { margin-bottom: 40px!important; }
.mb-30 { margin-bottom: 30px!important; }
.mb-20 { margin-bottom: 20px!important; }
.mb-10 { margin-bottom: 10px!important; }
.mb-0 { margin-bottom: 0!important; }

.fw-black { font-weight: 900; }
.fw-bold { font-weight: 700; }
.fw-semibold { font-weight: 600; }


@media (min-width: 768px) {
    .d-md-none { display: none!important; }
    .d-md-block { display: block!important; }
    .d-md-inline-block { display: inline-block!important; } 
    .d-md-flex { display: flex!important; }

    .order-md-1 { order: 1; }
    .order-md-2 { order: 2; }
    .order-md-3 { order: 3; }

    .mt-md-100 { margin-top: 100px!important; }
    .mt-md-90 { margin-top: 90px!important; }
    .mt-md-80 { margin-top: 80px!important; }
    .mt-md-70 { margin-top: 70px!important; }
    .mt-md-60 { margin-top: 60px!important; }
    .mt-md-50 { margin-top: 50px!important; }
    .mt-md-40 { margin-top: 40px!important; }
    .mt-md-30 { margin-top: 30px!important; }
    .mt-md-20 { margin-top: 20px!important; }
    .mt-md-10 { margin-top: 10px!important; }
    .mt-md-0 { margin-top: 0!important; }

    .mb-md-100 { margin-bottom: 100px!important; }
    .mb-md-90 { margin-bottom: 90px!important; }
    .mb-md-80 { margin-bottom: 80px!important; }
    .mb-md-70 { margin-bottom: 70px!important; }
    .mb-md-60 { margin-bottom: 60px!important; }
    .mb-md-50 { margin-bottom: 50px!important; }
    .mb-md-40 { margin-bottom: 40px!important; }
    .mb-md-30 { margin-bottom: 30px!important; }
    .mb-md-20 { margin-bottom: 20px!important; }
    .mb-md-10 { margin-bottom: 10px!important; }
    .mb-md-0 { margin-bottom: 0!important; }

    .pl-md-0 { padding-left: 0!important; }
    .pt-md-0 { padding-top: 0!important; }
    .pr-md-0 { padding-right: 0!important; }
    .pb-md-0 { padding-bottom: 0!important; }
    .px-md-0 { padding-left: 0!important; padding-right: 0!important; }

    .ml-md-0 { margin-left: 0!important; }
    .mt-md-0 { margin-top: 0!important; }
    .mr-md-0 { margin-right: 0!important; }
    .mb-md-0 { margin-bottom: 0!important; }
    .mx-md-0 { margin-left: 0!important; margin-right: 0!important; }

    .text-md-left { text-align: left; }
    .text-md-center { text-align: center; }
    .text-md-right { text-align: right; } 
    .text-md-balance { text-wrap: balance; }
}


@media (min-width: 992px) {
    .d-lg-none { display: none!important; }
    .d-lg-block { display: block!important; }
    .d-lg-inline-block { display: inline-block!important; } 
    .d-lg-flex { display: flex!important; }

    .order-lg-1 { order: 1; }
    .order-lg-2 { order: 2; }
    .order-lg-3 { order: 3; }

    .mt-lg-100 { margin-top: 100px!important; }
    .mt-lg-90 { margin-top: 90px!important; }
    .mt-lg-80 { margin-top: 80px!important; }
    .mt-lg-70 { margin-top: 70px!important; }
    .mt-lg-60 { margin-top: 60px!important; }
    .mt-lg-50 { margin-top: 50px!important; }
    .mt-lg-40 { margin-top: 40px!important; }
    .mt-lg-30 { margin-top: 30px!important; }
    .mt-lg-20 { margin-top: 20px!important; }
    .mt-lg-10 { margin-top: 10px!important; }
    .mt-lg-0 { margin-top: 0!important; }

    .mb-lg-100 { margin-bottom: 100px!important; }
    .mb-lg-90 { margin-bottom: 90px!important; }
    .mb-lg-80 { margin-bottom: 80px!important; }
    .mb-lg-70 { margin-bottom: 70px!important; }
    .mb-lg-60 { margin-bottom: 60px!important; }
    .mb-lg-50 { margin-bottom: 50px!important; }
    .mb-lg-40 { margin-bottom: 40px!important; }
    .mb-lg-30 { margin-bottom: 30px!important; }
    .mb-lg-20 { margin-bottom: 20px!important; }
    .mb-lg-10 { margin-bottom: 10px!important; }
    .mb-lg-0 { margin-bottom: 0!important; }

    .pl-lg-0 { padding-left: 0!important; }
    .pt-lg-0 { padding-top: 0!important; }
    .pr-lg-0 { padding-right: 0!important; }
    .pb-lg-0 { padding-bottom: 0!important; }
    .px-lg-0 { padding-left: 0!important; padding-right: 0!important; }

    .ml-lg-0 { margin-left: 0!important; }
    .mt-lg-0 { margin-top: 0!important; }
    .mr-lg-0 { margin-right: 0!important; }
    .mb-lg-0 { margin-bottom: 0!important; }
    .mx-lg-0 { margin-left: 0!important; margin-right: 0!important; }

    .text-lg-left { text-align: left; }
    .text-lg-center { text-align: center; }
    .text-lg-right { text-align: right; } 
    .text-lg-balance { text-wrap: balance; }
}




/* -------------------------------- FONTS  -------------------------------- */
/*
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/PoppinsBlack.eot');
    src: url('../fonts/PoppinsBlack.eot') format('embedded-opentype'),
         url('../fonts/PoppinsBlack.woff2') format('woff2'),
         url('../fonts/PoppinsBlack.woff') format('woff'),
         url('../fonts/PoppinsBlack.ttf') format('truetype'),
         url('../fonts/PoppinsBlack.svg#PoppinsBlack') format('svg');
    font-weight: 900;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/PoppinsSemiBold.eot');
    src: url('../fonts/PoppinsSemiBold.eot') format('embedded-opentype'),
         url('../fonts/PoppinsSemiBold.woff2') format('woff2'),
         url('../fonts/PoppinsSemiBold.woff') format('woff'),
         url('../fonts/PoppinsSemiBold.ttf') format('truetype'),
         url('../fonts/PoppinsSemiBold.svg#PoppinsSemiBold') format('svg');
    font-weight: 600;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/PoppinsBold.eot');
    src: url('../fonts/PoppinsBold.eot') format('embedded-opentype'),
         url('../fonts/PoppinsBold.woff2') format('woff2'),
         url('../fonts/PoppinsBold.woff') format('woff'),
         url('../fonts/PoppinsBold.ttf') format('truetype'),
         url('../fonts/PoppinsBold.svg#PoppinsBold') format('svg');
    font-weight: 700;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/PoppinsRegular.eot');
    src: url('../fonts/PoppinsRegular.eot') format('embedded-opentype'),
         url('../fonts/PoppinsRegular.woff2') format('woff2'),
         url('../fonts/PoppinsRegular.woff') format('woff'),
         url('../fonts/PoppinsRegular.ttf') format('truetype'),
         url('../fonts/PoppinsRegular.svg#PoppinsRegular') format('svg');
    font-weight: 400;
}
*/