@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");:root { --body-font:"Poppins", sans-serif; --body-font-size:1rem; --body-font-weight:400; --body-line-height:1.6; --body-color:#000000; --white:#ffffff; --aside-bg-color:#edeff0; --light-gray:#9faaaf; --primary:#00809e; --primary-second:#008080; --opacity-primary-5:rgba(0,128,158,0.5); --opacity-primary-second-5:rgba(0,128,128,0.5); } 
body { font-family:var(--body-font); font-weight:var(--body-font-weight); line-height:var(--body-line-height); color:var(--body-color); -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:transparent; position:relative; } 
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight:600; } 
a, a:hover, a:active { transition:0.3s all ease; color:var(--primary); } 
.text-lighter { color:var(--light-gray) !important; } 
.text-decoration-none { text-decoration:none !important; } 
.loader { position:fixed; top:0; left:0; width:100vw; height:100vh; display:flex; align-items:center; justify-content:center; background:var(--light-gray); transition:opacity 0.75s, visibility 0.75s; } 
.loader--hidden { opacity:0; visibility:hidden; } 
.loader::after { content:""; width:75px; height:75px; border:15px solid #dddddd; border-top-color:var(--primary); border-radius:50%; animation:loading 0.75s ease infinite; } 
@keyframes loading { 
from { transform:rotate(0turn); } 
to { transform:rotate(1turn); } 
}
aside { width:300px; padding:1rem; display:flex; flex-direction:column; justify-content:space-between; text-align:center; background-color:var(--primary); color:var(--aside-bg-color); position:fixed; top:0; bottom:0; left:0; z-index:1041; transition:all .3s ease-in-out; } 
main { display:flex; flex-direction:column; min-height:100vh; margin-left:300px; position:relative; } 
/* Menu */
.menu-list { text-transform:uppercase; } 
.menu-list a { display:block; padding:0.5rem 0; text-decoration:none; color:rgba(255,255,255,.5); font-weight:400; } 
.menu-list a.active { font-weight:600; } 
.menu-list a:hover, .menu-list a.active, .menu-list a.active:hover { color:var(--white); } 
.navbar-toggler { position:absolute; right:1rem; top:1rem; color:var(--primary); z-index:1; } 
@media (max-width:991.98px) {
aside { overflow-y:auto; left:-300px; transition:all .3s ease-in-out; z-index:1041; } 
aside.is-active {left:0;}
main { margin-left:0; } 
}
@media (min-width:992px){
.navbar-toggler { display:none; } 
}
.menu-backdrop { position:fixed; top:0; left:0; width:100%; height:100%; z-index:1040; opacity:0; visibility:hidden; background-color:var(--white); transition:all 0.3s ease-in-out; } 
.menu-backdrop.is-active { display:block; opacity:0.5; visibility:visible; } 
/* Home Banner */
.hero { background:radial-gradient(ellipse at center, #fffeea 0%, #fffeea 35%, #B7E8EB 100%); min-height:100vh; display:flex; flex:1 1 0; align-items:center; position:relative; overflow:hidden; } 
.hero .more-icon { position:absolute; right:30px; bottom:30px; width:50px; height:50px; text-align:center; color:var(--primary); } 
@keyframes downarrow { 
0% { transform:translateY(0); opacity:0.4 } 100% { transform:translateY(0.4em); } 
}
.hero .more-icon:hover { animation:downarrow 0.3s infinite alternate ease-in-out; } 
@media (max-width:991.98px){
.hero { background-size:50%; background-position:center top; padding:3rem; } 
}
/* Section */
.section { padding:3rem; } 
.section-minh100 { min-height:100vh; } 
.section-title { position:relative; color:var(--primary); padding-left:3rem; margin-bottom:3rem; } 
.section-title::before { content:''; position:absolute; width:2rem; height:3px; background-color:var(--primary); left:0; top:1rem; } 
/* Scroll Spy */
.scrollspy-menu { position:sticky; position:-webkit-sticky; top:0; padding-top:1rem; } 
.scrollspy-nav { color:var(--body-color); margin-bottom:1rem; position:relative; transition:0.3s all ease; font-weight:600; display:block; padding:0.25rem 0.5rem; text-decoration:none; } 
.scrollspy-nav:hover, .scrollspy-nav.active { color:var(--primary); padding-left:3rem; } 
.scrollspy-nav::before { content:''; position:absolute; width:0; height:3px; background-color:var(--primary); left:0; top:50%; transform:translateY(-50%); transition:0.3s all ease; } 
.scrollspy-nav:hover::before, .scrollspy-nav.active::before { width:2rem; color:var(--primary); } 
/* Thumbnail Grid */
.thumbnail-grid a { text-decoration:none; } 
.thumbnail-grid a.card { border:none; } 
.card-img, .card-img-top { position:relative; z-index:1; } 
/* Hover Shadow */
.hover-shadow { display:inline-block; position:relative; transition-duration:0.3s; transition-property:transform; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); } 
.hover-shadow:before { pointer-events:none; position:absolute; z-index:-1; content:""; top:100%; left:5%; height:10px; width:90%; opacity:0; background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); transition-duration:0.3s; transition-property:transform opacity; } 
.hover-shadow:hover { transform:translateY(-5px); } 
.hover-shadow:hover:before { opacity:1; transform:translateY(5px); } 
/************************
* Extra Utilities */
.small, small { font-size:.75em; } 
@media (min-width:992px){
.w-lg-20 { width:20%; } 
.w-lg-25 { width:25%; } 
.w-lg-30 { width:30%; } 
.w-lg-35 { width:35%; } 
}
.alert-link { text-decoration:none; display:flex; } 
.bg-shadow { height:20%; width:100%; position:absolute; z-index:0; border-radius:25rem; border:solid #BDBDBD 0; box-shadow:0px 0px 50px rgb(0,128,128,0.9); top:0; bottom:0; margin:auto; } 
.bg-gradient-primary { background:radial-gradient(ellipse at center, #fffeea 0%, #B7E8EB 100%); overflow:hidden; } 
.bg-gradient-primary-alt { background:radial-gradient(ellipse at center, #B7E8EB 0%, #fffeea 100%); overflow:hidden; } 
.bg-gradient-primary-diagnal { background:linear-gradient(330deg, #fffeea 50%, #B7E8EB 50%); } 
.bg-gradient-primary-diagnal-alt { background:linear-gradient(330deg, #B7E8EB 50%, #fffeea 50%); } 
#toTop { display:inline-block; width:50px; height:50px; text-align:center; position:fixed; bottom:30px; right:30px; transition:background-color .3s, opacity .5s, visibility .5s; opacity:0; visibility:hidden; z-index:1000; } 
#toTop.show { opacity:1; visibility:visible; } 
.breadcrumb-item+.breadcrumb-item::before { color:var(--bs-pink); } 
.modal-body .btn-close { position:absolute; right:0; top:-25px; color:var(--white); } 
@media (min-width:768px){
.modal-body .btn-close { position:absolute; right:-25px; top:0; } 
}
.modal-backdrop { background-color:var(--white); } 
.modal-content { border:none; box-shadow:0px 0px 1rem rgb(0,128,128,0.5); } 
.img-hover-overlay { position:relative; display:block; transition:all 0.3s ease; } 
.img-hover-overlay:hover:after { content:'Check more images'; background-color:var(--opacity-primary-5); position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; display:flex; align-items:center; justify-content:center; color:var(--white); } 
.max-w150 {max-width:150px;}
.max-w200 {max-width:200px;}
/************************
* Bootstrap Buttons */
.btn-primary { color:#fff; background-color:var(--primary); border-color:var(--primary) } 
.btn-primary:hover { color:#fff; background-color:var(--primary-second); border-color:var(--primary-second) } 
.btn-check:focus+.btn-primary,.btn-primary:focus { color:#fff; background-color:var(--primary-second); border-color:var(--primary-second); box-shadow:0 0 0 .25rem var(--opacity-primary-5) } 
.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle { color:#fff; background-color:var(--primary-second); border-color:var(--primary) } 
.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus { box-shadow:0 0 0 .25rem var(--opacity-primary-5) } 
.btn-primary.disabled,.btn-primary:disabled { color:#fff; background-color:var(--primary); border-color:var(--primary) } 
.btn-outline-primary { color:var(--primary); border-color:var(--primary) } 
.btn-outline-primary:hover { color:#fff; background-color:var(--primary); border-color:var(--primary) } 
.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus { box-shadow:0 0 0 .25rem var(--opacity-primary-5) } 
.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active { color:#fff; background-color:var(--primary); border-color:var(--primary) } 
.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus { box-shadow:0 0 0 .25rem var(--opacity-primary-5) } 
.btn-outline-primary.disabled,.btn-outline-primary:disabled { color:var(--primary); background-color:transparent } 
/************************
* Fotorama */
.fotorama__wrap { margin:auto; } 
/************************
* FontIcons */
.bi-lg { font-size:1.33333em; line-height:.75em; vertical-align:-.0667em } 
.bi-xs { font-size:.75em } 
.bi-sm { font-size:.875em } 
.bi-1x { font-size:1em } 
.bi-2x { font-size:2em } 
.bi-3x { font-size:3em } 
.bi-4x { font-size:4em } 
.bi-5x { font-size:5em } 
.bi-6x { font-size:6em } 
.bi-7x { font-size:7em } 
.bi-8x { font-size:8em } 
.bi-9x { font-size:9em } 
.bi-10x { font-size:10em } 
.bi-fw { text-align:center; width:1.25em } 
.bi-ul { list-style-type:none; margin-left:2.5em; padding-left:0; } 
.bi-ul>li { position:relative } 
.bi-li { left:-2em; position:absolute; text-align:center; width:2em; line-height:inherit } 
/***********************
* Animation */
.animatable { visibility:hidden; -webkit-animation-play-state:paused; -moz-animation-play-state:paused; -ms-animation-play-state:paused; -o-animation-play-state:paused; animation-play-state:paused; } 
.animated { visibility:visible; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; -webkit-animation-play-state:running; -moz-animation-play-state:running; -ms-animation-play-state:running; -o-animation-play-state:running; animation-play-state:running; } 
/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeIn { 
0% { opacity:0 } 
to { opacity:1 } 
} 
@keyframes fadeIn { 
0% { opacity:0 } 
to { opacity:1 } 
} 
@-webkit-keyframes fadeInDown { 
0% { opacity:0; -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0) } 
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } 
} 
@keyframes fadeInDown { 
0% { opacity:0; -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0) } 
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } 
} 
@-webkit-keyframes fadeInLeft { 
0% { opacity:0; -webkit-transform:translate3d(-30px,0,0); transform:translate3d(-30px,0,0) } 
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } 
} 
@keyframes fadeInLeft { 
0% { opacity:0; -webkit-transform:translate3d(-30px,0,0); transform:translate3d(-30px,0,0) } 
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } 
} 
@-webkit-keyframes fadeInRight { 
0% { opacity:0; -webkit-transform:translate3d(30px,0,0); transform:translate3d(30px,0,0) } 
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } 
} 
@keyframes fadeInRight { 
0% { opacity:0; -webkit-transform:translate3d(30px,0,0); transform:translate3d(30px,0,0) } 
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } 
} 
@-webkit-keyframes fadeInUp { 
0% { opacity:0; -webkit-transform:translate3d(0,30px,0); transform:translate3d(0,30px,0) } 
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } 
} 
@keyframes fadeInUp { 
0% { opacity:0; -webkit-transform:translate3d(0,30px,0); transform:translate3d(0,30px,0) } 
to { opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0) } 
} 
.animated.animationDelay { animation-delay:.4s; -webkit-animation-delay:.4s; } 
.animated.animationDelay-md { animation-delay:1.2s; -webkit-animation-delay:1.2s; } 
.animated.animationDelay-lg { animation-delay:1.6s; -webkit-animation-delay:1.6s; } 
.animated.fadeInLeft { -webkit-animation-name:fadeInLeft; -moz-animation-name:fadeInLeft; -o-animation-name:fadeInLeft; animation-name:fadeInLeft; } 
.animated.fadeInRight { -webkit-animation-name:fadeInRight; -moz-animation-name:fadeInRight; -o-animation-name:fadeInRight; animation-name:fadeInRight; } 
.animated.fadeIn { -webkit-animation-name:fadeIn; -moz-animation-name:fadeIn; -o-animation-name:fadeIn; animation-name:fadeIn; } 
.animated.fadeInDown { -webkit-animation-name:fadeInDown; -moz-animation-name:fadeInDown; -o-animation-name:fadeInDown; animation-name:fadeInDown; } 
.animated.fadeInUp { -webkit-animation-name:fadeInUp; -moz-animation-name:fadeInUp; -o-animation-name:fadeInUp; animation-name:fadeInUp; } 
/************************
* Bootstrap CSS Grid */
.grid { display:grid; grid-template-rows:repeat(var(--bs-rows, 1), 1fr); grid-template-columns:repeat(var(--bs-columns, 12), 1fr); gap:var(--bs-gap, 1.5rem) } 
.g-row-gap-1 { grid-row-gap:5rem; } 
.grid .g-col-1 { grid-column:auto/span 1 } 
.grid .g-col-2 { grid-column:auto/span 2 } 
.grid .g-col-3 { grid-column:auto/span 3 } 
.grid .g-col-4 { grid-column:auto/span 4 } 
.grid .g-col-5 { grid-column:auto/span 5 } 
.grid .g-col-6 { grid-column:auto/span 6 } 
.grid .g-col-7 { grid-column:auto/span 7 } 
.grid .g-col-8 { grid-column:auto/span 8 } 
.grid .g-col-9 { grid-column:auto/span 9 } 
.grid .g-col-10 { grid-column:auto/span 10 } 
.grid .g-col-11 { grid-column:auto/span 11 } 
.grid .g-col-12 { grid-column:auto/span 12 } 
.grid .g-start-1 { grid-column-start:1 } 
.grid .g-start-2 { grid-column-start:2 } 
.grid .g-start-3 { grid-column-start:3 } 
.grid .g-start-4 { grid-column-start:4 } 
.grid .g-start-5 { grid-column-start:5 } 
.grid .g-start-6 { grid-column-start:6 } 
.grid .g-start-7 { grid-column-start:7 } 
.grid .g-start-8 { grid-column-start:8 } 
.grid .g-start-9 { grid-column-start:9 } 
.grid .g-start-10 { grid-column-start:10 } 
.grid .g-start-11 { grid-column-start:11 } 
@media (min-width:576px){
.grid .g-col-sm-1 { grid-column:auto/span 1 } 
.grid .g-col-sm-2 { grid-column:auto/span 2 } 
.grid .g-col-sm-3 { grid-column:auto/span 3 } 
.grid .g-col-sm-4 { grid-column:auto/span 4 } 
.grid .g-col-sm-5 { grid-column:auto/span 5 } 
.grid .g-col-sm-6 { grid-column:auto/span 6 } 
.grid .g-col-sm-7 { grid-column:auto/span 7 } 
.grid .g-col-sm-8 { grid-column:auto/span 8 } 
.grid .g-col-sm-9 { grid-column:auto/span 9 } 
.grid .g-col-sm-10 { grid-column:auto/span 10 } 
.grid .g-col-sm-11 { grid-column:auto/span 11 } 
.grid .g-col-sm-12 { grid-column:auto/span 12 } 
.grid .g-start-sm-1 { grid-column-start:1 } 
.grid .g-start-sm-2 { grid-column-start:2 } 
.grid .g-start-sm-3 { grid-column-start:3 } 
.grid .g-start-sm-4 { grid-column-start:4 } 
.grid .g-start-sm-5 { grid-column-start:5 } 
.grid .g-start-sm-6 { grid-column-start:6 } 
.grid .g-start-sm-7 { grid-column-start:7 } 
.grid .g-start-sm-8 { grid-column-start:8 } 
.grid .g-start-sm-9 { grid-column-start:9 } 
.grid .g-start-sm-10 { grid-column-start:10 } 
.grid .g-start-sm-11 { grid-column-start:11 } 
}
@media (min-width:768px){
.grid .g-col-md-1 { grid-column:auto/span 1 } 
.grid .g-col-md-2 { grid-column:auto/span 2 } 
.grid .g-col-md-3 { grid-column:auto/span 3 } 
.grid .g-col-md-4 { grid-column:auto/span 4 } 
.grid .g-col-md-5 { grid-column:auto/span 5 } 
.grid .g-col-md-6 { grid-column:auto/span 6 } 
.grid .g-col-md-7 { grid-column:auto/span 7 } 
.grid .g-col-md-8 { grid-column:auto/span 8 } 
.grid .g-col-md-9 { grid-column:auto/span 9 } 
.grid .g-col-md-10 { grid-column:auto/span 10 } 
.grid .g-col-md-11 { grid-column:auto/span 11 } 
.grid .g-col-md-12 { grid-column:auto/span 12 } 
.grid .g-start-md-1 { grid-column-start:1 } 
.grid .g-start-md-2 { grid-column-start:2 } 
.grid .g-start-md-3 { grid-column-start:3 } 
.grid .g-start-md-4 { grid-column-start:4 } 
.grid .g-start-md-5 { grid-column-start:5 } 
.grid .g-start-md-6 { grid-column-start:6 } 
.grid .g-start-md-7 { grid-column-start:7 } 
.grid .g-start-md-8 { grid-column-start:8 } 
.grid .g-start-md-9 { grid-column-start:9 } 
.grid .g-start-md-10 { grid-column-start:10 } 
.grid .g-start-md-11 { grid-column-start:11 } 
}
@media (min-width:992px){
.grid .g-col-lg-1 { grid-column:auto/span 1 } 
.grid .g-col-lg-2 { grid-column:auto/span 2 } 
.grid .g-col-lg-3 { grid-column:auto/span 3 } 
.grid .g-col-lg-4 { grid-column:auto/span 4 } 
.grid .g-col-lg-5 { grid-column:auto/span 5 } 
.grid .g-col-lg-6 { grid-column:auto/span 6 } 
.grid .g-col-lg-7 { grid-column:auto/span 7 } 
.grid .g-col-lg-8 { grid-column:auto/span 8 } 
.grid .g-col-lg-9 { grid-column:auto/span 9 } 
.grid .g-col-lg-10 { grid-column:auto/span 10 } 
.grid .g-col-lg-11 { grid-column:auto/span 11 } 
.grid .g-col-lg-12 { grid-column:auto/span 12 } 
.grid .g-start-lg-1 { grid-column-start:1 } 
.grid .g-start-lg-2 { grid-column-start:2 } 
.grid .g-start-lg-3 { grid-column-start:3 } 
.grid .g-start-lg-4 { grid-column-start:4 } 
.grid .g-start-lg-5 { grid-column-start:5 } 
.grid .g-start-lg-6 { grid-column-start:6 } 
.grid .g-start-lg-7 { grid-column-start:7 } 
.grid .g-start-lg-8 { grid-column-start:8 } 
.grid .g-start-lg-9 { grid-column-start:9 } 
.grid .g-start-lg-10 { grid-column-start:10 } 
.grid .g-start-lg-11 { grid-column-start:11 } 
.g-col-gap-lg-1 { grid-column-gap:5rem; } 
}
@media (min-width:1200px){
.grid .g-col-xl-1 { grid-column:auto/span 1 } 
.grid .g-col-xl-2 { grid-column:auto/span 2 } 
.grid .g-col-xl-3 { grid-column:auto/span 3 } 
.grid .g-col-xl-4 { grid-column:auto/span 4 } 
.grid .g-col-xl-5 { grid-column:auto/span 5 } 
.grid .g-col-xl-6 { grid-column:auto/span 6 } 
.grid .g-col-xl-7 { grid-column:auto/span 7 } 
.grid .g-col-xl-8 { grid-column:auto/span 8 } 
.grid .g-col-xl-9 { grid-column:auto/span 9 } 
.grid .g-col-xl-10 { grid-column:auto/span 10 } 
.grid .g-col-xl-11 { grid-column:auto/span 11 } 
.grid .g-col-xl-12 { grid-column:auto/span 12 } 
.grid .g-start-xl-1 { grid-column-start:1 } 
.grid .g-start-xl-2 { grid-column-start:2 } 
.grid .g-start-xl-3 { grid-column-start:3 } 
.grid .g-start-xl-4 { grid-column-start:4 } 
.grid .g-start-xl-5 { grid-column-start:5 } 
.grid .g-start-xl-6 { grid-column-start:6 } 
.grid .g-start-xl-7 { grid-column-start:7 } 
.grid .g-start-xl-8 { grid-column-start:8 } 
.grid .g-start-xl-9 { grid-column-start:9 } 
.grid .g-start-xl-10 { grid-column-start:10 } 
.grid .g-start-xl-11 { grid-column-start:11 } 
}
@media (min-width:1400px){
.grid .g-col-xxl-1 { grid-column:auto/span 1 } 
.grid .g-col-xxl-2 { grid-column:auto/span 2 } 
.grid .g-col-xxl-3 { grid-column:auto/span 3 } 
.grid .g-col-xxl-4 { grid-column:auto/span 4 } 
.grid .g-col-xxl-5 { grid-column:auto/span 5 } 
.grid .g-col-xxl-6 { grid-column:auto/span 6 } 
.grid .g-col-xxl-7 { grid-column:auto/span 7 } 
.grid .g-col-xxl-8 { grid-column:auto/span 8 } 
.grid .g-col-xxl-9 { grid-column:auto/span 9 } 
.grid .g-col-xxl-10 { grid-column:auto/span 10 } 
.grid .g-col-xxl-11 { grid-column:auto/span 11 } 
.grid .g-col-xxl-12 { grid-column:auto/span 12 } 
.grid .g-start-xxl-1 { grid-column-start:1 } 
.grid .g-start-xxl-2 { grid-column-start:2 } 
.grid .g-start-xxl-3 { grid-column-start:3 } 
.grid .g-start-xxl-4 { grid-column-start:4 } 
.grid .g-start-xxl-5 { grid-column-start:5 } 
.grid .g-start-xxl-6 { grid-column-start:6 } 
.grid .g-start-xxl-7 { grid-column-start:7 } 
.grid .g-start-xxl-8 { grid-column-start:8 } 
.grid .g-start-xxl-9 { grid-column-start:9 } 
.grid .g-start-xxl-10 { grid-column-start:10 } 
.grid .g-start-xxl-11 { grid-column-start:11 } 
}
/************************
* Boostrap Negetive Margin */
.m-n1 { margin:-.25rem!important } 
.mt-n1, .my-n1 { margin-top:-.25rem!important } 
.me-n1, .mx-n1 { margin-right:-.25rem!important } 
.mb-n1, .my-n1 { margin-bottom:-.25rem!important } 
.ms-n1, .mx-n1 { margin-left:-.25rem!important } 
.m-n2 { margin:-.5rem!important } 
.mt-n2, .my-n2 { margin-top:-.5rem!important } 
.me-n2, .mx-n2 { margin-right:-.5rem!important } 
.mb-n2, .my-n2 { margin-bottom:-.5rem!important } 
.ms-n2, .mx-n2 { margin-left:-.5rem!important } 
.m-n3 { margin:-1rem!important } 
.mt-n3, .my-n3 { margin-top:-1rem!important } 
.me-n3, .mx-n3 { margin-right:-1rem!important } 
.mb-n3, .my-n3 { margin-bottom:-1rem!important } 
.ms-n3, .mx-n3 { margin-left:-1rem!important } 
.m-n4 { margin:-1.5rem!important } 
.mt-n4, .my-n4 { margin-top:-1.5rem!important } 
.me-n4, .mx-n4 { margin-right:-1.5rem!important } 
.mb-n4, .my-n4 { margin-bottom:-1.5rem!important } 
.ms-n4, .mx-n4 { margin-left:-1.5rem!important } 
.m-n5 { margin:-3rem!important } 
.mt-n5, .my-n5 { margin-top:-3rem!important } 
.me-n5, .mx-n5 { margin-right:-3rem!important } 
.mb-n5, .my-n5 { margin-bottom:-3rem!important } 
.ms-n5, .mx-n5 { margin-left:-3rem!important } 
@media (min-width:576px){
.m-sm-n1 { margin:-.25rem!important } 
.mt-sm-n1, .my-sm-n1 { margin-top:-.25rem!important } 
.me-sm-n1, .mx-sm-n1 { margin-right:-.25rem!important } 
.mb-sm-n1, .my-sm-n1 { margin-bottom:-.25rem!important } 
.ms-sm-n1, .mx-sm-n1 { margin-left:-.25rem!important } 
.m-sm-n2 { margin:-.5rem!important } 
.mt-sm-n2, .my-sm-n2 { margin-top:-.5rem!important } 
.me-sm-n2, .mx-sm-n2 { margin-right:-.5rem!important } 
.mb-sm-n2, .my-sm-n2 { margin-bottom:-.5rem!important } 
.ms-sm-n2, .mx-sm-n2 { margin-left:-.5rem!important } 
.m-sm-n3 { margin:-1rem!important } 
.mt-sm-n3, .my-sm-n3 { margin-top:-1rem!important } 
.me-sm-n3, .mx-sm-n3 { margin-right:-1rem!important } 
.mb-sm-n3, .my-sm-n3 { margin-bottom:-1rem!important } 
.ms-sm-n3, .mx-sm-n3 { margin-left:-1rem!important } 
.m-sm-n4 { margin:-1.5rem!important } 
.mt-sm-n4, .my-sm-n4 { margin-top:-1.5rem!important } 
.me-sm-n4, .mx-sm-n4 { margin-right:-1.5rem!important } 
.mb-sm-n4, .my-sm-n4 { margin-bottom:-1.5rem!important } 
.ms-sm-n4, .mx-sm-n4 { margin-left:-1.5rem!important } 
.m-sm-n5 { margin:-3rem!important } 
.mt-sm-n5, .my-sm-n5 { margin-top:-3rem!important } 
.me-sm-n5, .mx-sm-n5 { margin-right:-3rem!important } 
.mb-sm-n5, .my-sm-n5 { margin-bottom:-3rem!important } 
.ms-sm-n5, .mx-sm-n5 { margin-left:-3rem!important } 
}
@media (min-width:768px){
.m-md-n1 { margin:-.25rem!important } 
.mt-md-n1, .my-md-n1 { margin-top:-.25rem!important } 
.me-md-n1, .mx-md-n1 { margin-right:-.25rem!important } 
.mb-md-n1, .my-md-n1 { margin-bottom:-.25rem!important } 
.ms-md-n1, .mx-md-n1 { margin-left:-.25rem!important } 
.m-md-n2 { margin:-.5rem!important } 
.mt-md-n2, .my-md-n2 { margin-top:-.5rem!important } 
.me-md-n2, .mx-md-n2 { margin-right:-.5rem!important } 
.mb-md-n2, .my-md-n2 { margin-bottom:-.5rem!important } 
.ms-md-n2, .mx-md-n2 { margin-left:-.5rem!important } 
.m-md-n3 { margin:-1rem!important } 
.mt-md-n3, .my-md-n3 { margin-top:-1rem!important } 
.me-md-n3, .mx-md-n3 { margin-right:-1rem!important } 
.mb-md-n3, .my-md-n3 { margin-bottom:-1rem!important } 
.ms-md-n3, .mx-md-n3 { margin-left:-1rem!important } 
.m-md-n4 { margin:-1.5rem!important } 
.mt-md-n4, .my-md-n4 { margin-top:-1.5rem!important } 
.me-md-n4, .mx-md-n4 { margin-right:-1.5rem!important } 
.mb-md-n4, .my-md-n4 { margin-bottom:-1.5rem!important } 
.ms-md-n4, .mx-md-n4 { margin-left:-1.5rem!important } 
.m-md-n5 { margin:-3rem!important } 
.mt-md-n5, .my-md-n5 { margin-top:-3rem!important } 
.me-md-n5, .mx-md-n5 { margin-right:-3rem!important } 
.mb-md-n5, .my-md-n5 { margin-bottom:-3rem!important } 
.ms-md-n5, .mx-md-n5 { margin-left:-3rem!important } 
}
@media (min-width:992px){
.m-lg-n1 { margin:-.25rem!important } 
.mt-lg-n1, .my-lg-n1 { margin-top:-.25rem!important } 
.me-lg-n1, .mx-lg-n1 { margin-right:-.25rem!important } 
.mb-lg-n1, .my-lg-n1 { margin-bottom:-.25rem!important } 
.ms-lg-n1, .mx-lg-n1 { margin-left:-.25rem!important } 
.m-lg-n2 { margin:-.5rem!important } 
.mt-lg-n2, .my-lg-n2 { margin-top:-.5rem!important } 
.me-lg-n2, .mx-lg-n2 { margin-right:-.5rem!important } 
.mb-lg-n2, .my-lg-n2 { margin-bottom:-.5rem!important } 
.ms-lg-n2, .mx-lg-n2 { margin-left:-.5rem!important } 
.m-lg-n3 { margin:-1rem!important } 
.mt-lg-n3, .my-lg-n3 { margin-top:-1rem!important } 
.me-lg-n3, .mx-lg-n3 { margin-right:-1rem!important } 
.mb-lg-n3, .my-lg-n3 { margin-bottom:-1rem!important } 
.ms-lg-n3, .mx-lg-n3 { margin-left:-1rem!important } 
.m-lg-n4 { margin:-1.5rem!important } 
.mt-lg-n4, .my-lg-n4 { margin-top:-1.5rem!important } 
.me-lg-n4, .mx-lg-n4 { margin-right:-1.5rem!important } 
.mb-lg-n4, .my-lg-n4 { margin-bottom:-1.5rem!important } 
.ms-lg-n4, .mx-lg-n4 { margin-left:-1.5rem!important } 
.m-lg-n5 { margin:-3rem!important } 
.mt-lg-n5, .my-lg-n5 { margin-top:-3rem!important } 
.me-lg-n5, .mx-lg-n5 { margin-right:-3rem!important } 
.mb-lg-n5, .my-lg-n5 { margin-bottom:-3rem!important } 
.ms-lg-n5, .mx-lg-n5 { margin-left:-3rem!important } 
}
@media (min-width:1200px){
.m-xl-n1 { margin:-.25rem!important } 
.mt-xl-n1, .my-xl-n1 { margin-top:-.25rem!important } 
.me-xl-n1, .mx-xl-n1 { margin-right:-.25rem!important } 
.mb-xl-n1, .my-xl-n1 { margin-bottom:-.25rem!important } 
.ms-xl-n1, .mx-xl-n1 { margin-left:-.25rem!important } 
.m-xl-n2 { margin:-.5rem!important } 
.mt-xl-n2, .my-xl-n2 { margin-top:-.5rem!important } 
.me-xl-n2, .mx-xl-n2 { margin-right:-.5rem!important } 
.mb-xl-n2, .my-xl-n2 { margin-bottom:-.5rem!important } 
.ms-xl-n2, .mx-xl-n2 { margin-left:-.5rem!important } 
.m-xl-n3 { margin:-1rem!important } 
.mt-xl-n3, .my-xl-n3 { margin-top:-1rem!important } 
.me-xl-n3, .mx-xl-n3 { margin-right:-1rem!important } 
.mb-xl-n3, .my-xl-n3 { margin-bottom:-1rem!important } 
.ms-xl-n3, .mx-xl-n3 { margin-left:-1rem!important } 
.m-xl-n4 { margin:-1.5rem!important } 
.mt-xl-n4, .my-xl-n4 { margin-top:-1.5rem!important } 
.me-xl-n4, .mx-xl-n4 { margin-right:-1.5rem!important } 
.mb-xl-n4, .my-xl-n4 { margin-bottom:-1.5rem!important } 
.ms-xl-n4, .mx-xl-n4 { margin-left:-1.5rem!important } 
.m-xl-n5 { margin:-3rem!important } 
.mt-xl-n5, .my-xl-n5 { margin-top:-3rem!important } 
.me-xl-n5, .mx-xl-n5 { margin-right:-3rem!important } 
.mb-xl-n5, .my-xl-n5 { margin-bottom:-3rem!important } 
.ms-xl-n5, .mx-xl-n5 { margin-left:-3rem!important } 
}