/* Minification failed. Returning unminified contents.
(147,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-font-solid'
 */
body { background-color: #fff; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; overflow-x: hidden; }

.bg-lazy {background:none!important;}

/*BG COLOURS*/
.white-bg { background-color: #fff; }
.blue-bg { background-color: #E0F6FF; }
.green-bg { background-color: #21837C; }
.lgreen-bg { background-color: #13A89E; }
.lilac-bg { background-color: #E0E6FF; }
.mint-bg { background-color: #CFFECD; }
.yellow-bg { background-color: #FFFFD6; }
.lgrey-bg { background-color: #F7F7F5; }

.card { overflow: hidden; height: 100%; display: flex; flex-direction: column; }
.card img { max-width: 100%; }
.card h2 { margin-bottom: 1rem; margin-top: 0; }
.card .btn { align-self: flex-end; }

.min-bg { min-height: 557px; background-image: url(images/card-img.png); background-size: cover; }
.min-bg.bg-lg { min-height: 668px; }
.vert-divider { width: 1px; background-color: #707070; }

.temp-team-img { background-color: #a7a9ad; }

img { max-width: 100%; height: auto; }

.branch-card { border: 3px solid #21837C; border-radius: 0.5rem; margin: 0 auto; max-width: 525px; padding: 1.5rem; }

ul.no-bullets { list-style: none; }


.bg-block { background-size: cover; height: 100%; background-position-x: center; }
.why-families-have-chosen-us { background-image: url(images/home/why-families-have-chosen-us.jpg); }
.compliments { background-image: url(images/home/compliments.jpg); }
.emergency-respite-care { background-image: url(images/respite-care/emergency-respite-care.jpg); }

.card-grid .dw-lg-3 {font-size:1rem;}

.banner.home .banner-img .overlay-img { position: absolute; left: 7%; top: 50%; transform: translateY(-50%); border-radius: 15px; }

.care-widget .widget-container { margin: 0 auto; display: block; margin-bottom: 3rem; min-width: unset; }

@media screen and (max-width:992px) {
    .bg-block { min-height: 300px; background-position-y:top;}
}

@media screen and (max-width:768px) {
    .card > div { padding: 1rem 0.5rem 0.5rem; grid-gap: 1rem; }
    .card h2 { margin-bottom: 0.25rem; }
    .mt-5 { margin-top: 1.5rem !important; }
}

@media screen and (min-width: 376px) and (max-width: 991px) {
    .banner.home .banner-img .overlay-img { width: 300px; height: 300px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
}

@media screen and (max-width: 375px) {
    .banner.home .banner-img .overlay-img { width: 75vw; left: 50%; top: 50%; transform: translate(-50%, -50%); }
}
.noto { font-family: 'Noto Sans', sans-serif; }
.poppins { font-family: 'Poppins', sans-serif; }

body { font-family: 'Poppins', sans-serif; font-size: 1.25rem; color: #103D3A; }

h1, h2, h3 { font-family: 'Poppins', sans-serif; color: #21837C; font-weight: 500; margin: 0; font-weight: 700; }
h1, h2 { font-size: 2rem; }

/*TEXT COLOURS*/
.dark-txt { color: #103D3A; }
.white-txt { color: #fff; }
.green-txt { color: #21837C; }

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

h1, h2 { font-size: 1.25rem; }
body { font-size: 1rem; }

}

.btn { width: fit-content; height: 4rem; border-radius: 2rem; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.375rem; color: #fff; padding: 1rem 2.5rem; font-weight: 600; cursor: pointer; font-family: 'Noto Sans', sans-serif; border: 3px solid transparent; }

a.btn, a { text-decoration: none; }
a { color: #21837C; }
/*COLOURS*/
.btn.blue { background-color: #E0F6FF; }
.btn.lgreen { background-color: #13A89E; color: #fff; }
.btn.orange { background-color: #F1592A; color: #fff; }
.btn.white { background-color: #fff; color: #21837C; }
.btn.secondary { background-color: transparent; color: #21837C; border-color: #21837C; }

/*HOVERS*/
.btn.form:hover { background-color: #F1592A; }
.btn.lgreen:hover { background-color: #F1592A; }
.btn.orange:hover { background-color: #13A89E; }
.btn.white:hover { background-color: #F1592A; color: #fff; }
.btn.secondary:hover { background-color: #21837C; color: #fff; border-color: transparent; }
.btn.tel:hover { background-color: #F1592A; color: #fff; }
.btn.tel:hover > * { color: #fff !important; }

/*SIZES*/
.banner .btn { width: 300px; }
.btn.min-cont { min-width: max-content; }
.btn.lg {height:84px; border-radius:41px;}
/*VARIANTS*/

.btn.form { min-width: 100%; height: 3rem; border-radius: 1.5rem; background-color: #21837C; font-size: 1.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-weight: normal; }

.btn.tel { background-color: #E0F6FF; font-size: 1.25rem; height: 84px; border-radius: 42px; min-width: max-content; color: #103D3A; font-weight: normal; }

.btn.tel i { color: #21837C; font-size: 2rem; margin-right: 10px; }
.btn.tel .no { color: #21837C; font-weight: bold; }

.btn-wrapper { height: 84px; border-radius: 42px; display: flex; align-items: center; padding: 1rem 1rem 1rem 2.5rem; }



@media screen and (max-width:1671px) {
.btn-wrapper {height:auto;}
}

@media screen and (max-width:992px) {
.btn-wrapper { padding: 1rem; grid-gap:1rem!important; }
}

@media screen and (max-width:768px) {
    :not(.navbar) > .btn { font-size: 1.1rem!important; padding:1rem 1.5rem; height:4rem!important; }
    .card .btn { width: 100%; }
}

@media screen and (max-width:550px) {
.btn-wrapper .btn {width:100%;}
}

@media screen and (max-width:350px) {
 :not(header) .btn {padding:1rem!important; font-size:1rem!important;}
.btn i {font-size:1.5rem!important;}
}

.top-links a { text-decoration: none; color: #21837C; font-weight: 500; }
.top-links .contact a:hover { text-decoration: underline; }
.navbar { display: flex; align-items: center; padding: 0.5rem; background-color: #E0F6FF; border-radius: 39px; width: 100%; margin-top: 1.5rem; }
.navbar .btn { min-width: max-content; }
nav { display: flex; width: 100%; justify-content: space-evenly; z-index: 5; }
nav .btn { font-weight: 500; font-family: 'Poppins', sans-serif; background-color: #E0F6FF; color: #21837C; }
.parent > .btn { grid-gap: 0.5rem; }
.parent > .btn:after { font: var(--fa-font-solid); content: "\f078"; font-weight: 900; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 1.5rem; transition: all 0.3s; }

@media screen and (min-width:1600px) {
    .header-grid { display: grid; grid-template-areas: "logo contact" "logo nav"!important; grid-template-columns: 1fr 2fr!important; align-items: flex-end!important; margin-bottom: 1.5rem!important; }
    .header-grid .logo { grid-area: logo; display: flex; }
    .header-grid .contact { grid-area: contact; padding-right: 75px; }
    .header-grid .navbar { grid-area: nav; }
}

@media screen and (min-width:1230px) {
    .header-grid { display: grid; grid-template-areas: "logo contact" "nav nav"; grid-template-columns: 1fr 2fr; align-items: flex-start; margin-bottom: 1.5rem; }
    .header-grid .logo { grid-area: logo; display: flex; }
    .header-grid .contact { grid-area: contact; padding-right: 75px; }
    .header-grid .navbar { grid-area: nav; }
    nav .btn:hover, nav .btn.on { background-color: #21837c; color: #fff; }
    header img { margin-left: 60px; }
    .parent { position: relative; }
    .dropdown { max-height: 0; overflow: hidden; position: absolute; transition: all 0.3s; background-color: #E0F6FF; width: 100%; }
    .sub-menu { padding: 1rem; width: 100%; }
    .sub-menu .btn { width: 100%; }
    .parent:hover .dropdown { max-height: 485px; border-radius: 0 0 0.5rem 0.5rem; }
    .parent:hover .btn:after { transform: rotate(180deg); }
}

@media screen and (min-width:1230px) and (max-width:1570px) {
    .navbar .btn { min-width: 190px; font-size: 1.1rem; }
}

@media screen and (max-width:1230px) {
    .header-grid { display:flex; flex-direction:column; align-items: center; }
    /*NAV TOGGLER ANIMATION*/
    .mobile-toggler { display: flex; align-items: center; justify-content: center; height: 53px; }
    .mobile-toggler .animicon { position: relative; height: 20px; width: 25px; }
    .mobile-toggler .animicon span { position: absolute; width: 100%; height: 2px; background-color: #5FC4E5; border-radius: 10px; transition: top 0.3s 0.4s, transform 0.3s; }
    .mobile-toggler .animicon span:nth-child(1) { top: 0; transform: rotate(0); }
    .mobile-toggler .animicon span:nth-child(2) { top: 10px; transform: rotate(0); }
    .mobile-toggler .animicon span:nth-child(3) { top: 20px; transform: rotate(0); }
    .showing .animicon span { transition: top 0.3s, transform 0.3s 0.4s }
    .showing .animicon span:nth-child(1) { top: 10px; transform: rotate(45deg) }
    .showing .animicon span:nth-child(2) { transform: rotate(45deg) }
    .showing .animicon span:nth-child(3) { top: 10px; transform: rotate(135deg) }
    header .navbar { justify-content: space-between; position: relative; padding-right: 1.5rem;padding-left: 1.5rem; margin-bottom: 1rem; }
    header .top-links { justify-content: center; }
    header nav { position: absolute; flex-direction: column; width: 100%; left: 0; bottom: 0; transform: translateY(100% ); background-color: #F5FCFF; padding-top: 2rem; padding-bottom: 2rem; border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 1.5rem; grid-gap: 1rem; display: none; }
    header nav .btn { padding: 0 1rem; height: initial; background-color: transparent !important; width: initial; max-width: initial; text-align: start; font-size: 1.375rem; justify-content: flex-start; padding-top: 0 !important; padding-bottom: 0 !important; height: auto !important; }
    .sub-menu { padding-left: 1rem; }
    :not(.navbar) > .btn { height: auto !important; }
    .dropdown { display: none; }
    .sub-menu { grid-gap: 0.5rem; display: flex; flex-direction: column; padding-top: 0.5rem; padding-bottom: 0.5rem; }
    .mobile-parent.rotate::after { transform: rotate(180deg); }
.navbar {transition:border-radius 0.3s 0.3s;}
.navbar.open {border-radius:1.5rem 1.5rem 0 0; transition:border-radius 0.3s;}
}

@media screen and (max-width:768px) {
    .mobile-parent { justify-content: space-between !important; }
    header .navbar > .btn { height: 43px; font-size: 0.875rem; padding: 0 1rem; min-width: initial; max-width: inherit; width: 142px; }
    header .navbar { height: 49px; padding-top: 0; padding-bottom: 0; align-items: center; margin-top: 1rem; }
    header img { width: 215px; height: auto }
}

footer { color: #fff; padding-top: 5rem; padding-bottom:2rem; }
footer * { color: #fff; }

/*.footer-grid { display: grid; grid-template-columns: 1fr repeat(4, auto); grid-template-areas: "pre serv1 serv2 info anci";  }*/

.footer-grid { display: flex; padding-bottom: 4rem; grid-gap: 2rem; }

.footer-preamble { grid-area: pre; }
.footer-services1 { grid-area: serv1; }
.footer-services2 { grid-area: serv2; }
.footer-info { grid-area: info; }
.footer-anci { grid-area: anci; }


.foot-links a:not(:last-child) { border-bottom: 1px solid #fff; display: block; width: 300px; }

.foot-links a { padding-top: 0.25rem; padding-bottom: 0.25rem; }

.foot-links a:hover { transform: scale(1.05); }

@media screen and (max-width:1750px) {

    .foot-links a { width: 250px !important; }
}


@media screen and (max-width:1550px) {

    .footer-grid { display: grid; grid-template-columns: repeat(2, auto); grid-template-areas: "pre pre pre pre" "serv1 serv2 info anci"; }
}

@media screen and (min-width:992px) and (max-width:1230px) {
    .foot-links a { width: 218px !important; font-size: 1.1rem; }
    .footer-grid { grid-column-gap: 1rem; }
    .footer-bottom * { font-size: 1.1rem; }
}

@media screen and (max-width:992px) {
    .footer-grid { grid-template-areas: "pre pre pre" "serv1 serv2 info" "anci anci anci"; }
    .foot-links a { width: 218px !important; font-size: 1.1rem; }
    .footer-bottom * { font-size: 1.1rem; }
    .footer-anci .foot-links a { border: none; width: auto !important; padding: 0; }
}


@media screen and (max-width:768px) {
    .footer-grid { grid-template-areas: "pre" "serv1" "serv2" "info" "anci"; grid-template-columns: 1fr; grid-row-gap: 0; }
    .footer-services1 .foot-links a:last-child { border-bottom: 1px solid #fff; display: block; width: 300px; padding-top: 0.25rem; padding-bottom: 0.25rem; }
    .footer-anci .foot-links a, .footer-bottom * { font-size: 0.9rem; }
    .foot-links a { font-size: 1rem; }

    .footer-services1, .footer-info { margin-top: 1rem; }
    .footer-anci { margin-top: 2.5rem; }
}

@media screen and (max-width:400px) {
    .footer-grid { padding-bottom: 0.5rem; }
    .footer-bottom { position: relative; padding-top: 0.5rem; }
    .footer-bottom:after { position: absolute; top: 0; height: 1px; background-color: #fff; width: 100vw; right: 50%; transform: translateX(50%); content: ""; }
footer { padding-top: 1.5rem; padding-bottom:1rem; }
}

.banner { border-radius: 2rem; display: grid; grid-template-columns: 40% 60%; overflow: hidden; }
.banner .banner-img { background-image: url(images/banners/banner-home.jpg); background-size: cover; min-height: 665px; background-position-x: center;}
.banner .banner-img.live-in { background-image: url(images/banners/live-in-care-banner.jpg); background-size: cover; min-height: 665px; }
.banner .banner-img.house-care { background-image: url(images/banners/house-care-banner.jpg); background-size: cover; min-height: 665px; }
.banner .banner-img.respite { background-image: url(images/banners/respite-care-banner.jpg); background-size: cover; min-height: 665px; }
.banner .banner-img.about { background-image: url(images/banners/about-banner.jpg); background-size: cover; min-height: 665px; }
.banner .banner-img.home-care { background-image: url(images/banners/home-care-banner.jpg); background-size: cover; min-height: 665px; }
.banner .banner-img.personal { background-image: url(images/banners/personal-banner.jpg); background-size: cover; min-height: 665px; }
.banner .banner-img.company { background-image: url(images/banners/company-banner.jpg); background-size: cover; min-height: 665px; }
.banner .banner-img.domestic { background-image: url(images/banners/domestic-banner.jpg); background-size: cover; min-height: 665px; }
.banner .banner-img.couples { background-image: url(images/banners/couples-banner.jpg); background-size: cover; min-height: 665px; }
.banner .banner-img.work { background-image: url(images/banners/work-banner.jpg); background-size: cover; min-height: 665px; }
.banner .banner-img.contact { background-image: url(images/banners/contact-banner.jpg); background-size: cover; min-height: 665px; }

.banner.home .banner-img { background-image: url(images/banners/banner-home.jpg); background-size: cover; min-height: 618px; }
.banner.short .banner-img { min-height: 410px; }

.banner .text { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; margin-left: unset; }
.banner.contact .text { justify-content: flex-start; }
.banner .home.inner { max-width: 466px; }
.banner h1 { margin-bottom: 1rem; }

.banner .text {
    padding:2rem;
}

@media screen and (min-width:1760px) {
    .banner.home { grid-template-columns: 1208px auto; }
    .banner { grid-template-columns: 900px auto; }
}

@media screen and (min-width: 992px) {
    .banner.home { grid-template-columns: 2fr 1fr; }
}

@media screen and (max-width:992px) {
    .banner { display: block; }
    .banner .banner-img { min-height: 373px !important; }
    .banner .text { padding: 1rem 0.5rem 0.5rem; }
    .banner .inner > .btn { width: 100%; margin-top: 1.5rem; }
}




*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.section { display: flex; flex-wrap: wrap; margin: 0 -1rem; grid-row-gap: 1rem; }
.section > div { padding: 0 1rem; }

.section.gap-none { margin: 0; }
.section.gap-none > div { padding: 0; }

.section.gap-xs { margin: 0 -0.5rem; }
.section.gap-xs > div { padding: 0 0.5rem; }

.section.gap-md { margin: 0 -2rem; }
.section.gap-md > div { padding: 0 2rem; }

.section.gap-lg { margin: 0 -3rem; }
.section.gap-lg > div { padding: 0 3rem; }

.section.gap-xl { margin: 0 -4rem; }
.section.gap-xl > div { padding: 0 4rem; }

@-ms-viewport { width: device-width; }

.block { display: block; }
.rel { position: relative; }
.abs { position: absolute; }
.top { top: 0; }
.bot { bottom: 0; }
.sta { left: 0; }
.end { right: 0; }
.no-wrap { white-space: nowrap; }
.no-overflow { overflow: hidden; }
.no-border { border: none; }
.no-dec { text-decoration: none; }
.pointer { cursor: pointer; }
.line-thru { text-decoration: line-through }
.shad { box-shadow: 0px 11px 9px #00000026; }
.z-1 { z-index: 1; }
.dw-hide { display: none; }
.dw-show { display: block; }
.dw-flx { display: flex; }
.underline { text-decoration: underline; }
.shad-bx { box-shadow: 0 5px 5px 0px #d9d9d95e; }
.shad-bx-around { box-shadow: 0 0 8px 4px #00000026; }

/* FLEX GAP*/

.gap-05 { grid-gap: 0.5rem; }
.gap-1 { grid-gap: 1rem; }
.gap-15 { grid-gap: 1.5rem; }
.gap-2 { grid-gap: 2rem; }
.gap-25 { grid-gap: 2.5rem; }
.gap-3 { grid-gap: 3rem; }
.gap-35 { grid-gap: 3.5rem; }
.gap-4 { grid-gap: 4rem; }

.c-gap-05 { column-gap: 0.5rem; }
.c-gap-1 { column-gap: 1rem; }
.c-gap-15 { column-gap: 1.5rem; }
.c-gap-2 { column-gap: 2rem; }
.c-gap-25 { column-gap: 2.5rem; }
.c-gap-3 { column-gap: 3rem; }
.c-gap-35 { column-gap: 3.5rem; }
.c-gap-4 { column-gap: 4rem; }


.r-gap-05 { grid-row-gap: 0.5rem; }
.r-gap-1 { grid-row-gap: 1rem; }
.r-gap-15 { grid-row-gap: 1.5rem; }
.r-gap-2 { grid-row-gap: 2rem; }
.r-gap-25 { grid-row-gap: 2.5rem; }
.r-gap-3 { grid-row-gap: 3rem; }
.r-gap-35 { grid-row-gap: 3.5rem; }
.r-gap-4 { grid-row-gap: 4rem; }


/*FLEXBOX*/
.o-first { order: -1; }
.o-last { order: 1; }

.flx { display: flex; }
.flx-wrap { flex-wrap: wrap; }

.xxs-flx-col { flex-direction: column; }
.xxs-flx-row { flex-direction: row; }

.xxs-col-rev { flex-direction: column-reverse; }
.xxs-row-rev { flex-direction: row-reverse; }

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

.xxs-ju-start { justify-content: flex-start; }
.xxs-ju-center { justify-content: center; }
.xxs-ju-end { justify-content: end; }
.xxs-ju-evenly { justify-content: space-evenly; }
.xxs-ju-around { justify-content: space-around; }
.xxs-ju-between { justify-content: space-between; }

/*FLEX ITEM*/
.xxs-self-start { align-self: flex-start; }
.xxs-self-end { align-self: flex-end; }
.xxs-self-center { align-self: center; }
.xxs-self-mid { justify-self: center; }
.xxs-ju-self-start { justify-self: flex-start; }
.xxs-ju-self-end { justify-self: flex-end; }
.xxs-ju-self-start { justify-self: flex-start; }
.xxs-ju-self-end { justify-self: flex-end; }

.fl-grow { flex-grow: 1; }
.fl-no-shrink { flex-shrink: 0; }

/*TEXT-ALIGN*/
.center-txt { text-align: center; }
.left-txt { text-align: left; }
.right-txt { text-align: right; }

/*MOBILE*/
.xxs-show { display: block; }
.xxs-hide { display: none; }

.section > div, .section .dw-xxs-12 { width: 100%; }
.section .dw-xxs-11 { width: 91.66666666666666%; }
.section .dw-xxs-10 { width: 83.33333333333334%; }
.section .dw-xxs-9 { width: 75%; }
.section .dw-xxs-8 { width: 66.66666666666666%; }
.section .dw-xxs-7 { width: 58.333333333333336%; }
.section .dw-xxs-6 { width: 50%; }
.section .dw-xxs-5 { width: 41.66666666666667%; }
.section .dw-xxs-4 { width: 33.33333333333333%; }
.section .dw-xxs-3 { width: 25%; }
.section .dw-xxs-2 { width: 16.666666666666664%; }
.section .dw-xxs-1 { width: 8.333333333333332%; }

@media (min-width:500px) {
    .section .dw-xs-12 { width: 100%; }
    .section .dw-xs-11 { width: 91.66666666666666%; }
    .section .dw-xs-10 { width: 83.33333333333334%; }
    .section .dw-xs-9 { width: 75%; }
    .section .dw-xs-8 { width: 66.66666666666666%; }
    .section .dw-xs-7 { width: 58.333333333333336%; }
    .section .dw-xs-6 { width: 50%; }
    .section .dw-xs-5 { width: 41.66666666666667%; }
    .section .dw-xs-4 { width: 33.33333333333333%; }
    .section .dw-xs-3 { width: 25%; }
    .section .dw-xs-2 { width: 16.666666666666664%; }
    .section .dw-xs-1 { width: 8.333333333333332%; }

    /*FLEXBOX*/
    .xs-flx-col { flex-direction: column; }
    .xs-flx-row { flex-direction: row; }
    .xs-flx-col-rev { flex-direction: column-reverse; }
    .xs-flx-row-rev { flex-direction: row-reverse; }

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

    .xs-ju-start { justify-content: flex-start; }
    .xs-ju-center { justify-content: center; }
    .xs-ju-end { justify-content: end; }
    .xs-ju-evenly { justify-content: space-evenly; }
    .xs-ju-around { justify-content: space-around; }
    .xs-ju-between { justify-content: space-between; }
    .xs-show { display: block; }
    .xs-flx { display: flex; }
    .xs-hide { display: none; }

    /*FLEX ITEM*/
    .xs-self-start { align-self: flex-start; }
    .xs-self-end { align-self: flex-end; }
    .xs-self-center { align-self: center; }
    .xs-self-mid { justify-self: center; }
    .xs-ju-self-start { justify-self: flex-start; }
    .xs-ju-self-end { justify-self: flex-end; }
}

/*TABLET*/
@media (min-width:768px) {
    .section .dw-sm-12 { width: 100%; }
    .section .dw-sm-11 { width: 91.66666666666666%; }
    .section .dw-sm-10 { width: 83.33333333333334%; }
    .section .dw-sm-9 { width: 75%; }
    .section .dw-sm-8 { width: 66.66666666666666%; }
    .section .dw-sm-7 { width: 58.333333333333336%; }
    .section .dw-sm-6 { width: 50%; }
    .section .dw-sm-5 { width: 41.66666666666667%; }
    .section .dw-sm-4 { width: 33.33333333333333%; }
    .section .dw-sm-3 { width: 25%; }
    .section .dw-sm-2 { width: 16.666666666666664%; }
    .section .dw-sm-1 { width: 8.333333333333332%; }

    /*FLEXBOX*/
    .sm-flx-col { flex-direction: column; }
    .sm-flx-row { flex-direction: row; }
    .sm-flx-col-rev { flex-direction: column-reverse; }
    .sm-flx-row-rev { flex-direction: row-reverse; }

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

    .sm-ju-start { justify-content: flex-start; }
    .sm-ju-center { justify-content: center; }
    .sm-ju-end { justify-content: end; }
    .sm-ju-evenly { justify-content: space-evenly; }
    .sm-ju-around { justify-content: space-around; }
    .sm-ju-between { justify-content: space-between; }
    .sm-show { display: block; }
    .sm-flx { display: flex; }
    .sm-hide { display: none; }

    /*FLEX ITEM*/
    .sm-self-start { align-self: flex-start; }
    .sm-self-end { align-self: flex-end; }
    .sm-self-center { align-self: center; }
    .sm-self-mid { justify-self: center; }
    .sm-ju-self-start { justify-self: flex-start; }
    .sm-ju-self-end { justify-self: flex-end; }
}

/*SMALL DESKTOP*/
@media (min-width:992px) {
    .section .dw-md-12 { width: 100%; }
    .section .dw-md-11 { width: 91.66666666666666%; }
    .section .dw-md-10 { width: 83.33333333333334%; }
    .section .dw-md-9 { width: 75%; }
    .section .dw-md-8 { width: 66.66666666666666%; }
    .section .dw-md-7 { width: 58.333333333333336%; }
    .section .dw-md-6 { width: 50%; }
    .section .dw-md-5 { width: 41.66666666666667%; }
    .section .dw-md-4 { width: 33.33333333333333%; }
    .section .dw-md-3 { width: 25%; }
    .section .dw-md-2 { width: 16.666666666666664%; }
    .section .dw-md-1 { width: 8.333333333333332%; }

    /*FLEXBOX*/
    .md-flx-col { flex-direction: column; }
    .md-flx-row { flex-direction: row; }
    .md-flx-col-rev { flex-direction: column-reverse; }
    .md-flx-row-rev { flex-direction: row-reverse; }

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

    .md-ju-start { justify-content: flex-start; }
    .md-ju-center { justify-content: center; }
    .md-ju-end { justify-content: end; }
    .md-ju-evenly { justify-content: space-evenly; }
    .md-ju-around { justify-content: space-around; }
    .md-ju-between { justify-content: space-between; }
    .md-show { display: block; }
    .md-flx { display: flex; }
    .md-hide { display: none; }

    /*FLEX ITEM*/
    .md-self-start { align-self: flex-start; }
    .md-self-end { align-self: flex-end; }
    .md-self-center { align-self: center; }
    .md-self-mid { justify-self: center; }
    .md-ju-self-start { justify-self: flex-start; }
    .md-ju-self-end { justify-self: flex-end; }
}

/*DESKTOP*/

@media (min-width: 1230px) {

    .section .dw-lg-12 { width: 100%; }
    .section .dw-lg-11 { width: 91.66666666666666%; }
    .section .dw-lg-10 { width: 83.33333333333334%; }
    .section .dw-lg-9 { width: 75%; }
    .section .dw-lg-8 { width: 66.66666666666666%; }
    .section .dw-lg-7 { width: 58.333333333333336%; }
    .section .dw-lg-6 { width: 50%; }
    .section .dw-lg-5 { width: 41.66666666666667%; }
    .section .dw-lg-4 { width: 33.33333333333333%; }
    .section .dw-lg-3 { width: 25%; }
    .section .dw-lg-2 { width: 16.666666666666664%; }
    .section .dw-lg-1 { width: 8.333333333333332%; }

    /*FLEXBOX*/
    .lg-flx-col { flex-direction: column; }
    .lg-flx-row { flex-direction: row; }
    .lg-flx-col-rev { flex-direction: column-reverse; }
    .lg-flx-row-rev { flex-direction: row-reverse; }

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

    .lg-ju-start { justify-content: flex-start; }
    .lg-ju-center { justify-content: center; }
    .lg-ju-end { justify-content: end; }
    .lg-ju-evenly { justify-content: space-evenly; }
    .lg-ju-around { justify-content: space-around; }
    .lg-ju-between { justify-content: space-between; }
    .lg-show { display: block; }
    .lg-flx { display: flex; }
    .lg-hide { display: none; }

    /*FLEX ITEM*/
    .lg-self-start { align-self: flex-start; }
    .lg-self-end { align-self: flex-end; }
    .lg-self-center { align-self: center; }
    .lg-self-mid { justify-self: center; }
    .lg-ju-self-start { justify-self: flex-start; }
    .lg-ju-self-end { justify-self: flex-end; }
}

@media (min-width: 1474px) {

    .section .dw-xl-12 { width: 100%; }
    .section .dw-xl-11 { width: 91.66666666666666%; }
    .section .dw-xl-10 { width: 83.33333333333334%; }
    .section .dw-xl-9 { width: 75%; }
    .section .dw-xl-8 { width: 66.66666666666666%; }
    .section .dw-xl-7 { width: 58.333333333333336%; }
    .section .dw-xl-6 { width: 50%; }
    .section .dw-xl-5 { width: 41.66666666666667%; }
    .section .dw-xl-4 { width: 33.33333333333333%; }
    .section .dw-xl-3 { width: 25%; }
    .section .dw-xl-2 { width: 16.666666666666664%; }
    .section .dw-xl-1 { width: 8.333333333333332%; }

    /*FLEXBOX*/
    .xl-flx-col { flex-direction: column; }
    .xl-flx-row { flex-direction: row; }
    .xl-flx-col-rev { flex-direction: column-reverse; }
    .xl-flx-row-rev { flex-direction: row-reverse; }

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

    .xl-ju-start { justify-content: flex-start; }
    .xl-ju-center { justify-content: center; }
    .xl-ju-end { justify-content: end; }
    .xl-ju-evenly { justify-content: space-evenly; }
    .xl-ju-around { justify-content: space-around; }
    .xl-ju-between { justify-content: space-between; }
    .xl-show { display: block; }
    .xl-flx { display: flex; }
    .xl-hide { display: none; }

    /*FLEX ITEM*/
    .xl-self-start { align-self: flex-start; }
    .xl-self-end { align-self: flex-end; }
    .xl-self-center { align-self: center; }
    .xl-self-mid { justify-self: center; }
    .xl-ju-self-start { justify-self: flex-start; }
    .xl-ju-self-end { justify-self: flex-end; }
}


@media (min-width:1671px) {

    .section .dw-xxl-12 { width: 100%; }
    .section .dw-xxl-11 { width: 91.66666666666666%; }
    .section .dw-xxl-10 { width: 83.33333333333334%; }
    .section .dw-xxl-9 { width: 75%; }
    .section .dw-xxl-8 { width: 66.66666666666666%; }
    .section .dw-xxl-7 { width: 58.333333333333336%; }
    .section .dw-xxl-6 { width: 50%; }
    .section .dw-xxl-5 { width: 41.66666666666667%; }
    .section .dw-xxl-4 { width: 33.33333333333333%; }
    .section .dw-xxl-3 { width: 25%; }
    .section .dw-xxl-2 { width: 16.666666666666664%; }
    .section .dw-xxl-1 { width: 8.333333333333332%; }

    /*FLEXBOX*/
    .xxl-flx-col { flex-direction: column; }
    .xxl-flx-row { flex-direction: row; }
    .xxl-flx-col-rev { flex-direction: column-reverse; }
    .xxl-flx-row-rev { flex-direction: row-reverse; }

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

    .xxl-ju-start { justify-content: flex-start; }
    .xxl-ju-center { justify-content: center; }
    .xxl-ju-end { justify-content: end; }
    .xxl-ju-evenly { justify-content: space-evenly; }
    .xxl-ju-around { justify-content: space-around; }
    .xxl-ju-between { justify-content: space-between; }
    .xxl-show { display: block; }
    .xxl-flx { display: flex; }
    .xxl-hide { display: none; }

    /*FLEX ITEM*/
    .xxl-self-start { align-self: flex-start; }
    .xxl-self-end { align-self: flex-end; }
    .xxl-self-center { align-self: center; }
    .xxl-self-mid { justify-self: center; }
    .xxl-ju-self-start { justify-self: flex-start; }
    .xxl-ju-self-end { justify-self: flex-end; }
}
@media (min-width:1920px) {
    .container { max-width: 1880px; padding-right: 0 !important; padding-left: 0 !important; }
}

.container { margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; }



/*MARGIN*/

.center-block { margin: 0 auto; }

.m-05 { margin: 0.5rem; }
.m-1 { margin: 1rem; }
.m-2 { margin: 2rem; }
.m-3 { margin: 3rem; }
.m-4 { margin: 4rem; }
.m-5 { margin: 5rem; }

.my-05 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-15 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.my-1 { margin-top: 1rem; margin-bottom: 1rem; }
.my-2 { margin-top: 2rem; margin-bottom: 2rem; }
.my-3 { margin-top: 3rem; margin-bottom: 3rem; }
.my-4 { margin-top: 4rem; margin-bottom: 4rem; }
.my-5 { margin-top: 5rem; margin-bottom: 5rem; }

.mx-05 { margin-right: 0.5rem; margin-left: 0.5rem; }
.mx-1 { margin-right: 1rem; margin-left: 1rem; }
.mx-2 { margin-right: 2rem; margin-left: 2rem; }
.mx-3 { margin-right: 3rem; margin-left: 3rem; }
.mx-4 { margin-right: 4rem; margin-left: 4rem; }
.mx-5 { margin-right: 5rem; margin-left: 5rem; }

.mt-05 { margin-top: 0.5rem; }
.mt-1 { margin-top: 1rem; }
.mt-15 { margin-top: 1.5rem; }
.mt-2 { margin-top: 2rem; }
.mt-3 { margin-top: 3rem; }
.mt-4 { margin-top: 4rem; }
.mt-5 { margin-top: 5rem; }

.mb-05 { margin-bottom: 0.5rem; }
.mb-1 { margin-bottom: 1rem; }
.mb-15 { margin-bottom: 1.5rem; }
.mb-2 { margin-bottom: 2rem; }
.mb-3 { margin-bottom: 3rem; }
.mb-4 { margin-bottom: 4rem; }
.mb-5 { margin-bottom: 5rem; }

.mr-05 { margin-right: 0.5rem; }
.mr-1 { margin-right: 1rem; }
.mr-2 { margin-right: 2rem; }
.mr-3 { margin-right: 3rem; }
.mr-4 { margin-right: 4rem; }
.mr-5 { margin-right: 5rem; }

.ml-05 { margin-left: 0.5rem; }
.ml-1 { margin-left: 1rem; }
.ml-2 { margin-left: 2rem; }
.ml-3 { margin-left: 3rem; }
.ml-4 { margin-left: 4rem; }
.ml-5 { margin-left: 5rem; }

/*PADDING*/

.p-05 { padding: 0.5rem; }
.p-1 { padding: 1rem; }
.p-15 { padding: 1.5rem; }
.p-2 { padding: 2rem; }
.p-3 { padding: 3rem; }
.p-4 { padding: 4rem; }
.p-5 { padding: 5rem; }

.py-05 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-1 { padding-top: 1rem; padding-bottom: 1rem; }
.py-15 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-2 { padding-top: 2rem; padding-bottom: 2rem; }
.py-3 { padding-top: 3rem; padding-bottom: 3rem; }
.py-4 { padding-top: 4rem; padding-bottom: 4rem; }
.py-5 { padding-top: 5rem; padding-bottom: 5rem; }

.px-05 { padding-right: 0.5rem; padding-left: 0.5rem; }
.px-1 { padding-right: 1rem; padding-left: 1rem; }
.px-15 { padding-right: 1.5rem; padding-left: 1.5rem; }
.px-2 { padding-right: 2rem; padding-left: 2rem; }
.px-3 { padding-right: 3rem; padding-left: 3rem; }
.px-4 { padding-right: 4rem; padding-left: 4rem; }
.px-5 { padding-right: 5rem; padding-left: 5rem; }

.pt-05 { padding-top: 0.5rem; }
.pt-1 { padding-top: 1rem; }
.pt-15 { padding-top: 1.5rem; }
.pt-2 { padding-top: 2rem; }
.pt-3 { padding-top: 3rem; }
.pt-4 { padding-top: 4rem; }
.pt-5 { padding-top: 5rem; }

.pb-05 { padding-bottom: 0.5rem; }
.pb-1 { padding-bottom: 1rem; }
.pb-15 { padding-bottom: 1.5rem; }
.pb-2 { padding-bottom: 2rem; }
.pb-3 { padding-bottom: 3rem; }
.pb-4 { padding-bottom: 4rem; }
.pb-5 { padding-bottom: 5rem; }

.pr-05 { padding-right: 0.5rem; }
.pr-1 { padding-right: 1rem; }
.pr-15 { padding-right: 1.5rem; }
.pr-2 { padding-right: 2rem; }
.pr-3 { padding-right: 3rem; }
.pr-4 { padding-right: 4rem; }
.pr-5 { padding-right: 5rem; }

.pl-05 { padding-left: 0.5rem; }
.pl-1 { padding-left: 1rem; }
.pl-15 { padding-left: 1.5rem; }
.pl-2 { padding-left: 2rem; }
.pl-3 { padding-left: 3rem; }
.pl-4 { padding-left: 4rem; }
.pl-5 { padding-left: 5rem; }


/*FONT-SIZE*/
.fs-08 { font-size: 0.8rem; }
.fs-10 { font-size: 1rem; }
.fs-11 { font-size: 1.1rem; }
.fs-12 { font-size: 1.2rem; }
.fs-125 { font-size: 1.25rem; }
.fs-13 { font-size: 1.3rem; }
.fs-14 { font-size: 1.4rem; }
.fs-15 { font-size: 1.5rem; }
.fs-17 { font-size: 1.7rem; }
.fs-16 { font-size: 1.6rem; }
.fs-18 { font-size: 1.8rem; }
.fs-19 { font-size: 1.9rem; }
.fs-20 { font-size: 2.0rem; }
.fs-22 { font-size: 2.2rem; }
.fs-23 { font-size: 2.3rem; }
.fs-24 { font-size: 2.4rem; }
.fs-25 { font-size: 2.5rem; }
.fs-27 { font-size: 2.7rem; }
.fs-28 { font-size: 2.8rem; }
.fs-30 { font-size: 3.0rem; }
.fs-32 { font-size: 3.2rem; }
.fs-33 { font-size: 3.3rem; }
.fs-34 { font-size: 3.4rem; }
.fs-35 { font-size: 3.5rem; }
.fs-45 { font-size: 4.5rem; }

/*FONT-WEIGHT*/
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }

/*WIDTH*/
.w-full { width: 100% }
.w-half { width: 50%; }
.max-w-cont { max-width: fit-content; }
.max-w-min { max-width: min-content; }
.max-w-10 { max-width: 10px; }
.max-w-20 { max-width: 20px; }
.max-w-30 { max-width: 30px; }
.max-w-40 { max-width: 40px; }
.max-w-50 { max-width: 50px; }
.max-w-60 { max-width: 60px; }
.max-w-70 { max-width: 70px; }
.max-w-80 { max-width: 80px; }
.max-w-90 { max-width: 90px; }
.max-w-100 { max-width: 100px; }
.max-w-110 { max-width: 110px; }
.max-w-120 { max-width: 120px; }
.max-w-130 { max-width: 130px; }
.max-w-140 { max-width: 140px; }
.max-w-150 { max-width: 150px; }
.max-w-160 { max-width: 160px; }
.max-w-170 { max-width: 170px; }
.max-w-180 { max-width: 180px; }
.max-w-190 { max-width: 190px; }
.max-w-200 { max-width: 200px; }
.max-w-210 { max-width: 210px; }
.max-w-220 { max-width: 220px; }
.max-w-230 { max-width: 230px; }
.max-w-240 { max-width: 240px; }
.max-w-250 { max-width: 250px; }
.max-w-260 { max-width: 260px; }
.max-w-270 { max-width: 270px; }
.max-w-280 { max-width: 280px; }
.max-w-290 { max-width: 290px; }
.max-w-300 { max-width: 300px; }
.max-w-310 { max-width: 310px; }
.max-w-320 { max-width: 320px; }
.max-w-330 { max-width: 330px; }
.max-w-340 { max-width: 340px; }
.max-w-350 { max-width: 350px; }
.max-w-360 { max-width: 360px; }
.max-w-370 { max-width: 370px; }
.max-w-380 { max-width: 380px; }
.max-w-390 { max-width: 390px; }
.max-w-400 { max-width: 400px; }
.max-w-410 { max-width: 410px; }
.max-w-420 { max-width: 420px; }
.max-w-430 { max-width: 430px; }
.max-w-440 { max-width: 440px; }
.max-w-450 { max-width: 450px; }
.max-w-460 { max-width: 460px; }
.max-w-470 { max-width: 470px; }
.max-w-480 { max-width: 480px; }
.max-w-490 { max-width: 490px; }
.max-w-500 { max-width: 500px; }
.max-w-510 { max-width: 510px; }
.max-w-520 { max-width: 520px; }
.max-w-530 { max-width: 530px; }
.max-w-540 { max-width: 540px; }
.max-w-550 { max-width: 550px; }
.max-w-560 { max-width: 560px; }
.max-w-570 { max-width: 570px; }
.max-w-580 { max-width: 580px; }
.max-w-590 { max-width: 590px; }
.max-w-600 { max-width: 600px; }
.max-w-610 { max-width: 610px; }
.max-w-620 { max-width: 620px; }
.max-w-630 { max-width: 630px; }
.max-w-640 { max-width: 640px; }
.max-w-650 { max-width: 650px; }
.max-w-660 { max-width: 660px; }
.max-w-670 { max-width: 670px; }
.max-w-680 { max-width: 680px; }
.max-w-690 { max-width: 690px; }
.max-w-700 { max-width: 700px; }
.max-w-710 { max-width: 710px; }
.max-w-720 { max-width: 720px; }
.max-w-730 { max-width: 730px; }
.max-w-740 { max-width: 740px; }
.max-w-750 { max-width: 750px; }
.max-w-760 { max-width: 760px; }
.max-w-770 { max-width: 770px; }
.max-w-780 { max-width: 780px; }
.max-w-790 { max-width: 790px; }
.max-w-800 { max-width: 800px; }
.max-w-810 { max-width: 810px; }
.max-w-820 { max-width: 820px; }
.max-w-830 { max-width: 830px; }
.max-w-840 { max-width: 840px; }
.max-w-850 { max-width: 850px; }
.max-w-860 { max-width: 860px; }
.max-w-870 { max-width: 870px; }
.max-w-880 { max-width: 880px; }
.max-w-890 { max-width: 890px; }
.max-w-900 { max-width: 900px; }
.max-w-910 { max-width: 910px; }
.max-w-920 { max-width: 920px; }
.max-w-930 { max-width: 930px; }
.max-w-940 { max-width: 940px; }
.max-w-950 { max-width: 950px; }
.max-w-960 { max-width: 960px; }
.max-w-970 { max-width: 970px; }
.max-w-980 { max-width: 980px; }
.max-w-990 { max-width: 990px; }
.max-w-1000 { max-width: 1000px; }
.max-w-1010 { max-width: 1010px; }
.max-w-1020 { max-width: 1020px; }
.max-w-1030 { max-width: 1030px; }
.max-w-1040 { max-width: 1040px; }
.max-w-1050 { max-width: 1050px; }
.max-w-1060 { max-width: 1060px; }
.max-w-1070 { max-width: 1070px; }
.max-w-1080 { max-width: 1080px; }
.max-w-1090 { max-width: 1090px; }
.max-w-1100 { max-width: 1100px; }
.max-w-1110 { max-width: 1110px; }
.max-w-1120 { max-width: 1120px; }
.max-w-1130 { max-width: 1130px; }
.max-w-1140 { max-width: 1140px; }
.max-w-1150 { max-width: 1150px; }
.max-w-1160 { max-width: 1160px; }
.max-w-1170 { max-width: 1170px; }
.max-w-1180 { max-width: 1180px; }
.max-w-1190 { max-width: 1190px; }
.max-w-1200 { max-width: 1200px; }
.max-w-1210 { max-width: 1210px; }
.max-w-1220 { max-width: 1220px; }
.max-w-1230 { max-width: 1230px; }
.max-w-1240 { max-width: 1240px; }
.max-w-1250 { max-width: 1250px; }
.max-w-1260 { max-width: 1260px; }
.max-w-1270 { max-width: 1270px; }
.max-w-1280 { max-width: 1280px; }
.max-w-1290 { max-width: 1290px; }
.max-w-1300 { max-width: 1300px; }
.max-w-1310 { max-width: 1310px; }
.max-w-1320 { max-width: 1320px; }
.max-w-1330 { max-width: 1330px; }
.max-w-1340 { max-width: 1340px; }
.max-w-1350 { max-width: 1350px; }
.max-w-1360 { max-width: 1360px; }
.max-w-1370 { max-width: 1370px; }
.max-w-1380 { max-width: 1380px; }
.max-w-1390 { max-width: 1390px; }
.max-w-1400 { max-width: 1400px; }
.max-w-1410 { max-width: 1410px; }
.max-w-1420 { max-width: 1420px; }
.max-w-1430 { max-width: 1430px; }
.max-w-1440 { max-width: 1440px; }
.max-w-1450 { max-width: 1450px; }
.max-w-1460 { max-width: 1460px; }
.max-w-1470 { max-width: 1470px; }
.max-w-1480 { max-width: 1480px; }
.max-w-1490 { max-width: 1490px; }
.max-w-1500 { max-width: 1500px; }
.max-w-1510 { max-width: 1510px; }
.max-w-1520 { max-width: 1520px; }
.max-w-1530 { max-width: 1530px; }
.max-w-1540 { max-width: 1540px; }
.max-w-1550 { max-width: 1550px; }
.max-w-1560 { max-width: 1560px; }
.max-w-1570 { max-width: 1570px; }
.max-w-1580 { max-width: 1580px; }
.max-w-1590 { max-width: 1590px; }
.max-w-1600 { max-width: 1600px; }
.max-w-1610 { max-width: 1610px; }
.max-w-1620 { max-width: 1620px; }
.max-w-1630 { max-width: 1630px; }
.max-w-1640 { max-width: 1640px; }
.max-w-1650 { max-width: 1650px; }
.max-w-1660 { max-width: 1660px; }
.max-w-1670 { max-width: 1670px; }
.max-w-1680 { max-width: 1680px; }
.max-w-1690 { max-width: 1690px; }
.max-w-1700 { max-width: 1700px; }
.max-w-1710 { max-width: 1710px; }
.max-w-1720 { max-width: 1720px; }
.max-w-1730 { max-width: 1730px; }
.max-w-1740 { max-width: 1740px; }
.max-w-1750 { max-width: 1750px; }
.max-w-1760 { max-width: 1760px; }
.max-w-1770 { max-width: 1770px; }
.max-w-1780 { max-width: 1780px; }
.max-w-1790 { max-width: 1790px; }
.max-w-1800 { max-width: 1800px; }
.max-w-1810 { max-width: 1810px; }
.max-w-1820 { max-width: 1820px; }
.max-w-1830 { max-width: 1830px; }
.max-w-1840 { max-width: 1840px; }
.max-w-1850 { max-width: 1850px; }
.max-w-1860 { max-width: 1860px; }
.max-w-1870 { max-width: 1870px; }
.max-w-1880 { max-width: 1880px; }
.max-w-1890 { max-width: 1890px; }
.max-w-1900 { max-width: 1900px; }
.max-w-1910 { max-width: 1910px; }
.max-w-1920 { max-width: 1920px; }
.max-w-1930 { max-width: 1930px; }
.max-w-1940 { max-width: 1940px; }
.max-w-1950 { max-width: 1950px; }
.max-w-1960 { max-width: 1960px; }
.max-w-1970 { max-width: 1970px; }
.max-w-1980 { max-width: 1980px; }
.max-w-1990 { max-width: 1990px; }
.max-w-2000 { max-width: 2000px; }
.max-w-2010 { max-width: 2010px; }
.max-w-2020 { max-width: 2020px; }
.max-w-2030 { max-width: 2030px; }
.max-w-2040 { max-width: 2040px; }
.max-w-2050 { max-width: 2050px; }
.max-w-2060 { max-width: 2060px; }
.max-w-2070 { max-width: 2070px; }
.max-w-2080 { max-width: 2080px; }
.max-w-2090 { max-width: 2090px; }


.max-w-10perc { max-width: 10%; }
.max-w-20perc { max-width: 20%; }
.max-w-30perc { max-width: 30%; }
.max-w-40perc { max-width: 40%; }
.max-w-50perc { max-width: 50%; }
.max-w-60perc { max-width: 60%; }
.max-w-70perc { max-width: 70%; }
.max-w-80perc { max-width: 80%; }
.max-w-90perc { max-width: 90%; }
.max-w-100perc { max-width: 100%; }

/*HEIGHT*/
.h-full { height: 100% }
.h-half { height: 50%; }

.vh-100 { height: 100vh; }
.vh-75 { height: 75vh; }
.vh-50 { height: 50vh; }
.vh-25 { height: 25vh; }

.min-h-1 { min-height: 1px; }
.min-h-2 { min-height: 2px; }
.min-h-10 { min-height: 10px; }
.min-h-15 { min-height: 15px }
.min-h-20 { min-height: 20px }
.min-h-25 { min-height: 25px }
.min-h-30 { min-height: 30px }
.min-h-35 { min-height: 35px }
.min-h-40 { min-height: 40px }
.min-h-45 { min-height: 45px }
.min-h-50 { min-height: 50px }
.min-h-55 { min-height: 55px }
.min-h-60 { min-height: 60px }
.min-h-65 { min-height: 65px }
.min-h-70 { min-height: 70px }
.min-h-75 { min-height: 75px }
.min-h-80 { min-height: 80px }
.min-h-85 { min-height: 85px }
.min-h-95 { min-height: 95px }
.min-h-100 { min-height: 100px }
.min-h-20 { min-height: 20px; }
.min-h-105 { min-height: 105px; }
.min-h-120 { min-height: 120px; }
.min-h-210 { min-height: 210px; }
.min-h-220 { min-height: 220px; }
.min-h-230 { min-height: 230px; }
.min-h-250 { min-height: 250px; }
.min-h-270 { min-height: 270px; }
.min-h-500 { min-height: 500px; }
.min-h-280 { min-height: 280px; }
.min-h-245 { min-height: 245px; }
.min-h-400 { min-height: 400px; }
.min-h-350 { min-height: 350px; }

.max-h-500 { max-height: 500px; }
.max-h-500 { max-height: 500px; }
/*BORDER RADIUS*/
.rad-05 { border-radius: 0.5rem; }
.rad-1 { border-radius: 1rem; }
.rad-15 { border-radius: 1.5rem; }
.rad-2 { border-radius: 2rem; }
.rad-25 { border-radius: 2.5rem; }
.rad-3 { border-radius: 3rem; }
.rad-35 { border-radius: 3.5rem; }
.rad-4 { border-radius: 4rem; }