/* Minification failed. Returning unminified contents.
(1,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,35): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6,35): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(7,36): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15,126): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(16,85): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(21,66): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(23,156): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(27,125): run-time error CSS1039: Token not allowed after unary operator: '-fa-font-solid'
(29,126): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(36,42): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(86,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,34): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(93,62): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(120,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,36): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(128,36): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(130,55): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(130,82): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(131,55): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(131,82): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(144,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,36): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(150,98): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(160,99): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(162,139): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(176,38): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(179,25): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(183,107): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(207,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(241,50): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(244,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(255,109): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(256,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(265,25): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(266,25): run-time error CSS1039: Token not allowed after unary operator: '-pink'
 */
:root { --pink: #ff5555; --blue: #18144B; }
.c-inh { color: inherit; }
html { -webkit-font-smoothing: antialiased; }
body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; box-sizing: border-box; position: relative; }
.blue-bg { background-color: var(--blue); }
.pink-bg { background-color: var(--pink); }
.white-bg { background-color: var(--white); }
img { max-width: 100%; height: auto; }

.white-block { padding-top: 75px; padding-bottom: 60px; background-color: #fff; }
.grey-block { padding-top: 75px; padding-bottom: 60px; background-color: #18144B0F; }
.grey-block img { order: -1; }
.purple-block { background-color: #302c5d; padding-top: 75px; padding-bottom: 60px; margin-top: 48px; margin-bottom: 48px; }

.blue-block { position: relative; padding-top: calc(75px + 95px); padding-bottom: calc(114px + 86px); background-color: var(--blue); background-image: url(images/white-wave.svg); background-position: bottom; background-repeat: no-repeat; }
.blue-block.double-pink { padding-bottom: calc(80px + 95px); background-color: var(--blue); background-image: url(images/red-white-wave-flipped.svg); }
.blue-block + * { position: relative; margin-top: -1px; }
.blue-block:before { content: ""; background-image: url(images/red-white-wave.svg); background-position: top; background-repeat: no-repeat; width: 100%; display: block; height: 30%; position: absolute; top: -1px; pointer-events: none; }
.blue-block > .container { display: flex; align-items: center; justify-content: space-between; grid-gap: 2rem; }
.img-wrapper { position: relative; padding-bottom: 2.5rem; padding-left: 2.5rem; }
.blue-block img { border-radius: 0.75rem; border: 2px solid var(--pink); position: relative; }
.blue-block.no-img-bord img { border: none; }
.img-wrapper:before { content: ""; position: absolute; height: calc(100% - 2.5rem); width: calc(100% - 2.5rem); left: 0; bottom: 0; background-color: var(--pink); border-radius: 0.75rem; }

ul { list-style: none; padding: 0; display: flex; flex-direction: column; grid-gap: 20px; }
li { display: flex; width: 100%; align-items: center; }
li::before { content: "\f111"; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); font-size: 0.8rem; margin-right: 21px; }

.container-lg { max-width: 1840px; margin-left: auto; margin-right: auto; padding: 2rem; background-color: #fff; color: var(--blue); display: flex; align-items: center; border-radius: 0.75rem; grid-gap: 112px; margin-top: 85px; }
.container-lg img { border: none; }

.center-txt { text-align: center; }

.faqs { max-width: 1000px; margin-right: auto; margin-left: auto; }

.faqs h3 { border-bottom: 2px solid var(--pink); padding-top: 1rem; padding-bottom: 1rem; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.faqs h3 i { transition: transform 0.3s; }
.faq.open i { transform: rotate(180deg); }
.faqs .a { display: none; margin-top: 0.5rem; }
.rates-rows .blue-block > .container, .rates-rows .white-block .container { padding-left: 120px; }
.rates-rows .grey-block .container, .rates-rows .purple-block .container { padding-right: 120px; }

@media screen and (max-width:1900px) {
    .container-lg { margin-left: 1rem; margin-right: 1rem; }
}

@media screen and (max-width:1640px) {
    .blue-block, .blue-block.double-pink { padding-top: 4rem; padding-bottom: 5rem; }
    .white-block, .grey-block, .purple-block { padding-top: 3rem; padding-bottom: 4rem; }
    .rates-rows .blue-block > .container, .rates-rows .white-block .container { padding-left: 1rem; }
    .rates-rows .grey-block .container, .rates-rows .purple-block .container { padding-right: 1rem; }
}

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

    [class*='maw-'] { max-width: initial !important; }
    .blue-block > .container { flex-direction: column; justify-content: center; }
    .blue-block > .container .img-wrapper { max-width: 80%; margin: 0 auto; }
    .rates-rows .blue-block > .container, .rates-rows .white-block .container { padding-left: 1rem; }
    .rates-rows .grey-block .container, .rates-rows .purple-block .container { padding-right: 1rem; }
    .blue-block > .container .img-wrapper { max-width: initial; margin: 0; }

    .img-wrapper { padding: 0; }
    .img-wrapper:before { display: none; }
    img { border: none !important; }
    li::before { font-size: 0.5rem; margin-right: 0.5rem; }
    ul:not(:last-child) { margin-bottom: 0; }
    .purple-block { margin-top: 2.5rem; margin-bottom: 2.5rem; }
    .purple-block img:last-child { order: -1; }
    .purple-block img:first-child { order: 2; }
    .purple-block img { margin-bottom: 0 !important; }
    .blue-block { padding-top: 3rem; padding-bottom: 4rem; }
    .blue-block img { margin-bottom: 1rem; }
    .blue-block .img-wrapper:last-child { order: -1; }
    .container-lg { grid-gap: 1.5rem; margin-top: 0; flex-direction: column; padding: 0.5rem; margin-right: 0.5rem; margin-left: 0.5rem; border-radius: 1.25rem; }
    .container-lg img { margin-bottom: 0; }
    .blue-block.double-pink { padding-bottom: 2.5rem; }
    .rates-rows img:last-child { margin-bottom: 0; }
    .rates-rows .container-lg { margin-top: 2rem; }
    .blue-block .container + .container-lg { margin-top: 2rem; }

.faqs h3 { padding-top: 0.5rem; padding-bottom: 0.5rem; }

}

:root { --pink: #ff5555; --blue: #18144B; }

.banner { background-color: var(--blue); color: #fff; padding-top: 6rem; padding-bottom: calc(6rem + 86px); background-image: url(images/white-wave.svg); background-position: bottom; background-repeat: no-repeat; }
.banner h1 { margin-bottom: 30px; }
.banner h4 { margin-top: 15px; }

.banner-inner { display: flex; align-items: center; justify-content: space-between; }
.banner img { border-radius: 0.75rem; border: 2px solid var(--pink); position: relative; }

.banner .content { max-width: 700px; }

.banner + * { margin-top: -1px; }

@media screen and (min-width:768px) and (max-width:1640px) {
    .banner-inner { grid-gap: 2rem; position: relative; padding-top: 75px; }
    .banner .img-wrapper { min-width: 50%; }
    .banner h1 { position: absolute; top: 0; left: 0; min-height: 60px; }
}


@media screen and (max-width:768px) {
    .banner { padding-top: 1.5rem; padding-bottom: 0; background-image: none; }
    .banner-inner { flex-direction: column; grid-gap: 1rem; align-items:flex-start; }
    .banner .img-wrapper:after { content: ""; position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; background-image: url(images/white-wave.svg); background-position: bottom; background-repeat: no-repeat; z-index: 9; pointer-events: none; }
    .banner .img-wrapper:before { content: ""; position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; background-image: url(images/red-blue-wave.svg); background-position: top; background-repeat: no-repeat; z-index: 9; pointer-events: none; z-index: 9; display: block; background-color: transparent; transform: scaleX(-1); }
    .banner .img-wrapper { margin-left: -1rem; }
    .banner .img-wrapper { margin-right: -1rem; }
    .banner { overflow: hidden; }
}

@media screen and (max-width:390px) {
    .banner img { height: 340px !important; max-width: initial; width: auto; }
}

:root { --pink: #ff5555; --blue: #18144B; }

.btn { display: inline-flex; align-items: center; justify-content: center; max-width: 17.5rem; min-width: fit-content; height: 4rem; padding: 1rem 3rem; text-align: center; color: #fff; border-radius: 2rem; font-size: 1.375rem; font-family: "neue-haas-grotesk-text", sans-serif; font-style: normal; font-weight: 500; border: 2px solid transparent; }

/*SIZES*/
.btn.sml { height: 3.5rem; border-radius: 1.75rem; font-size: 1.25rem; max-width: 15rem; }
/*COLOURS*/
.btn.pink { background-color: var(--pink); }
.btn.blue { background-color: var(--blue); }
/*HOVERS*/
.btn.pink:hover { background-color: #fff; color: var(--pink); border-color: var(--pink); }
.btn.blue:hover { background-color: #fff; color: var(--blue); border-color: var(--blue); }

a:not(.btn):hover { text-decoration: underline; }
nav a:hover, header a:hover { text-decoration: none !important; }

@media screen and (max-width:768px) {
    .btn { font-size: 1.2rem; height: 3.25rem; border-radius: 1.625rem; padding: 1rem 2.625rem; }
}

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

:root { --pink: #ff5555; --blue: #18144B; }

header .white-bg { padding-top: 2rem; padding-bottom: 2rem; }
header .white-bg .container { display: flex; justify-content: space-between; align-items: center; justify-content: space-between; }
header .white-bg a { font-size: 1.56rem; font-weight: 400; display: flex; align-items: center; grid-gap: 1rem; }
header .white-bg a i { color: var(--pink); font-size: 1.7rem; }
nav { display: flex; justify-content: space-between; align-items: center; background-color: var(--blue); padding: 1rem 0; }
nav a { color: #fff; }


@media screen and (min-width:1230px) {
    header a:hover { text-decoration: none; }

    header a:hover { transform: scale(1.03); }

    nav a { position: relative; }
    nav a:not(:last-child):before { content: ""; height: 2px; width: 100%; background-color: var(--pink); position: absolute; bottom: -6px; left: 0; max-width: 0; transition: max-width 0.5s; }

    nav a:not(:last-child):hover:before, nav a:not(:last-child).on:before { content: ""; height: 2px; width: 100%; background-color: var(--pink); position: absolute; bottom: -6px; left: 0; max-width: 250px; }
    mobile-toggler { display: none; }

    .sticky { position: sticky; top: 0px; left: 0px; z-index: 10; }
    .sticky.scrolled { border-bottom: 3px solid #fff; }

    .mobile-toggler { display: none; }
}

@media screen and (max-width:1230px) {
    .nav-wrapper { display: none; }

    .header-tel { grid-gap: 3rem !important; }
    header a span:last-child { display: none; }
    .sticky { background-color: var(--blue); }
    .sticky .blue-bg, nav { background-color: #fff !important; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; overflow: hidden; }

    nav a { color: var(--blue); font-size: 1.3rem; font-family: "droid-serif", serif; font-weight: 400; font-style: normal; }
    /*NAV TOGGLER ANIMATION*/
    .mobile-toggler { display: flex; align-items: center; justify-content: center; }
    .mobile-toggler .animicon { position: relative; height: 20px; width: 30px; }
    .mobile-toggler .animicon span { position: absolute; width: 100%; height: 2px; background-color: var(--pink); 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); }
    nav { flex-direction: column; grid-gap: 2rem; padding-bottom: 2rem; padding-top: 2rem; }
}

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

    header .white-bg { padding-top: 1.1rem; padding-bottom: 1rem; }

    .header-logo img { max-width: 178px; height: 27px; }
    .header-logo + .flx, .header-tel { grid-gap: 1.5rem !important; }
}

@media screen and (max-width:350px) {
    .header-logo img { max-width: 150px; height: auto; }
    header > .white-bg > .container {align-items:center;}
}

:root { --pink: #ff5555; --blue: #18144B; }

footer { padding-top: 60px; padding-bottom: 15px; transform:translateY(-2px); background-color:#fff;  }
.footer-grid { display: grid; grid-template-columns: 1fr repeat(4, max-content); max-width: 1000px; grid-row-gap: 1rem; width:100%; grid-column-gap:4rem; min-width:100%;}
    .footer-grid :nth-child(1) { grid-column:1 / -1; font-weight: bold; }

footer .copy { font-size: 0.9rem; }
@media screen and (max-width:1230px) {
    footer + .btn { position: fixed; bottom: 0; width: 100%; max-width: initial !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; z-index: 999; }
}


@media screen and (min-width:768px) and (max-width:1230px) {
.footer-grid {grid-template-columns:repeat(4, 1fr);}
    .footer-grid :nth-child(1) { grid-column:initial; order:-3; }
    .footer-grid :nth-child(2) { order:-2; }
    .footer-grid :nth-child(7) { grid-column: span 2; order:-1; }
    footer {font-size:0.85rem;}
}

@media screen and (max-width:992px) {
    .anci { order: -1; font-size: 1.25rem; margin-bottom: 0.5rem; width: 100%; }
    .copy { flex-wrap: wrap; }
}

@media screen and (max-width:768px) {
    footer { padding-top: 2rem; padding-bottom: 0; margin-top: -1px; }
    .footer-grid { display: grid; grid-template-columns: 1.5fr 1fr; grid-gap: 0.75rem; max-width: 1000px; grid-row-gap: 1rem; }
    .footer-grid :nth-child(1) { grid-column: span 2; font-weight: bold; order:-3;}
    .footer-grid :nth-child(2) {  grid-column: span 2; order:-2; }
    .footer-grid :nth-child(7) {  grid-column: span 2; order:-1; }

    footer .mt-3 { text-align: center; margin-top: 2rem; }
    .copy { text-align: center; margin-top: 2rem !important; font-weight: 400; grid-gap: 0.5rem; }
    .copy > :last-child { background-color: var(--blue); margin-left: -1rem; margin-right: -1rem; color: #fff; padding-top: 0.5em; padding-bottom: 4rem; }
    .anci { font-size: 0.85rem; }
}
:root { --pink: #ff5555; --blue: #18144B; }

.droid, h1, h2 { font-family: "droid-serif", serif; font-weight: 400; font-style: normal; }
.neue { font-family: "neue-haas-grotesk-text", sans-serif; font-style: normal; }
/*
Neue Weights
55 Roman - font-weight: 400;
65 Medium - font-weight: 500; 
75 Bold - font-weight: 700;
*/

body { font-family: "neue-haas-grotesk-text", sans-serif; font-style: normal; font-weight: 400; color: var(--blue); font-size: 1.25rem; }
a { color: var(--blue); text-decoration: none; }
h1, h2, h3, h4 { margin: 0; padding: 0; }
h1 { font-size: 3.2rem; text-transform:capitalize; }
h2 { font-size: 2.5rem; margin-bottom: 1.5rem; text-transform:capitalize; }
h3 { font-size: 2.1rem; font-weight: 400; }
/*used in FAQ titles*/
h4 { font-size: 1.25rem; font-weight: 700; }
.faqs h2 { font-size: 3.75rem; }

.blue-txt { color: var(--blue); }
.pink-txt { color: var(--pink); }
.white-txt { color: white; }

@media screen and (max-width:1450px) {
    h1, h2, .faqs h2 { font-size: 2.5rem; }
    h3 { font-size: 1.8rem; }
    h4 { font-size: 1.1rem; }
    body { font-size: 1.1rem; }
}

@media screen and (max-width:768px) {
    h1 { font-size: 1.9rem; }
    h2, .faqs h2 { font-size: 1.4rem; }
    h3 { font-size: 1.15rem; }
    h4 { font-size: 0.85rem; }
    body { font-size: 0.85rem; }
}

*, *:before{-webkit-transition: transform .2s ease-in-out; -ms-transition: transform .2s ease-in-out; transition: padding .2s ease-in-out, border .2s ease-in-out,  background-color .1s linear,  color .05s linear, transform .2s ease-in-out, max-height 0.3s ease-in-out, opacity .2s ease-in-out, background-image 0.2s ease-in-out, box-shadow 0.2s, width 0.2s, filter 0.2s ease-in-out;}
.no-transition{transition: none !important;}
.lazy{opacity: 0;}
.scrollhide{ transition: background-color .3s ease-in-out, color .3s, transform .5s ease-in-out, opacity .5s ease-in-out;}
.scrollhide.subtle{ transition: background-color .3s ease-in-out, color .3s, transform .3s ease-in-out, opacity .3s ease-in-out;}
.scrollhide.hidden{opacity: 0;}
.scrollhide.from-right.hidden{transform: translateX(50%);}
.scrollhide.from-left.hidden{transform: translateX(-50%);}
.scrollhide.from-below.hidden{transform: translateY(50%);}
.scrollhide.from-below.subtle.hidden{transform: translateY(50px);}
.scrollhide.rotate-in.hidden{transform: translateY(50%) rotate(-60deg); transform-origin: bottom right;}
.scrollhide.from-left.hidden.subtle{transform: translateX(20%);}
.scrollhide.from-left.subtle{transition: background-color .3s ease-in-out, color .3s, transform .5s ease-in-out, opacity .5s ease-in-out;}

@keyframes spin {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}

#spinner i{ animation: spin 2s ease-in-out infinite;}

*, *: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-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; }
.ab-r-10 { right: 10px; }
.ab-r-15 { right: 15px; }
.nowrap { 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; }


.al-self-stretch { align-self: stretch; }
/*FLEXBOX*/
.o-first { order: -1; }
.o-last { order: 1; }

.flx { display: flex; }
.flx-col { flex-direction: column; }
.flx-row { flex-direction: row; }
.flx-col-rev { flex-direction: column-reverse; }
.flx-row-rev { flex-direction: row-reverse; }
.flx-wrap { flex-wrap: wrap; }

.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; }
.xxs-show { display: block; }

.xxs-hide { display: none; }
.xxs-flx-col { flex-direction: column; }
.xxs-flx-row { flex-direction: row; }
/*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; }


/*MARGIN*/
.xxs-m-0 { margin: 0 !important; }

/*MOBILE*/

    .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%; }

    /*MARGIN*/
    .xs-m-0 { margin: 0 !important; }

    /*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%; }


    /*MARGIN*/
    .sm-m-0 { margin: 0 !important; }

    /*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%; }

    /*MARGIN*/
    .md-m-0 { margin: 0 !important; }

    /*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%; }

    /*MARGIN*/
    .lg-m-0 { margin: 0 !important; }

    /*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%; }

    /*MARGIN*/
    .xl-m-0 { margin: 0 !important; }

    /*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) {
    .container {max-width:1700px;}

    .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%; }

    /*MARGIN*/
    .xxl-m-0 { margin: 0 !important; }

    /*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; }
}

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



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


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


.maw-10perc { max-width: 10%; }
.maw-20perc { max-width: 20%; }
.maw-30perc { max-width: 30%; }
.maw-40perc { max-width: 40%; }
.maw-50perc { max-width: 50%; }
.maw-60perc { max-width: 60%; }
.maw-70perc { max-width: 70%; }
.maw-80perc { max-width: 80%; }
.maw-90perc { max-width: 90%; }
.maw-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-025 { border-radius: 0.25rem; }
.rad-05 { border-radius: 0.5rem; }
.rad-075 { border-radius: 0.75rem; }
.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; }