/* Reset total de flechas previas */
.dropdown-toggle::after {
content: none !important;
}
.header-light .topbar{
background: #FFFFFF;
border-bottom: 0.5px solid rgba(204, 204, 204, 0.4);
height: 82px;
display: flex;
align-items: center;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.07);
}
.header-light .topbar-right > .search-bar,
.header-light .topbar-right > .menu-grid{
margin-left: 14px;
margin-right: 14px;
position: relative;
}
.header-light .topbar-right > .lang-select{
margin-left: 20px;
}
.header-light .topbar-right .lang-select > a > img{
height: 15px;
}
.header-light .topbar-right .lang-select:after{
background-color: #D3D3D3;
content: none;
display: block;
height: 45px;
right: -14px;
position: absolute;
top: -15px;
width: 1px;
}
.header-light .topbar-right .search-bar:after{
background-color: #D3D3D3;
content: "";
display: block;
height: 45px;
right: -14px;
position: absolute;
top: -2px;
width: 1px;
}
.header-light .topbar-right .menu-grid:before {
background-color: #D3D3D3;
content: "";
display: block;
height: 45px;
right: -30px;
position: absolute;
top: -4px;
width: 1px;
}
.search-bar button i {
font-weight: bold;
}
.search-bar button {
display: flex;
align-items: center;
justify-content: center;
}
div.lang-select.dropdown-simple i{
color: #003876;
}
.topbar-right .lang-select {
padding-left: 0;
}
.banner_content.bg-blue-ligth {
background-color: white;
width: 100%;
padding: 10%;
}
h1{
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 54px;
color: #003876;
}
.banner_content h2 {
font-size: 26px;
}
.banner_content p {
font-size: 14px;
line-height: 16px;
font-weight: 400;
}
hr.separator{
border-top: 3px solid #BCD1EC;
margin-top: 0;
}
p.card-text{
font-size: 16px;
color: black;
font-weight: 400;
line-height: 19px;
}
a.card-link{
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 17px;
color: #0087FF;
}
.breadcrumbs{
padding: 50px 0;
}
.breadcrumbs h1{
font-weight: 500;
margin-top: 10px;
}
.breadcrumbs .path a {
color: #003670;
}
div.certifications{
display: flex;
justify-content: space-between;
}
p.subtitle{
color:white !important;
}
.menu-grid .dropdown-menu .dropdown-items > .row{
margin-bottom: 20px;
}
.list-submenu .group-submenu ul li.active {
cursor: pointer;
}
.menu-grid-title i{
font-size: 18px;
color: #EE2A24;
cursor: pointer;
}
.menu-grid-content > a{
display: flex;
justify-content: space-between;
text-decoration: none;
padding: 15px;
}
.menu-grid-content .menu-item:hover{
background-color: #eff7ff;
border-radius: 5px;
}
.menu-grid-content .menu-item img{
height: 60px;
}
.menu-grid-content .menu-item:hover .rounded-circle {
border: 2px solid #4baaff;
}
.menu-grid-content .menu-item:hover a::before{
content: '';
height: 60px;
width: 60px;
position: absolute;
background-color: rgb(75, 170, 255, 0.5);
border-radius: 50%;
}
.menu-grid-content > a i{
font-size: 18px;
color: #0087FF;
}
.menu-grid-content hr{
margin:0;
margin-bottom: 1rem;
}
.rounded-circle {
border: 2px solid #E5E5E5;
}
.rounded-circle:hover {
border: 2px solid #4baaff;
}
.menu-grid-content > a.collapsed i{
transition: 0.2s;
transform: rotate(-90deg);
animation-fill-mode: forwards;
}
@media screen and (min-width: 768px){
.menu-grid-content .menu-item{
padding-top: 10px;
padding-bottom: 20px;
margin-right: 8px;
margin-left: 8px;
}
.header-light .main-menu {
height: 56px;
}
.menu-dropdown .dropdown-menu{
border: none;
box-shadow: 2px 2px 4px #9c9b9bcf;
}
.menu-grid-title{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 14px 12px;
height: 47px;
background: #F8F8F8;
box-shadow: 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);
}
.menu-grid .dropdown-menu .menu-grid-content{
padding: 25px;
}
footer .footer-nortic a{
display: none;
}
.menu-grid-title i.ri-arrow-right-s-line{
display: none;
}
}
.list-submenu .group-submenu ul li a[data-bs-toggle|="collapse"]{
display: flex;
justify-content: space-between;
text-decoration: none;
}
.list-submenu .group-submenu ul li a[data-bs-toggle|="collapse"] i{
color: #595959;
font-size: 20px;
margin-top: -4px;
text-decoration: none;
display: inline-block;
}
.list-submenu .group-submenu ul li.active a{
display: flex;
justify-content: space-between;
}
.lang-select .dropdown-list{
padding: 0;
}
.lang-select .dropdown-list a{
padding: 10px;
}
.lang-select .dropdown-list a:hover{
background-color: #eff7ff;
}
.main-menu .dropdown-menu{
padding: 0;
}
.dropdown-list a+a {
margin-top: 0;
}
.main-menu .dropdown-item{
color: #003670;
font-size: 14px;
font-weight: 500;
padding: 10px 10px;
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
}
.main-menu .dropdown-item:hover{
background-color: #eff7ff;
}
.list-submenu .group-submenu ul li.active i{
color: #595959;
font-size: 20px;
margin-top: -4px;
text-decoration: none;
display: inline-block;
display: none;
}
.list-submenu .group-submenu ul li a[data-bs-toggle|="collapse"] i:hover{
text-decoration: none;
display: inline-block;
}
.list-submenu .group-submenu div.collapse,.list-submenu .group-submenu div.collapsing{
margin-left: 30px;
margin-top: 10px;
}
.list-submenu .group-submenu ul li a[aria-expanded|="true"] i{
transform: rotate(180deg);
text-decoration: none;
}
.hamburger-menu {
  display: none;
}
@media screen and (max-width: 767px){
.hamburger-menu,
.topbar-right {
position: relative;
}
.hamburger-menu{
display: block;
}
}
.topbar .logo-icon img {
height: initial;
}
.footer-light{
border-top: 1px solid #d3d3d3;
}
@media screen and (max-width: 767px){
.main-menu .dropdown-menu{
position: static !important;
transform: none !important;
border:none;
padding:0;
}
.main-menu .menu-dropdown .dropdown-menu{
padding-left: 20px;
}
.main-menu .menu-dropdown .menu-item.show{
color: #EE2A24;
}
.main-menu{
height: 100%;
}
.main-menu-cont .menu{
display: none;
flex-direction: column;
width: 100%;
}
.main-menu-cont .menu .menu-item{
font-weight: 500;
font-size: 14px;
padding: 20px 10px;
margin-right: 0;
justify-content: space-between;
}
.menu-grid{
padding: 0 10px;
display: none !important;
}
.menu-grid > a.dropdown-toggle > img{
height: 20px;
margin: 20px 0;
}
.menu-grid .dropdown-menu {
border:none;
position: static !important;
transform: none !important;
padding: 25px 0 0;
width: 100%;
}
.menu-grid > a.dropdown-toggle{
display: flex;
border-bottom: 1px solid #e5e7eb;
width: 100%;
}
.menu-grid > a.dropdown-toggle h3{
align-self: center;
color: #003670;
margin-left: 7px;
}
.banner{
flex-direction: column;
padding: 0;
}
.banner > img{
width: 100%;
height: auto;
}
.col-md{
margin-bottom: 20px;
}
.group-submenu-title{
display: none;
}
.list-submenu {
border-right: none;
padding: 0;
}
.list-submenu .group-submenu ul li.active {
border: none;
background-color: #eef5ff;
}
.list-submenu .group-submenu {
margin-bottom: 0;
margin-top: 20px;
}
.list-submenu .group-submenu.second{
padding-right: 0 !important;
display: none;
}
.list-submenu .group-submenu ul li{
padding: 15px 15px;
color: #003876;
}
.list-submenu .group-submenu > ul > li > a,
.list-submenu .group-submenu > ul > li.active > a{
font-weight: 600;
color: #003876;
}
.list-submenu .group-submenu > ul > li a{
color: #003876;
}
.list-submenu .group-submenu ul li.active i,
.list-submenu .group-submenu ul li a[data-bs-toggle|="collapse"] i{
color: #003876;
display: block;
}
.list-submenu .group-submenu ul li.active:after {
content: none;
}
.list-submenu .group-submenu div.collapse, .list-submenu .group-submenu div.collapsing {
margin-left: 0px;
margin-top: 10px;
}
#searchMain{
visibility: hidden;
width: 1px !important;
}
.logo-icon img{
width: 100%;
max-height: 78px;
content: url("img/page-logo-mobile.svg");
}
.menu-grid-title i.ri-close-circle-line{
display: none;
}
footer .footer-nortic a{
display: flex;
justify-content: space-between;
color: #003876;
font-weight: 500;
margin-bottom: 20px;
text-decoration: none;
padding: 22px 0;
margin-bottom: 0;
}
.topbar{
height: 72px;
}
footer .footer-nortic .certifications{
margin-bottom: 20px;
}
.menu-grid a{
text-decoration: none;
}
.menu-grid > a:hover{
background-color: #f8f9fa;
}
.menu-grid h3 {
width: 100%;
display: flex;
justify-content: space-between;
text-decoration: none;
align-items: center;
}
.menu-grid h3 i{
font-size: 18px;
}
.list-submenu{
padding: 0;
}
.entry-content{
padding-top: 10px;
}
.menu-grid > a.show i{
transition: 0.2s;
transform: rotate(90deg);
}
.menu-dropdown > a i{
font-size: 18px;
transition: 0.2s;
transform: rotate(-90deg);
}
.menu-dropdown > a.show i{
transition: 0.2s;
transform: none;
}
.footer-bottom {
height: 128px;
}
.footer-light .footer-bottom-cont {
padding: 14px 0;
}
.footer-light .footer-top .footer-menu-list li span,
.footer-light .footer-top .footer-menu-list li a{
font-size: 12px;
line-height: 15px;
}
.footer-nortic {
border-bottom: none;
}
.footer-light .footer-top .footer-title {
margin-bottom: 10px;
}
.footer-light .footer-top {
padding: 0 0 26px;
height: 380px;
}
.footer-light .footer-top .footer-menu-list li:not(:last-child) {
margin-bottom: 6px;
}
.footer-light .footer-top .logo-cont::after {
content: none;
}
}
.nortic-seals img{
height: 100px;
width: 100px;
}
@media screen and (max-width: 428px){
.list-submenu .group-submenu {
display: block;
}
}
.footer-title{
font-size: 14px;
font-weight: 500;
}
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap");
body {
font-family: "Poppins", sans-serif;
}
:root {
--color-blue: #0087ff;
--color-blue-dark: #003670;
--color-blue-light: #80b3ff;
--color-red: #dc052d;
--color-pink: #ff6568;
--color-green: #2ecc71;
--color-gray: rgb(109, 109, 109);
--color-gray-light: #f3f3f3;
--color-orange: #ffba00;
--color-purple: #9370f0;
}
.bg-blue {
background-color: var(--color-blue-dark);
}
.bg-blue-light {
background-color: var(--color-blue-light);
}
.bg-red {
background-color: var(--color-red);
}
.bg-green {
background-color: var(--color-green);
}
.bg-gray {
background-color: var(--color-gray);
}
.bg-gray-light {
background-color: var(--color-gray-light);
}
.bg-orange {
background-color: var(--color-orange);
}
.text-blue {
color: var(--color-blue-dark);
}
.text-blue-light {
color: var(--color-blue-light);
}
.text-red {
color: var(--color-red);
}
.text-green {
color: var(--color-green);
}
.text-gray {
color: var(--color-gray);
}
.text-gray-light {
color: var(--color-gray-light);
}
.text-orange {
color: var(--color-orange);
}
.border-blue {
border-color: var(--color-blue-dark);
}
.border-blue-light {
border-color: var(--color-blue-light);
}
.border-red {
border-color: var(--color-red);
}
.border-green {
border-color: var(--color-green);
}
.border-gray {
border-color: var(--color-gray);
}
.border-gray-light {
border-color: var(--color-gray-light);
}
.border-orange {
border-color: var(--color-orange);
}
.btn {
padding: 10px 20px;
border-radius: 25px;
font-weight: 600;
border: none;
margin: 4px;
cursor: pointer;
background-color: white;
display: flex;
align-items: center;
gap: 4px;
}
.btn-grande {
padding: 18px;
border-radius: 50px;
font-weight: 600;
border: none;
margin: 4px;
cursor: pointer;
background-color: white;
display: flex;
align-items: center;
gap: 4px;
}
.btn:hover {
filter: brightness(90%);
}
.btn-blue {
background-color: var(--color-blue-dark);
color: white;
}
.btn-outline-blue {
color: var(--color-blue-dark);
border: 1px solid var(--color-blue-dark);
}
.btn-red {
background-color: var(--color-red);
color: white;
}
.btn-outline-red {
color: var(--color-red);
border: 1px solid var(--color-red);
}
.btn-green {
background-color: var(--color-green);
color: white;
}
.btn-outline-green {
color: var(--color-green);
border: 1px solid var(--color-green);
}
.btn-white {
background-color: white;
color: var(--color-blue-dark);
}
.btn-outline-white {
color: white;
border: 1px solid white;
}
.btn-black {
background-color: black;
color: white;
}
.btn-outline-black {
color: black;
border: 1px solid black;
}
.btn-link {
color: var(--color-blue-light);
}
.text-green {
color: var(--color-green);
}
.pop-up {
border: 2px solid var(--color-gray-light);
border-radius: 5px;
width: 400px;
box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
background-color: white;
}
.pop-up_title {
background-color: var(--color-gray-light);
border-radius: 5px 5px 0 0;
padding: 10px !important;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
margin-bottom: 10px;
box-shadow: 0px 2px 3px #00000033;
}
.pop-up_title button {
border: 2px solid var(--color-red);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
height: 25px;
width: 25px;
}
.pop-up_title .ri-close-line {
font-size: 20px;
cursor: pointer;
color: var(--color-red);
}
.pop-up_title h1,
h2,
h3,
h4,
p {
font-size: 14px;
font-weight: 400;
line-height: 16px
}
.pop-up_content {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
text-align: center;
}
.pop-up_content .title-md {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.pop-up_content p {
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
color: var(--color-gray);
}
.pop-up_footer {
border-top: 1px solid var(--color-blue-light);
margin: 20px;
padding: 20px;
text-align: center;
}
.pop-up_footer a {
text-align: center;
color: #5698fa;
}
.pop-up_logo {
max-width: 220px;
}
.pop-up_icon {
font-size: 64px;
}
.pop-up_container {
display: none;
}
.pop-up_container.active {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
z-index: 999;
}
.pop-up_container.active .pop-up {
animation: pop-up 0.25s ease-in-out;
}
@keyframes pop-up {
0% {
transform: scale(0.5);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.banner {
display: flex;
}
.banner_content.bg-blue-ligth {
background-color: #eff7ff;
}
.banner_content {
width: 60%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 150px;
color: var(--color-blue-dark);
gap: 20px;
background-color: white;
}
.banner.banner_info .banner_content {
width: 50%;
}
.banner.banner_info img {
width: 50%;
}
.banner_content h2 {
font-size: 46px;
font-weight: 600;
margin: 0;
}
.banner_content p {
font-size: 18px;
font-weight: 400;
}
.banner_image {
width: 40%;
}
.banner .search-bar {
max-width: unset;
width: 100%;
height: 40px;
}
.banner .search-bar input {
height: 50px;
}
.banner .search-bar button {
height: 50px;
width: 50px;
}
.counter {
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
margin-bottom: 20px;
}
.counter > div > h3 {
font-size: 56px;
font-weight: 200 !important;
}
.counter > div:nth-child(1) > h3 {
color: var(--color-green);
}
.counter > div:nth-child(3) > h3 {
color: var(--color-blue-light);
}
.counter > div:nth-child(5) > h3 {
color: var(--color-orange);
}
.banner_search {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 80vh;
gap: 20px;
color: white;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.2);
}
.banner_search h2 {
font-size: 40px;
}
.banner_search h3 {
font-size: 36px;
}
.banner_search .search-bar {
width: 40%;
position: relative;
}
.banner_search_action {
text-align: right;
width: 40%;
}
.banner_search_action a {
color: white;
border-bottom: 2px solid white;
}
.banner_menu {
display: flex;
justify-content: center;
gap: 16px;
padding: 30px;
}
.banner_menu a {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
color: var(--color-blue-dark);
font-weight: 500;
font-size: 14px;
}
.banner_menu a i {
font-size: 28px;
color: var(--color-gray);
}
.text-black {
color: black;
}
.font-medium {
font-weight: 400 !important;
}
.alert {
display: flex;
align-items: center;
gap: 10px;
padding: 10px;
border-radius: 5px;
justify-content: space-between;
}
.alert button {
border: none;
background-color: transparent;
cursor: pointer;
font-size: 16px;
font-weight: 500;
}
.alert.error {
background-color: var(--color-red);
color: white;
}
.alert button {
color: white;
}
.alert span {
display: flex;
align-items: center;
gap: 10px;
}
.alert span > i {
font-weight: 700;
padding: 2px;
font-size: 24px;
}
.alert.error span > i,
.alert.success span > i {
border: 3px solid white;
border-radius: 50%;
font-size: 16px;
}
.alert.warning {
background-color: var(--color-orange);
color: white;
}
.alert.success {
background-color: var(--color-green);
color: white;
}
.alert.info {
background-color: var(--color-blue);
color: white;
}
.alert {
max-width: 100%;
width: 500px;
transition: 0.3s;
}
.alert:hover {
box-shadow: 0px 3px 10px rgb(0 0 0 / 15%);
}
.alert.alert_large {
max-width: 100%;
width: 700px;
}
.alert.alert_small {
max-width: 100%;
width: 300px;
}
.extense-alert {
border-left: 10px solid;
padding: 30px 20px;
box-shadow: 0px 3px 10px rgb(0 0 0 / 15%);
width: 550px;
color: var(--color-gray);
font-size: 18px;
transition: 0.3s;
}
.extense-alert:hover {
box-shadow: 0px 3px 10px rgb(0 0 0 / 25%);
}
.extense-alert.red {
border-color: var(--color-red);
}
.extense-alert.yellow {
border-color: var(--color-orange);
}
.extense-alert.green {
border-color: var(--color-green);
}
.extense-alert.blue {
border-color: var(--color-blue);
}
.separator-horizontal {
width: 100%;
height: 2px;
background-color: var(--color-gray-light);
margin: 20px 0;
}
.separator-vertical {
width: 1px;
height: 100%;
background-color: var(--color-gray);
margin: 0 20px;
}
.separator-horizontal.border-ligth-blue {
background-color: var(--color-blue-light);
}
.tooltip {
width: fit-content;
position: relative;
}
.tooltip > span {
display: flex;
flex-direction: column;
}
.tooltip::after {
z-index: 99;
font-family: "remixicon" !important;
content: "\ee58";
color: var(--color-red);
font-size: 22px;
}
.tooltip .tooltip_content {
display: none;
flex-direction: column;
width: 300px;
box-shadow: 2px 2px 10px #00000024;
padding: 20px;
position: absolute;
border: 1px solid var(--color-gray);
border-radius: 5px;
left: 0;
top: 40px;
transition: 0.3s;
background-color: white;
z-index: 100;
}
.tooltip.right .tooltip_content {
left: unset;
right: -10px;
}
.tooltip:hover .tooltip_content {
display: flex;
}
.tooltip .tooltip_content .tooltip_title {
font-size: 16px;
color: var(--color-blue-dark);
border-bottom: 1px solid var(--color-gray);
padding-bottom: 12px;
margin-bottom: 12px;
}
.tooltip .tooltip_content p {
font-size: 14px;
font-weight: 400;
color: var(--color-gray);
}
.tooltip .tooltip_content::before {
content: " ";
border-left: 1px solid var(--color-gray);
border-top: 1px solid var(--color-gray);
width: 15px;
height: 15px;
position: absolute;
top: -8px;
left: 15px;
transform: rotate(45deg);
background-color: white;
}
.tooltip.right .tooltip_content::before {
left: unset;
right: 15px;
}
.step {
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
font-weight: bold;
width: 40px;
height: 40px;
border-radius: 50%;
margin: 4px;
}
.step.main {
background-color: var(--color-blue-dark);
color: white;
}
.step.inactive {
background-color: var(--color-gray-light);
color: var(--color-gray);
}
.step.check {
background-color: var(--color-green);
color: white;
}
.step.check::after {
font-family: "remixicon" !important;
content: "\EB7B";
}
.step.edit {
background-color: var(--color-blue);
color: white;
}
.step.edit::after {
font-family: "remixicon" !important;
content: "\EC85";
}
.step.waiting {
background-color: var(--color-orange);
color: white;
}
.step.waiting::after {
font-family: "remixicon" !important;
content: "\F20F";
font-size: 20px;
}
.step.paused {
background-color: var(--color-red);
color: white;
}
.step.paused::after {
font-family: "remixicon" !important;
content: "\EE59";
font-size: 20px;
}
.step.stanby {
background-color: var(--color-purple);
color: white;
}
.step.stanby::after {
font-family: "remixicon" !important;
content: "\EA81";
}
.badget {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 8px;
font-weight: bold;
border-radius: 14px;
margin: 4px;
width: fit-content;
min-width: 120px;
height: 30px;
position: relative;
cursor: pointer;
}
.badget.active {
background-color: var(--color-orange);
color: white;
}
.badget.inactive {
background-color: white;
border: 2px solid var(--color-red);
color: #313131;
}
.badget.option {
border: 2px solid rgb(226, 226, 226);
}
.badget.option > input {
display: none;
}
.badget.option:has(input:checked)::after {
content: "\EB99";
font-family: "remixicon" !important;
font-size: 10px;
color: var(--color-red);
border: 1px solid var(--color-red);
border-radius: 50%;
padding: 2px;
position: absolute;
right: 4px;
}
.icon-badge {
position: relative;
width: 20px;
height: 20px;
font-size: 20px;
color: var(--color-blue-dark);
}
.icon-badge > span {
background-color: red;
border: 2px solid white;
width: 20px;
height: 20px;
border-radius: 50%;
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
padding: 4px;
position: absolute;
right: -8px;
top: -8px;
}
.icon-badge.message::after {
font-family: "remixicon" !important;
content: "\EEF6";
}
.icon-badge.notification::after {
font-family: "remixicon" !important;
content: "\EF92";
}
.logo-card {
border: 1px solid var(--color-gray);
border-radius: 5px;
max-width: 400px;
}
.logo-card > div {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 20px;
}
.logo-card > div > img {
height: 80px;
}
.logo-card > div > p {
color: var(--color-gray);
}
.logo-card .logo-card_footer {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 20px;
background-color: gray;
color: white;
font-size: 14px;
font-weight: 600;
border-radius: 0 0% 4px 4px;
}
.acordeon .acordeon_content {
display: none;
}
.acordeon input[type="checkbox"] {
display: none;
}
.acordeon:has(input:checked) .acordeon_content {
display: block;
}
.acordeon .acordeon_title {
background-color: var(--color-blue-dark);
width: 100%;
display: block;
display: flex;
justify-content: space-between;
font-size: 20px;
padding: 8px;
color: white;
font-weight: 600;
align-items: center;
cursor: pointer;
}
.acordeon .acordeon_title::after {
font-family: "remixicon" !important;
content: "\EA4E";
font-size: 20px;
color: white;
}
.acordeon:has(input:checked) .acordeon_title::after {
font-family: "remixicon" !important;
content: "\EA78";
font-size: 20px;
color: white;
}
.acordeon .acordeon_content {
padding: 16px;
background-color: #f6faff;
border: 1px solid #c6ddff;
color: #313131;
}
.acordeon.short {
max-width: 500px;
}
.progress-container {
position: relative;
width: 300px;
height: 16px;
border-radius: 20px;
background-color: #e6e6e6;
z-index: 0;
}
.progress-bar {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0 14px;
border: 0;
height: 16px;
border-radius: 20px;
background-color: var(--color-blue);
z-index: 10;
color: white;
font-size: 12px;
}
.progress-bar[value="100"] {
background-color: var(--color-green);
}
.progress-bar[value="0"] {
background-color: #e6e6e6;
color: var(--color-gray);
padding: 0 24px;
}
.topbar.light {
background-color: white;
color: #313131;
}
.topbar.light .logo-text {
color: var(--color-blue-dark);
}
.nortic-A1 {
content: url(./images/sellos_A1_grey.svg);
filter: opacity(0.3);
}
.nortic-A1.obtained {
content: url(./images/sellos_A1.svg);
filter: opacity(1);
}
.nortic-A1.expired {
content: url(./images/sellos_A1_grey.svg);
filter: opacity(1);
}
.nortic-A2 {
content: url(./images/sellos_A2_grey.svg);
filter: opacity(0.3);
}
.nortic-A2.obtained {
content: url(./images/sellos_A2.svg);
filter: opacity(1);
}
.nortic-A2.expired {
content: url(./images/sellos_A2_grey.svg);
filter: opacity(1);
}
.nortic-A3 {
content: url(./images/sellos_A3_grey.svg);
filter: opacity(0.3);
}
.nortic-A3.obtained {
content: url(./images/sellos_A3.svg);
filter: opacity(1);
}
.nortic-A3.expired {
content: url(./images/sellos_A3_grey.svg);
filter: opacity(1);
}
.nortic-A4 {
content: url(./images/sellos_A4_grey.svg);
filter: opacity(0.3);
}
.nortic-A4.obtained {
content: url(./images/sellos_A4.svg);
filter: opacity(1);
}
.nortic-A4.expired {
content: url(./images/sellos_A5_grey.svg);
filter: opacity(1);
}
.nortic-A5 {
content: url(./images/sellos_A5_grey.svg);
filter: opacity(0.3);
}
.nortic-A5.obtained {
content: url(./images/sellos_A5.svg);
filter: opacity(1);
}
.nortic-A5.expired {
content: url(./images/sellos_A5_grey.svg);
filter: opacity(1);
}
.nortic-A6 {
content: url(./images/sellos_A6_grey.svg);
filter: opacity(0.3);
}
.nortic-A6.obtained {
content: url(./images/sellos_A6.svg);
filter: opacity(1);
}
.nortic-A6.expired {
content: url(./images/sellos_A6_grey.svg);
filter: opacity(1);
}
.nortic-A7 {
content: url(./images/sellos_A7_grey.svg);
filter: opacity(0.3);
}
.nortic-A7.obtained {
content: url(./images/sellos_A7.svg);
filter: opacity(1);
}
.nortic-A7.expired {
content: url(./images/sellos_A7_grey.svg);
filter: opacity(1);
}
.nortic-B1 {
content: url(./images/sellos_B1_grey.svg);
filter: opacity(0.3);
}
.nortic-B1.obtained {
content: url(./images/sellos_B1.svg);
filter: opacity(1);
}
.nortic-B1.expired {
content: url(./images/sellos_B1_grey.svg);
filter: opacity(1);
}
.nortic-E1 {
content: url(./images/sellos_E1_grey.svg);
filter: opacity(0.3);
}
.nortic-E1.obtained {
content: url(./images/sellos_E1.svg);
filter: opacity(1);
}
.nortic-E1.expired {
content: url(./images/sellos_E1_grey.svg);
filter: opacity(1);
}
.aenor {
content: url(./images/AENOR.svg);
}
.iqnet {
content: url(./images/certified_IQNet.svg);
}
.footer-dark .footer-top {
background-color: #003670;
padding: 43px 0 83px;
}
.footer-dark .footer-top .logo-cont {
height: 100%;
position: relative;
}
.footer-dark .footer-top .logo-cont::after {
position: absolute;
display: block;
content: "";
width: 1px;
height: 100%;
right: 90px;
top: 0;
background-color: #d8d8d8;
}
.footer-dark .footer-top .footer-title {
text-transform: uppercase;
color: #fff;
margin-bottom: 32px;
}
.footer-dark .footer-top .footer-menu-list li a {
color: #fff;
line-height: 20px;
font-size: 14px;
}
.footer-dark .footer-top .footer-menu-list li a:hover {
opacity: 0.8;
}
.footer-dark .footer-top .footer-menu-list li:not(:last-child) {
margin-bottom: 12px;
}
.footer-dark .footer-top .footer-menu-list li span {
color: #fff;
line-height: 20px;
font-size: 14px;
}
.footer-dark .footer-bottom-cont {
padding: 30px 0;
color: #003670;
display: flex;
justify-content: space-between;
}
.footer-dark .footer-bottom-cont .date,
.footer-dark .footer-bottom-cont .logo {
font-size: 14px;
display: inline-flex;
align-items: center;
font-weight: 500;
}
.footer-dark .footer-bottom-cont .logo {
display: inline-flex;
align-items: center;
}
.footer-dark .footer-bottom-cont .logo img {
margin-left: 8px;
}
.footer-dark .footer-bottom-right {
display: flex;
align-items: center;
}
.footer-dark .footer-bottom-right .follow-text {
margin-right: 8px;
font-size: 14px;
font-weight: 600;
}
.footer-dark .footer-bottom-right .follow-icons {
display: grid;
grid-auto-flow: column;
grid-column-gap: 16px;
}
.footer-dark .footer-bottom-right .follow-icons a {
color: #003670;
}
@media screen and (max-width: 768px) {
.footer-dark .footer-top .row > div {
margin-top: 30px;
}
.footer-dark .footer-bottom-cont {
flex-direction: column;
align-items: center;
gap: 15px;
text-align: center;
}
}
@media screen and (max-width: 1200px) {
.footer-dark .footer-top .logo-cont img {
max-width: 180px;
}
.footer-dark .footer-top .logo-cont::after {
right: 0 !important;
}
}
.footer-nortic {
align-items: center;
border-bottom: 1px solid #cccccc;
padding: 30px 0;
}
.footer-light .footer-top {
background-color: white;
padding: 43px 0 83px;
border-bottom: 1px solid #d3d3d3;
}
.footer-light .footer-top .logo-cont {
height: 100%;
position: relative;
}
.footer-light .footer-top .logo-cont::after {
position: absolute;
display: block;
content: "";
width: 1px;
height: 100%;
right: 90px;
top: 0;
background-color: #d3d3d3;
}
.footer-light .footer-top .footer-title {
text-transform: uppercase;
color: #003876;
margin-bottom: 32px;
}
.footer-light .footer-top .footer-menu-list li a {
color: #003876;
line-height: 20px;
font-size: 14px;
}
.footer-light .footer-top .footer-menu-list li a:hover {
opacity: 0.8;
}
.footer-light .footer-top .footer-menu-list li:not(:last-child) {
margin-bottom: 12px;
}
.footer-light .footer-top .footer-menu-list li span {
color: #003876;
line-height: 20px;
font-size: 14px;
}
.footer-light .footer-bottom {
background-color: #003670;
}
.footer-light .footer-bottom-cont {
padding: 30px 0;
color: #fff;
display: flex;
justify-content: space-between;
}
.footer-light .footer-bottom-cont .date,
.footer-light .footer-bottom-cont .logo {
font-size: 14px;
display: inline-flex;
align-items: center;
font-weight: 500;
}
.footer-light .footer-bottom-cont .logo {
display: inline-flex;
align-items: center;
}
.footer-light .footer-bottom-cont .logo img {
margin-left: 8px;
}
.footer-light .footer-bottom-right {
display: flex;
align-items: center;
}
.footer-light .footer-bottom-right .follow-text {
margin-right: 8px;
font-size: 14px;
font-weight: 600;
margin-bottom: 13px;
}
.footer-light .footer-bottom-right .follow-icons {
display: grid;
grid-auto-flow: column;
grid-column-gap: 16px;
}
.footer-light .footer-bottom-right .follow-icons a {
color: white;
}
@media screen and (max-width: 768px) {
.footer-light .footer-top .row > div {
margin-top: 30px;
}
.footer-light .footer-bottom-cont {
flex-direction: column;
align-items: center;
gap: 15px;
text-align: center;
}
}
@media screen and (max-width: 1200px) {
.footer-light .footer-top .logo-cont img {
max-width: 180px;
}
.footer-light .footer-top .logo-cont::after {
right: 0 !important;
}
}
.card.top::before {
position: absolute;
top: 0;
left: 0;
content: " ";
background-color: #dc052d;
width: 100%;
height: 3px;
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.card.green::before {
background-color: #5cc653;
}
.card.orange::before {
background-color: #ff941f;
}
.card.blue::before {
background-color: #003670;
}
.card.lightblue::before {
background-color: #00cbff;
}
.card-image::before {
content: " ";
background-color: #dc052d;
width: 100%;
height: 3px;
position: absolute;
top: 0;
}
.card.green .card-category-top,
.card.green .card-category {
background-color: #5cc653;
}
.card.orange .card-category-top,
.card.orange .card-category {
background-color: #ff941f;
}
.card.lightblue .card-category-top,
.card.lightblue .card-category {
background-color: #00cbff;
}
.card.blue .card-category-top,
.card.blue .card-category {
background-color: #003670;
}
.card {
color: #002f6c;
position: relative;
}
.card h3 {
font-size: 21px;
}
.card-title {
font-weight: bold;
}
.card .card-text {
margin-bottom: 15px;
}
.card .card-link {
text-decoration: underline;
color: #0087ff;
}
.card-category {
color: white;
padding: 8px;
border-radius: 50px;
text-align: center;
}
.card-category-top {
position: absolute;
padding: 8px;
border-radius: 50px;
left: 50%;
transform: translate(-50%, -49%);
margin: 0 auto;
color: white;
}
.card-header {
background-color: white;
}
.card-footer {
font-weight: bold;
padding: 15px;
background-color: white;
}
.card-subtitle {
margin-bottom: 10px;
}
.card.card-dark {
background-color: #003670;
color: white;
}
.card-dark::before,
.card-light::before {
content: "";
display: none;
}
.slider {
border-radius: 12px;
border: 1px solid #003670;
width: 25%;
text-align: center;
color: #003670;
padding: 160px 40px;
transition: 300ms;
min-height: 454px;
max-height: 454px;
cursor: pointer;
}
.slider:nth-child(2) {
margin: 0 26px;
}
.slide-icon {
font-size: 24px;
margin-bottom: 20px;
}
.slide-title {
font-size: 24px;
font-weight: 500;
margin-bottom: 20px;
}
.slide-text {
font-size: 16px;
display: none;
line-height: 26px;
position: relative;
}
.slider.active {
background-color: #003670;
padding: 160px 48px 96px;
color: #fff;
width: 50%;
text-align: left;
box-shadow: 15px 15px 30px #001429 24;
}
.slider.active .slide-text {
opacity: 0.7;
display: block;
animation: slideUp 700ms cubic-bezier(0.47, 0, 0.75, 0.72) 75ms normal
backwards;
}
@keyframes slideUp {
0% {
bottom: -50px;
opacity: 0;
}
50% {
bottom: 0px;
opacity: 1;
}
to {
bottom: 0px;
opacity: 1;
}
}
.slider-control {
position: absolute;
display: flex;
bottom: -50px;
transform: translateX(-50%);
left: 50%;
}
.slider-control span {
width: 10px;
height: 10px;
background-color: #003670;
border-radius: 50px;
margin: 0 8px;
opacity: 0.7;
cursor: pointer;
}
.slider-control span.active {
opacity: 1;
}
@media screen and (max-width: 1024px) {
.slid {
flex-direction: column;
gap: 15px;
}
.slider {
width: 100% !important;
text-align: center !important;
margin: 0 !important;
padding: 30px 20px !important;
min-height: auto;
}
}
.carousel-indicators [data-bs-target] {
height: 10px;
width: 10px;
border-radius: 50%;
background-color: #c7c7c7;
}
.carousel-indicators [data-bs-target].active {
background-color: #397ff5;
}
.quote-box {
background-color: #f8f8f8;
padding: 20px;
padding-bottom: 50px;
}
.quote-box .quote-img {
border-radius: 50%;
border: 3px solid #0064d2;
height: 80px;
width: 80px;
}
.quote-header {
margin: 10px;
}
.quote-title {
font-weight: bold;
}
.quote-subtitle {
margin-top: 10px;
}
img.quotes {
content: url(./images/quotes.png);
width: 15px;
height: 15px;
margin: 0 10px 0 0;
}
.quote-body {
padding: 20px;
}
.card.quote {
border-radius: 0;
border: none;
background-color: #f8f8f8;
}
*:not(.input-group) input[type="text"],
select,
.form-select,
textarea {
border-radius: 3px !important;
}
input[type="text"]:not([disabled]):hover,
select:not([disabled]):not(:focus):hover {
background-color: #eff7ff;
border-color: #9fd0fd;
}
.was-validated input[type="text"]:invalid,
.was-validated select:invalid {
background-color: #ffeeed;
border-color: #ee2a24;
}
#text_count {
margin-top: 10px;
color: #929292;
}
option:hover {
background-color: #e5f1fc;
}
.datepicker {
display: none;
}
.datepicker.active {
display: block;
}
.datepicker-dropdown {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
padding-top: 4px;
}
.datepicker-dropdown.datepicker-orient-top {
padding-top: 0;
padding-bottom: 4px;
}
.datepicker-picker {
display: inline-block;
border-radius: 0.25rem;
background-color: #fff;
}
.datepicker-dropdown .datepicker-picker {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.datepicker-picker span {
display: block;
flex: 1;
border: 0;
border-radius: 0.25rem;
cursor: default;
text-align: center;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.datepicker-main {
padding: 2px;
}
.datepicker-footer {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
background-color: #f8f9fa;
}
.datepicker-grid,
.datepicker-view .days-of-week,
.datepicker-view,
.datepicker-controls {
display: flex;
min-height: 30px;
}
.datepicker-grid {
flex-wrap: wrap;
}
.datepicker-view .days .datepicker-cell,
.datepicker-view .dow {
flex-basis: 14.2857142857%;
}
.datepicker-view.datepicker-grid .datepicker-cell {
flex-basis: 25%;
}
.datepicker-cell,
.datepicker-view .week {
height: 2.25rem;
line-height: 2.25rem;
}
.datepicker-title {
box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1);
background-color: #f8f9fa;
padding: 0.375rem 0.75rem;
text-align: center;
font-weight: 700;
}
.datepicker-header .datepicker-controls {
padding: 2px 2px 0;
margin: 15px 0;
}
.datepicker-controls .btn {
border-color: #f8f9fa;
background-color: #fff;
border: none;
}
.datepicker-controls .btn:hover {
border-color: #dae0e5;
background-color: #e2e6ea;
color: #000;
}
.datepicker-controls .btn:focus {
border-color: #dae0e5;
box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
background-color: #e2e6ea;
color: #000;
}
.datepicker-controls .btn:disabled {
border-color: #f8f9fa;
background-color: #f8f9fa;
color: #000;
}
.datepicker-controls .btn:not(:disabled):active {
border-color: #d3d9df;
background-color: #dae0e5;
color: #000;
}
.datepicker-controls .btn:not(:disabled):active:focus {
box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.datepicker-header .datepicker-controls .btn {
border-color: transparent;
font-weight: bold;
}
.datepicker-footer .datepicker-controls .btn {
margin: calc(0.375rem - 1px) 0.375rem;
border-radius: 0.2rem;
width: 100%;
font-size: 0.875rem;
}
.datepicker-controls .view-switch {
flex: auto;
border: none;
background-color: #fff;
color: #204064;
font-weight: bold;
font-size: 18px;
}
.datepicker-controls .prev-btn,
.datepicker-controls .next-btn {
padding-right: 0.375rem;
padding-left: 0.375rem;
width: 2.25rem;
border: none;
color: #204064;
background-color: #fff;
font-size: 25px;
}
.datepicker-controls .prev-btn.disabled,
.datepicker-controls .next-btn.disabled {
visibility: hidden;
}
.datepicker-view .dow {
height: 1.5rem;
line-height: 1.5rem;
font-size: 0.9375rem;
font-weight: 700;
color: #707070;
}
.datepicker-view .week {
width: 2.25rem;
color: #dee2e6;
font-size: 0.875rem;
}
@media (max-width: 22.5rem) {
.datepicker-view .week {
width: 1.96875rem;
}
}
.datepicker-grid {
width: 15.75rem;
}
@media (max-width: 22.5rem) {
.calendar-weeks + .days .datepicker-grid {
width: 13.78125rem;
}
}
.datepicker-cell:not(.disabled):hover {
background-color: #f9f9f9;
cursor: pointer;
}
.datepicker-cell.selected,
.datepicker-cell.selected:hover {
background-color: #0087ff;
color: #fff;
font-weight: 600;
border-radius: 50%;
}
.datepicker-cell.disabled {
color: #adb5bd;
}
.datepicker-cell.prev:not(.disabled),
.datepicker-cell.next:not(.disabled) {
color: #e4e4e4;
}
.datepicker-cell.prev.selected,
.datepicker-cell.next.selected {
color: #e6e6e6;
}
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
border-radius: 0;
background-color: #f8f9fa;
}
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
background-color: #f1f3f5;
}
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
background-color: #e2e6ea;
}
.datepicker-cell.today:not(.selected) {
color: #000;
background-color: #e2e6ea;
border-radius: 50%;
}
.datepicker-cell.today:not(.selected):not(.disabled) {
color: #000;
}
.datepicker-cell.today.focused:not(.selected) {
color: #000;
background-color: #e2e6ea;
border-radius: 50%;
}
.datepicker-cell.range-end:not(.selected),
.datepicker-cell.range-start:not(.selected) {
background-color: #6c757d;
color: #fff;
}
.datepicker-cell.range-end.focused:not(.selected),
.datepicker-cell.range-start.focused:not(.selected) {
background-color: #666f76;
}
.datepicker-cell.range-start {
border-radius: 0.25rem 0 0 0.25rem;
}
.datepicker-cell.range-end {
border-radius: 0 0.25rem 0.25rem 0;
}
.datepicker-cell.range {
border-radius: 0;
background-color: #e9ecef;
}
.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
background-color: #e2e6ea;
}
.datepicker-cell.range.disabled {
color: #cbd3da;
}
.datepicker-cell.range.focused {
background-color: #dadfe4;
}
.datepicker-view.datepicker-grid .datepicker-cell {
height: 4rem;
line-height: 4rem;
}
.datepicker-input.in-edit {
border-color: #6da8fe;
}
.datepicker-input.in-edit:focus,
.datepicker-input.in-edit:active {
box-shadow: 0 0 0.25em 0.25em rgba(109, 168, 254, 0.2);
}
.custom-select {
position: relative;
font-family: Arial;
}
.custom-select select.form-select {
display: none;
}
.form-select.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
top: 7px;
}
.select-items div {
padding: 15px;
border-bottom: 1px solid #ced4da;
border-right: 1px solid #ced4da;
border-left: 1px solid #ced4da;
border-collapse: collapse;
}
.select-items {
position: absolute;
background-color: white;
top: 100%;
left: 0;
right: 0;
z-index: 99;
}
.select-hide {
display: none;
}
.select-items div:hover,
.same-as-selected {
background-color: #e5f1fc;
}
.input-group-number-buttons {
display: flex;
flex-direction: column;
}
.input-group-number-buttons button {
padding: 0;
border: 1px solid;
border-collapse: collapse;
border-radius: 3px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-color: #e2e2e2;
height: 100%;
color: #b1b1b1;
cursor: pointer;
line-height: 0;
margin: 0;
}
.input-group-number-buttons button:nth-of-type(1) {
border-bottom-left-radius: 0;
margin-bottom: -1px;
}
.input-group-number-buttons button:nth-of-type(2) {
border-top-left-radius: 0;
}
.input-group
> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left: -1px;
border-radius: 3px !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
input.multiple{
height: fit-content;
}
.multiple-select-container{
align-items: center;
}
.multiple-select-container #multipleSelectButton{
background-color: #2ecc71;
width: 45px;
border-radius: 50% !important;
aspect-ratio: 1/1;
z-index: 5;
border: none;
padding: inherit;
justify-content: center;
font-size: 19px;
font-weight: normal;
}
.multiple-select-container input{
height: fit-content;
margin-right: -15px;
}
.footer-title{
font-size: 14px;
font-weight: 500;
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}*,:after,:before{box-sizing:border-box}body{font-family:Poppins,sans-serif}::-webkit-input-placeholder{font-family:Poppins,sans-serif}::-moz-placeholder{font-family:Poppins,sans-serif}:-ms-input-placeholder{font-family:Poppins,sans-serif}:-moz-placeholder{font-family:Poppins,sans-serif}.container{margin:0 auto;max-width:1438px;padding-left:.75rem;padding-right:.75rem}.topbar{background-color:#003670;position:-webkit-sticky;position:sticky;top:0;z-index:100}.topbar-cont{height:60px;justify-content:space-between}.topbar-cont,.topbar-right,.topbar-right .menu{align-items:center;display:flex}.topbar-right .menu{margin-right:30px}.topbar-right .menu-item{color:#fff;font-size:14px;font-weight:500;line-height:21px;padding:0 15px}.topbar-right .menu-item.active{position:relative}.topbar-right .menu-item.active:before{background-color:#fff;content:"";display:block;height:3px;left:0;position:absolute;top:-88%;width:100%}.topbar-right .lang-select{padding-left:30px;position:relative}.topbar-right .lang-select:before{background-color:hsla(0,0%,100%,.43);content:"";display:block;height:60px;left:-10px;position:absolute;top:-23px;width:1px}.topbar-right .lang-select a{align-items:center;color:#fff;display:flex;font-size:14px;text-decoration:none}.topbar-right .lang-select a img{height:8px;margin-bottom:1px}.topbar-right .lang-select a span{padding:0 10px}.topbar
.logo-icon:before{background-color:hsla(0,0%,100%,.43);content:"";display:block;height:50px;position:absolute;right:-10px;top:-10px;width:1px}
.logo-icon{margin-right:20px;position:relative}
.logo{display:flex}.topbar .topbar .topbar .logo-icon img{height:30px}
.topbar .logo-text{color:#fff;font-size:16px}
.topbar .logo-text>span{font-weight:700}
@media screen and (max-width:428px){.topbar-right .menu{display:none}.topbar-right .lang-select:before{left:5px}}.main-menu{background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);height:72px;position:-webkit-sticky;position:sticky;top:60px;z-index:99}.main-menu .container{height:100%}.main-menu .menu-toggle{display:none}.main-menu-cont{align-items:center;display:flex;height:100%;justify-content:space-between}.main-menu-cont .menu{display:flex}.main-menu-cont .menu-item{color:#003670;font-size:14px;font-weight:500;letter-spacing:.9px;margin-right:15px;text-decoration:none}.main-menu-cont .menu-item.active,.main-menu-cont .menu-item:hover{color:#dc052d}.main-menu-cont .menu .tab-menu{display:none}@media screen and (max-width:1024px){.main-menu-cont .menu-item{font-size:13px;font-weight:600;letter-spacing:.5px}}
@media screen and (max-width:767px){
.main-menu{height:65px;z-index:97}
.main-menu .menu-toggle{border:1px solid #003670;border-radius:6px;color:#003670;display:block;font-size:23px;padding:5px 6px 2px}
.main-menu .menu{display:none}
.main-menu .menu .tab-menu{display:flex;justify-content:center;padding:10px 0}
.main-menu .menu .tab-menu>a{padding:10px 8px!important}
.main-menu .menu .tab-menu>a.current{background-color:#003670;border-radius:6px;color:#fff}
.main-menu .menu.visible{background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);display:grid;gap:7px;left:0;padding:10px 20px;position:absolute;top:65px;width:100%}
.main-menu .menu.visible a{padding:10px 0}}
.search-bar{max-width:284px;position:relative}
.search-bar-toggle{background-color:#dc052d;border:0;border-radius:50px;color:#fff;display:none;height:40px;line-height:40px;width:40px}
@media screen and (max-width:1024px){
.search-bar-toggle{align-items:center;display:flex;justify-content:center}
.search-bar input{bottom:0;opacity:0;padding:11px 23px!important;pointer-events:none;position:absolute;right:0;transition:.3s;width:205px!important}
.search-bar input.visible{bottom:-48px;opacity:1;pointer-events:all}
.search-bar button {
background-color: #dc052d;
border: 0;
border-radius: 50px;
color: #fff;
cursor: pointer !important;
height: 40px;
line-height: 40px;
position: absolute;
right: 0;
top: 0;
width: 40px !important;
z-index: 900;
}}
@media screen and (max-width:428px){
.search-bar{flex-grow:1;max-width:300px}
.search-bar button,.search-bar input{display:block;opacity:1;pointer-events:all;position:static}
.search-bar input{width:100%!important}
.search-bar-toggle{display:none}}
.search-bar input{border:1px solid #98b4d4;border-radius:50px;height:40px;padding:11px 50px 11px 23px;width:100%}
.search-bar button{background-color:#dc052d;border:0;border-radius:50px;color:#fff;cursor:pointer;height:40px;line-height:40px;position:absolute;right:0;top:0;width:40px}
.search-bar button:hover{opacity:.8}
.search-bar button i{font-size:18px}
.search-bar button span{font-size:0;line-height:0}
.search-bar.gray-search input{border:1px solid #1e3a8a}
.search-bar.gray-search button{background-color:#003670;color:#fff}
.search-full{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:.3s;width:100%;z-index:100}
.search-full.visible{background-color:#878787e3;opacity:1;pointer-events:all}
.search-full-cont{min-width:75%;position:relative}
.search-full-cont input{border:1px solid #003670;border-radius:50px;font-size:18px;height:75px;padding:25px 75px 25px 35px;width:100%}
.search-full-cont:after{align-items:center;background-image:url(../../images/search-icon.svg);background-repeat:no-repeat;background-size:cover;content:"";display:block;height:75px;justify-content:center;position:absolute;right:0;top:0;width:75px}
.main-hero{align-items:center;background-color:#eef5ff;display:flex;height:500px}
.main-hero .hero-cont{align-items:center;display:flex;justify-content:space-between}
.main-hero .hero-text{max-width:780px}
.main-hero .hero-text .hero-title{color:#003670;font-size:58px;font-weight:500;line-height:68px;margin-bottom:32px}
.main-hero .hero-text .hero-title span{color:#dc052d}
.main-hero .hero-text .hero-subtitle{color:#003670;font-size:18px;line-height:32px;margin-bottom:32px;opacity:.8}
.main-hero .hero-img img{height:550px;max-width:100%;width:100%}
@media screen and (max-width:1024px){
.main-hero .hero-text .hero-title{font-size:48px;line-height:50px;margin-bottom:25px}}
@media screen and (max-width:768px){
.main-hero{height:auto;margin-bottom:80px;padding:40px 0}
.main-hero .hero-cont{flex-direction:column}
.main-hero .hero-text{text-align:left}
.main-hero .hero-text .hero-title{font-size:35px;line-height:40px;margin-bottom:25px}
.main-hero .hero-text .hero-subtitle{font-size:16px;line-height:28px}
.main-hero .hero-img{filter:drop-shadow(2px 4px 50px #0014291a);margin-bottom:-204px}
.main-hero .hero-img img{height:360px}}
.section-values{padding:160px 0}
.section-values .values-title{color:#003670;font-size:48px;font-weight:500;line-height:58px;margin-bottom:26px}
.section-values .values-title span{font-weight:600}
.section-values .values-subtitle{color:#969696;font-size:16px;line-height:28px}
.section-values .values-slider{position:relative}
.section-values .values-slider .slider{display:flex}
.section-values .values-slider .slide{border:1px solid #003670;border-radius:12px;color:#003670;cursor:pointer;max-height:454px;min-height:454px;padding:160px 40px;text-align:center;transition:.3s;width:25%}.section-values .values-slider .slide:nth-child(2){margin:0 26px}.section-values .values-slider .slide-icon{font-size:24px;margin-bottom:20px}.section-values .values-slider .slide-title{font-size:24px;font-weight:500;margin-bottom:20px}.section-values .values-slider .slide-text{display:none;font-size:16px;line-height:26px;position:relative}.section-values .values-slider .slide.active{background-color:#003670;box-shadow:15px 15px 30px #00142924;color:#fff;padding:160px 48px 96px;text-align:left;width:50%}.section-values .values-slider .slide.active .slide-text{-webkit-animation:slideUp .7s cubic-bezier(.47,0,.75,.72) 75ms normal backwards;animation:slideUp .7s cubic-bezier(.47,0,.75,.72) 75ms normal backwards;display:block;opacity:.7}@-webkit-keyframes slideUp{0%{bottom:-50px;opacity:0}50%{bottom:0;opacity:1}to{bottom:0;opacity:1}}@keyframes slideUp{0%{bottom:-50px;opacity:0}50%{bottom:0;opacity:1}to{bottom:0;opacity:1}}.section-values .values-slider .slider-control{bottom:-50px;display:flex;left:50%;position:absolute;transform:translateX(-50%)}.section-values .values-slider .slider-control span{background-color:#003670;border-radius:50px;cursor:pointer;height:10px;margin:0 8px;opacity:.7;width:10px}.section-values .values-slider .slider-control span.active{opacity:1}@media screen and (max-width:1024px){.section-values .values-slider .slider{flex-direction:column;gap:15px}.section-values .values-slider .slide{margin:0!important;min-height:auto;padding:30px 20px!important;text-align:center!important;width:100%!important}}@media screen and (max-width:768px){.section-values .values-title{font-size:30px;line-height:38px}.section-values .values-subtitle{font-size:14px;line-height:22px;margin-bottom:30px;max-width:350px}.section-values .values-slider .slide-icon,.section-values .values-slider .slide-text,.section-values .values-slider .slide-title{font-size:16px}}.action-tabs{padding-bottom:160px;padding-top:50px}.action-tabs-title{color:#fff;font-size:48px;font-weight:500;line-height:58px;margin-bottom:26px}.action-tabs-title span{font-weight:600}.action-tabs-subtitle{color:#fff;font-size:16px;line-height:28px;opacity:.7}.action-tabs-cont{background-color:#003670;border-radius:12px;box-shadow:0 15px 50px #00152c0f;padding:100px 38px;position:relative}.action-tabs-cont>.row{display:none}.action-tabs-cont>.row.visibleTab{display:flex}.action-tabs-cont .tab-control{background-color:#fff;border-radius:8px;box-shadow:0 3px 20px #00000029;position:absolute;top:-34px}.action-tabs-cont .tab-control span{color:#003670;cursor:pointer;display:inline-block;font-size:20px;font-weight:600;padding:27px 36px}.action-tabs-cont .tab-control span:not(:last-child){border-right:1px solid #eaeaea}.action-tabs-cont .action-buttons a{align-items:center;background-color:#fff;border-radius:6px;color:#003670;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:41px 16px;text-align:center}.action-tabs-cont .action-buttons a i{font-size:60px;margin-bottom:30px}.action-tabs-cont .action-buttons a span{line-height:24px;max-width:160px}@media screen and (max-width:768px){.action-tabs{padding-bottom:80px}.action-tabs-title{font-size:38px;line-height:40px}.action-tabs-subtitle{font-size:16px;line-height:24px;margin-bottom:30px}.action-tabs-cont .tab-control span{font-size:16px;padding:24px 32px}.action-tabs-cont .action-buttons a{padding:26px 16px}}@media screen and (max-width:428px){.action-tabs-cont .tab-control span{font-size:14px;padding:22px 20px}.action-tabs-cont .action-buttons .col-md-4{margin-bottom:15px}.action-tabs-cont .action-buttons a i{font-size:40px}}.section-components{margin-bottom:160px}.section-components .components-title{color:#003670;font-size:48px;font-weight:500;line-height:58px;margin-bottom:26px}.section-components .components-title span{font-weight:600}.section-components .components-subtitle{color:#969696;font-size:16px;line-height:28px;margin-bottom:45px}.section-components .row{justify-content:center}.section-components img{max-width:450px;width:100%}@media screen and (max-width:768px){.section-components{margin-bottom:110px}.section-components .components-title{font-size:35px;line-height:40px}.section-components .image{display:none}.section-components .row{flex-direction:column-reverse}}.footer-dark .footer-top{background-color:#003670;padding:43px 0 83px}.footer-dark .footer-top .logo-cont{height:100%;position:relative}.footer-dark .footer-top .logo-cont:after{background-color:#d8d8d8;content:"";display:block;height:100%;position:absolute;right:90px;top:0;width:1px}.footer-dark .footer-top .footer-title{color:#fff;margin-bottom:32px;text-transform:uppercase}.footer-dark .footer-top .footer-menu-list li a{color:#fff;font-size:14px;line-height:20px}.footer-dark .footer-top .footer-menu-list li a:hover{opacity:.8}.footer-dark .footer-top .footer-menu-list li:not(:last-child){margin-bottom:12px}.footer-dark .footer-top .footer-menu-list li span{color:#fff;font-size:14px;line-height:20px}.footer-dark .footer-bottom-cont{color:#003670;display:flex;justify-content:space-between;padding:30px 0}.footer-dark .footer-bottom-cont .date,.footer-dark .footer-bottom-cont
.footer-dark .footer-bottom-cont
.footer-dark .footer-bottom-cont
.footer-dark .footer-bottom-right{align-items:center;display:flex}
.footer-dark .footer-bottom-right .follow-text{font-size:14px;font-weight:600;margin-right:8px}
.footer-dark .footer-bottom-right .follow-icons{grid-column-gap:16px;display:grid;grid-auto-flow:column}.footer-dark .footer-bottom-right .follow-icons a{color:#003670}@media screen and (max-width:768px){.footer-dark .footer-top .row>div{margin-top:30px}.footer-dark .footer-bottom-cont{align-items:center;flex-direction:column;gap:15px;text-align:center}}@media screen and (max-width:1200px){.footer-dark .footer-top .logo-cont img{max-width:180px}.footer-dark .footer-top .logo-cont:after{right:0!important}}.btn{border-radius:50px;display:inline-block;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;padding:12px 32px;text-transform:uppercase;transition:.3s}.btn.btn-blue{background-color:#003670;color:#fff}.btn.btn-blue:hover{background-color:#1e3a8a}.dropdown-simple{position:relative}.dropdown-simple .active{color:#003670;cursor:pointer;display:inline-flex;font-weight:500}.dropdown-list{background-color:#fff;border-radius:6px;box-shadow:0 3px 30px rgba(0,0,0,.08);display:none;padding:20px 12px;position:absolute;right:0;top:30px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.dropdown-list.show{display:block}.dropdown-list a{color:#262626!important;display:block;font-size:14px;font-weight:300}.dropdown-list a+a{margin-top:16px}pre{display:contents;margin:0}.select2-container--default .select2-selection--single{border-radius:16px;height:38px}.select2-container--default .select2-selection--single .select2-selection__rendered{font-size:14px;line-height:38px;padding:0 14px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:38px;right:8px}code{background-color:#f8f8f8!important;border:1px solid transparent;border-radius:6px;display:block;font-family:Consolas,Monaco,monospace;font-size:10pt;overflow-x:auto;padding:.5em;scrollbar-width:thin;-moz-tab-size:4;-o-tab-size:4;tab-size:4}code:hover{border:1px solid #00367025}pre code.hljs{padding:16px 30px 20px}.breadcrumbs{background-color:#eef5ff;padding:18px 0}.breadcrumbs-cont{align-items:center;display:flex;justify-content:space-between}.breadcrumbs .page-title,.breadcrumbs .path{color:#003670;font-weight:500;text-transform:capitalize}.breadcrumbs .path{font-size:14px}.breadcrumbs .path a{color:#595959}.list-submenu{border-right:1px solid #ebebeb;padding:84px 0}.list-submenu .search-category-cont{display:none}@media screen and (max-width:428px){.list-submenu{padding:24px 0 0}.list-submenu .search-bar{display:none}.list-submenu ul li a{font-size:12px}.list-submenu .search-category-cont{display:block}}@media screen and (max-width:769px){.list-submenu .group-submenu ul li a{font-size:12px!important}}.list-submenu .search-bar{margin-bottom:52px}.list-submenu .group-submenu{margin-bottom:24px}@media screen and (max-width:428px){.list-submenu .group-submenu{display:none}}.list-submenu .group-submenu-title{border-bottom:1px solid #dbdbdb;color:#acacac;font-size:13px;margin-bottom:18px;padding:8px 0}.list-submenu .group-submenu ul li{padding:12px 0;position:relative}.list-submenu .group-submenu ul li.active{border-right:3px solid #003670}.list-submenu .group-submenu ul li.active:after{background-color:#eef5ff;content:"";display:block;height:100%;position:absolute;right:0;top:0;width:200%}.list-submenu .group-submenu ul li.active a{color:#003670;font-weight:500}.list-submenu .group-submenu ul li a{color:#595959;display:block;font-size:14px;position:relative;z-index:1}.entry-content{max-width:790px;padding:84px 0}@media screen and (max-width:428px){.entry-content{padding:42px 0}}.entry-content.full-w,.entry-content>img{max-width:100%}.entry-content .entry-title{color:#003670;font-size:28px;font-weight:500;margin-bottom:24px}.entry-content .entry-subtitle{color:#003670;font-size:24px;font-weight:500;line-height:32px;margin-bottom:24px}.entry-content .btn+.entry-subtitle{margin-top:32px}.entry-content p{color:#595959;font-size:14px;line-height:21px}.entry-content p i{font-style:italic}.entry-content p b{font-weight:500}.entry-content ol{color:#595959;font-size:14px;line-height:21px;list-style:auto;margin-left:18px}.entry-content ol li{margin-bottom:4px}.entry-content .component-single{margin-top:50px}.entry-content .component-single-header{display:flex;justify-content:space-between}.entry-content .component-single-header h2{color:#262626;font-size:16px;font-weight:500}.entry-content .component-single-header a{align-items:center;color:#595959;display:flex}.entry-content .component-single-header a:hover{color:#003670}.entry-content .component-single-header a i{font-size:17px;margin-right:5px}.entry-content .component-single-usage{margin-top:16px}.entry-content .component-single-usage h2{color:#02264b;font-size:14px;font-weight:500;margin-bottom:4px}.entry-content .component-single-usage span{color:#595959;font-size:14px}.entry-content .component-single-elem{background-color:#f8f8f8;border-radius:6px;margin-top:36px;padding:15px 20px}.entry-content .component-single-elem .component-color-table .table{width:100%}.entry-content .component-single-elem .component-color-table .table th{font-size:14px;font-weight:500;padding:8px 0;text-align:left}.entry-content .component-single-elem .component-color-table .table td{border-top:1px solid #f4f2f2;padding:8px 0;vertical-align:middle}.entry-content .component-single-elem .component-color-table .table tbody tr:hover .copy-btn{opacity:1!important}.entry-content .component-single-elem .component-color-table .color-example{align-items:center;display:flex}.entry-content .component-single-elem .component-color-table .color-example .color-circle{border-radius:50%;height:30px;margin-right:10px;width:30px}.entry-content .component-single-elem .component-color-table .color-example .color-text{color:#707070;font-size:13px}.entry-content .component-single-elem .component-color-table .color-example .color-text:hover{color:#003670}.entry-content .component-single-elem .component-color-table .copy-btn{background-color:#fff;border:1px solid #707070;border-radius:50px;font-size:12px;opacity:0;padding:6px 10px}.entry-content .component-single-elem .component-color-table .copy-btn:active{background-color:#ddd}.entry-content .component-single-elem .component-color-table .color-description{color:#707070;font-size:13px}.entry-content p+p{margin-top:18px}.entry-content p+h2,.entry-content p+h4{margin-top:40px}.entry-content ol+p,.entry-content p+ol{margin-top:18px}.entry-content ol+h2{margin-top:40px}.entry-content p+.btn{margin-top:24px}.category-cards h4{color:#262626;font-size:20px;font-weight:500;margin-bottom:26px;margin-top:40px}.category-cards-list .col-md-3:nth-child(n+5){margin-top:30px}.category-cards .item{border:1px solid #dbdbdb;border-radius:6px;display:flex;flex-direction:column;transition:.3s}@media screen and (max-width:428px){.category-cards .item{margin-bottom:16px}}.category-cards .item:hover{box-shadow:0 3px 30px rgba(0,0,0,.08)}.category-cards .item-img{border-top-left-radius:6px;border-top-right-radius:6px;height:130px;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}.category-cards .item-title{border-top:1px solid #dbdbdb;color:#262626;display:block;font-size:13px;font-weight:500;padding:10px 0;text-align:center}.filter-results{display:flex;justify-content:space-between;margin-bottom:50px}.filter-qty{color:#595959;font-size:14px}.filter-size a{color:#003670}.resources-results{display:grid;gap:15px;grid-template-columns:auto auto auto auto auto auto}@media screen and (max-width:428px){.resources-results{grid-template-columns:auto auto auto!important}.resources-results--big{grid-template-columns:auto auto!important}}.resources-results .item{display:inline-block}.resources-results .item img{border-radius:6px;height:104px;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}.resources-results .item .title{color:#262626;font-size:13px;font-weight:500;line-height:19px;margin-top:12px}.resources-results .item:hover{opacity:.9}.resources-results .item:hover .title{color:#003670}.resources-results--big{grid-template-columns:auto auto auto auto}.resources-results--big .item img{height:208px}.single-resource-cont{padding:84px 0}.single-resource-cont .back-to-page{align-items:center;color:#595959;display:flex;margin-bottom:34px}.single-resource-cont .back-to-page i{margin-right:14px}.single-resource-cont .back-to-page:hover{color:#003670}.single-resource-title{color:#003670;font-size:28px;font-weight:500;margin-bottom:34px}.single-resource-data{color:#262626}.single-resource-data .title{font-weight:500}.single-resource-data+.single-resource-data{line-height:24px;margin-top:12px}.single-resource .btn{margin-top:50px}.single-resource-img{position:relative}.single-resource-img img{max-width:100%;width:100%}.single-resource-img .light-box{align-items:center;background-color:#fff;border-radius:50px;bottom:50px;box-shadow:0 6px 25px rgba(0,0,0,.1);display:flex;height:50px;justify-content:center;position:absolute;right:50px;transform:rotate(45deg);width:50px}
/*!
* Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/html{-ms-overflow-style:scrollbar;box-sizing:border-box}*,:after,:before{box-sizing:inherit}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1330px}}.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.no-gutters{margin-left:0;margin-right:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-left:0;padding-right:0}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{padding-left:15px;padding-right:15px;position:relative;width:100%}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;max-width:100%;width:auto}.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;max-width:100%;width:auto}.col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;max-width:100%;width:auto}.col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;max-width:100%;width:auto}.col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;max-width:100%;width:auto}.col-xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-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}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-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}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-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}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-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}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-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}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-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}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-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}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-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}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-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}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-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}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-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}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-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}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-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}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-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}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-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}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-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}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{top:0}.fixed-bottom,.fixed-top{left:0;position:fixed;right:0;z-index:1030}.fixed-bottom{bottom:0}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.introjs-tooltip{min-width:350px!important;width:128%}.introjs-tooltiptext{font-size:15px}.introjs-tooltiptext ul{list-style:circle;padding-left:15px}.introjs-tooltiptext ul li{margin-bottom:10px}.introjs-tooltipReferenceLayer *{font-family:Poppins,sans-serif!important}.introjs-button{background:#fff!important;border-color:#003876!important;border-radius:50px!important;color:#003876!important}.introjs-disabled{opacity:.6}.example-content{border:1px solid #343a40;margin-bottom:18px;padding:8px;position:relative}.example-content>svg{height:100%;width:100%}.btn+.example-content,p+.example-content{margin-top:18px}.custom-select{font-family:Poppins;margin-bottom:24px;position:relative}.custom-select select{display:none}.select-selected:after{border:6px solid transparent;border-top-color:#02264b;content:"";height:0;position:absolute;right:10px;top:14px;width:0}.select-selected.select-arrow-active:after{border-color:transparent transparent #02264b;top:7px}.select-items div,.select-selected{border:1px solid transparent;border-bottom-color:#707070;color:#02264b;cursor:pointer;padding:8px}.select-items{background-color:#c7c7c7;left:0;position:absolute;right:0;top:100%;z-index:99}.select-hide{display:none}.same-as-selected,.select-items div:hover{background-color:rgba(0,0,0,.1)}
.header-light.dark .topbar .logo-icon img {
height: 60px;
}
.header-light.dark .topbar{
background-color: #003670;
}
.input-error {
border: 2px solid #dc052d;
background-color: #ffeeed;
}
.dropdown-toggle:after {
display: none !important;
}
ol, ul {
padding-left: 0rem !important;
}
.menu-grid {
position: relative !important;
}
.menu-grid .dropdown-menu{
z-index:4000;
position: absolute !important;
inset: 0px 0px auto auto !important;
transform: translate3d(0, 40.8px, 0px) !important;
width: 350px;
padding: 0;
}
.menu-grid .dropdown-menu h3{
font-size: 16px;
font-family: 'Roboto';
color: #003670;
font-weight: 700;
}
.menu-grid .dropdown-menu h4{
font-size: 14px;
font-family: 'Roboto';
font-weight: 500;
color: #003670;
}
.menu-grid .dropdown-menu h5{
color: #003670;
font-family: 'Roboto';
font-size: 10px;
font-weight: 700;
line-height: 11px;
}
.menu-grid .dropdown-toggle img {
border-right: none !important;
border: none !important;
box-shadow: none !important;
}
.topbar-right .lang-select:before {
content: none !important;
display: none !important;
}
.header-light .topbar-right .lang-select:after {
content: none;
}
.k2-module-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
}
.k2-module-card {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
background-color: white;
transition: transform 0.2s ease;
}
.k2-module-card:hover {
transform: translateY(-4px);
}
.k2-module-thumb {
position: relative;
}
.k2-module-thumb img {
width: 100%;
height: 200px;
object-fit: cover;
display: block;
}
.k2-module-date {
position: absolute;
top: 10px;
right: 10px;
background-color: #003670;
color: white;
font-size: 11px;
padding: 3px 8px;
border-radius: 4px;
font-weight: 500;
}
.k2-module-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
color: white;
padding: 10px;
}
.k2-module-title {
font-size: 14px;
font-weight: 500;
margin: 0;
}
.k2-module-title a {
color: inherit;
text-decoration: none;
}
.k2-module-link {
grid-column: span 4;
text-align: right;
margin-top: 10px;
}
.k2-module-link a {
font-weight: 600;
color: #003670;
text-decoration: underline;
}
#noticiaBox {
color: #FFFFFF !important;
}
div#maximenuck117 .maximenumobiletogglericonck {
font-family: 'Poppins';
background: transparent;
padding: 5px 10px;
padding-top: 5px;
height: 30px;
position: relative;
color: transparent !important;
margin-top: -63px !important;
z-index: 500;
margin-left: 13px !important;
}
div#maximenuck117 .maximenumobiletogglericonck .hamburger-icon {
padding: 5px;
height: 30px;
cursor: pointer;
}
.certificaciones {
flex-direction: row;
}
@media (max-width: 767px) {
.certificaciones {
flex-direction: column;
align-items: center;
}
.grupo-izquierda, .grupo-derecha {
width: 100%;
text-align: center;
}
.stamp, .grupo-derecha img {
margin: 10px auto;
}
.logo-iconX img {
max-width: 80% !important;
max-height: 40px;
margin-left: -10px !important;
}
.certificaciones-accordion {
margin-bottom: 20px;
}
}
.logo-iconX img {
width: 100% !important;
max-height: 75px;
margin-left: -5px;
}
.contextual-menu {
font-family: 'Poppins', sans-serif;
margin-bottom: 30px;
}
.contextual-menu .module-title {
font-size: 18px;
font-weight: 600;
color: #003670;
margin-bottom: 14px;
border-bottom: 1px solid #d0e4fb;
padding-bottom: 6px;
}
.contextual-menu ul {
list-style: none;
padding: 0;
margin: 0;
background-color: #f1f6ff;
border: 1px solid #c5dcf4;
border-radius: 8px;
padding: 20px;
}
.contextual-menu ul li {
margin-bottom: 8px;
}
.contextual-menu ul li a {
display: block;
padding: 10px 12px;
border-left: 4px solid transparent;
border-radius: 4px;
color: #003670;
font-weight: 500;
text-decoration: none;
transition: all 0.2s ease;
}
.contextual-menu ul li a:hover, .contextual-menu ul li.active > a {
background-color: #e6f0ff;
border-left-color: #003670;
font-weight: 600;
}
@media (max-width: 767px) {
.contextual-menu {
display: none;
}
}
.btn-info {
background-color: #DB520D !important;
color:	#FFFFFF !important;
border-color: #DB520D !important;
}
div#maximenuck117 ul.maximenuck {
clear: both;
position: relative;
z-index: 1;
overflow: visible !important;
display: block !important;
float: none !important;
visibility: visible !important;
opacity: 1 !important;
list-style: none;
padding: 0;
margin: 0 auto;
zoom: 1;
filter: none;
margin-left: 0px !important;
text-align: center !important;
}
.rapid_contact  {
max-width: 600px;
margin: 0 auto;
}
#contact-form-container .form-group:last-of-type {
margin-top: 30px;
}
.form-control {
display: block;
width: 50% !important;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: .375rem;
transition: border-color .15s
ease-in-out, box-shadow .15s
ease-in-out;
}
.rapid_contact .form-control {
max-width: 100% !important;
margin-bottom: 8px;
}
input[name="rp_anti_spam_answer"] {
width: 80px !important;
padding-left: 10px;
font-size: 16px;
display: inline-block !important;
}
.container-header .navbar-collapse {
display: flex;
justify-content: center !important;
}
.container-header .navbar-nav {
flex-direction: row;
gap: 0;
}
.container-header .navbar-nav > li {
display: flex;
align-items: center;
}
.container-header .navbar-nav > li > a {
display: flex;
align-items: center;
height: 100%;
padding: 0.75rem 1rem;
white-space: nowrap;
}
.container-header .nav {
margin: 0;
}
.container-header .dropdown-menu {
margin-top: 0;
}
.container-header,
.container-header .navbar,
.container-header .navbar-collapse {
background-color: #ffffff !important;
}
.container-header .navbar-nav > li > a {
color: #001b4c;
font-weight: 500;
}
.container-header .navbar-nav > li > a:hover {
color: #003a8f;
background-color: rgba(0, 27, 76, 0.05);
border-radius: 6px;
}
.container-header .navbar-nav > li.dropdown > a::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
margin-left: 8px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
margin-bottom: 2px;
}
.container-header .dropdown-menu {
border-radius: 8px;
border: 1px solid #e5e7eb;
padding: 0.5rem 0;
box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.container-header .dropdown-menu a {
padding: 0.5rem 1rem;
color: #001b4c;
}
.container-header .dropdown-menu a:hover {
background-color: #f0f4fb;
}
.offcanvas.offcanvas-start {
top: 108px !important;
}
@media (max-width: 991.98px) {
.container-header .navbar-nav {
flex-direction: column !important;
align-items: flex-start !important;
}
.dropdown-menu {
display: none;
width: 100%;
}
.dropdown.show > .dropdown-menu {
display: block;
}
}
@media (max-width: 991px) {
.dropdown-menu .dropdown-menu {
position: static;
margin-left: 15px;
}
}
.navbar-nav .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.container-header .navbar-nav > li.dropdown > a.dropdown-toggle::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
margin-left: 8px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
margin-bottom: 2px;
}
.navbar-nav > .nav-item > .dropdown-toggle::after {
display: inline-block;
margin-left: 0.4em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.dropdown-menu .dropdown-toggle::after {
display: inline-block;
float: right;
margin-top: 0.5em;
margin-left: 0.5em;
content: "";
border-top: 0.3em solid transparent !important;
border-right: 0 !important;
border-left: 0.3em solid;
border-bottom: 0.3em solid transparent;
vertical-align: middle;
}
.dropdown-item.dropdown-toggle::after {
border-top: 0.3em solid transparent;
}
@media (max-width: 991px) {
.dropdown-menu .dropdown-toggle::after {
float: none;
margin-left: 10px;
border-top: 0.3em solid;
border-left: 0.3em solid transparent;
border-bottom: 0;
border-right: 0.3em solid transparent;
}
}
.navbar-nav .dropdown-toggle::after {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-left: 0.5em;
vertical-align: middle;
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-left: 0.3em solid transparent;
}
.dropdown-menu .dropdown-toggle::after {
content: "";
float: right;
width: 0;
height: 0;
margin-left: auto;
border-left: 0.3em solid;
border-top: 0.3em solid transparent;
border-bottom: 0.3em solid transparent;
}
.dropdown-indicator {
display: inline-block;
margin-left: 0.5em;
font-size: 0.7em;
opacity: 0.7;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: center;
}
.navbar-nav > .nav-item > .nav-link .dropdown-indicator {
vertical-align: middle;
}
.dropdown-item .dropdown-indicator {
float: right;
margin-left: auto;
}
.nav-link:hover .dropdown-indicator,
.dropdown-item:hover .dropdown-indicator {
opacity: 1;
transform: scale(1.15);
}
.dropdown.show > .dropdown-toggle .dropdown-indicator {
transform: rotate(180deg) scale(1.1);
opacity: 1;
}
.dropend.show > .dropdown-toggle .dropdown-indicator {
transform: translateX(3px) scale(1.1);
opacity: 1;
}
@keyframes dropdownBounce {
0% { transform: rotate(0deg) scale(1); }
50% { transform: rotate(180deg) scale(1.2); }
100% { transform: rotate(180deg) scale(1.1); }
}
.dropdown.show > .dropdown-toggle .dropdown-indicator {
animation: dropdownBounce 0.4s ease-out;
}
@media (max-width: 991px) {
.dropdown-indicator {
margin-left: auto;
font-size: 0.8em;
}
.nav-link .dropdown-indicator {
float: right;
}
.dropdown.show > .dropdown-toggle .dropdown-indicator,
.dropend.show > .dropdown-toggle .dropdown-indicator {
transform: rotate(180deg) scale(1.1);
}
}
.navbar-nav > .nav-item > .dropdown-toggle::after {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-left: 0.5em;
vertical-align: middle;
border-top: 0.35em solid currentColor;
border-right: 0.35em solid transparent;
border-left: 0.35em solid transparent;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: center;
}
.navbar-nav > .nav-item > .dropdown-toggle:hover::after {
transform: scale(1.2);
opacity: 0.8;
}
.navbar-nav > .dropdown.show > .dropdown-toggle::after {
transform: rotate(180deg) scale(1.1);
animation: rotateDown 0.4s ease-out;
}
.dropdown-menu .dropdown-toggle::after {
content: "";
display: inline-block;
float: right;
width: 0;
height: 0;
margin-left: auto;
margin-top: 0.4em;
border-left: 0.35em solid currentColor;
border-top: 0.35em solid transparent;
border-bottom: 0.35em solid transparent;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.dropdown-menu .dropdown-toggle:hover::after {
transform: translateX(3px) scale(1.2);
}
.dropdown-menu .dropend.show > .dropdown-toggle::after {
transform: translateX(5px) scale(1.1);
opacity: 0.8;
}
@keyframes rotateDown {
0% { transform: rotate(0deg) scale(1); }
60% { transform: rotate(200deg) scale(1.15); }
100% { transform: rotate(180deg) scale(1.1); }
}
@keyframes slideRight {
0% { transform: translateX(0) scale(1); }
60% { transform: translateX(6px) scale(1.15); }
100% { transform: translateX(5px) scale(1.1); }
}
.dropdown-menu .dropend.show > .dropdown-toggle::after {
animation: slideRight 0.4s ease-out;
}
@keyframes pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.8; transform: scale(1.1); }
}
.dropdown-toggle:hover::after {
animation: pulse 1.5s ease-in-out infinite;
}
.show > .dropdown-toggle::after {
animation: none !important;
}
@media (max-width: 991px) {
.dropdown-toggle::after {
transition: transform 0.2s ease;
}
.dropdown.show > .dropdown-toggle::after,
.dropdown-menu .dropend.show > .dropdown-toggle::after {
transform: rotate(180deg) !important;
border-top: 0.35em solid currentColor;
border-right: 0.35em solid transparent;
border-left: 0.35em solid transparent;
border-bottom: 0;
}
.dropdown-menu .dropdown-toggle::after {
border-left: 0;
border-top: 0.35em solid currentColor;
border-right: 0.35em solid transparent;
border-bottom: 0;
float: none;
margin-left: 0.5em;
}
}
.dropdown-toggle::after,
.dropdown-indicator {
will-change: transform;
backface-visibility: hidden;
}

@media (max-width: 991.98px) {

  .container-header .navbar-nav > li.nav-item {
    width: 100%;
  }

  .container-header .navbar-nav > li.nav-item > a {
    width: 100%;
    justify-content: space-between;
  }

}
@media (max-width: 991px) {

  #offcanvasMenu li.parent > ul {
    display: none;
  }

  #offcanvasMenu li.parent.open > ul {
    display: block;
  }

}
.dropdown-menu {
display: block;
position: absolute;
left: 100%;
top: 0;
margin-top: -1px;
}

/* ===== FIX dropdowns móviles ===== */
@media (max-width: 991px) {

  /* Anula comportamiento dropend */
  .offcanvas .dropend > .dropdown-menu {
    position: static !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    margin-left: 0 !important;
  }

  /* Dropdown normal también hacia abajo */
  .offcanvas .dropdown-menu {
    position: static;
    float: none;
    width: 100%;
  }
}

@media (max-width: 991px) {

  .offcanvas-body {
    display: flex;
    flex-direction: column;
  }

  /* Primero enlaces de interés */
  .menu-enlaces-interes {
    order: 1;
  }

  /* Luego menú principal */
  .menu-principal {
    order: 2;
  }

}

@media (min-width: 992px) {
  .menu-enlaces-interes {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .enlaces-menuX {
    display: none;
  }
}
.offcanvas-backdrop.show {
    opacity: 0 !important;
}

.offcanvas.offcanvas-start {    
    width: 100% !important;
}

 /* Estilos del Grid Menu Unificado */
        .menu-grid .dropdown-menu {
            border: none;
            box-shadow: 0 2px 12px rgba(0,0,0,0.1);
            border-radius: 12px;
            padding: 0;
            min-width: 350px;
            max-width: 400px;
        }

        /* Header del menú */
        .grid-menu-header {
            background: #f8f9fa;
            padding: 16px 20px;
            border-bottom: 1px solid #e0e0e0;
            border-radius: 12px 12px 0 0;
        }

        .grid-menu-header h3 {
            margin: 0;
            font-size: 16px;
            font-weight: 600;
            color: #003670;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .grid-menu-header i {
            font-size: 20px;
            color: #003670;
        }

        /* Sección colapsable */
        .grid-menu-section {
            border-bottom: 1px solid #e0e0e0;
        }

        .grid-menu-section:last-child {
            border-bottom: none;
        }

        .grid-section-header {
            padding: 14px 20px;
            background: white;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            user-select: none;
            transition: background 0.2s;
        }

        .grid-section-header:hover {
            background: #f8f9fa;
        }

        .grid-section-header h4 {
            margin: 0;
            font-size: 15px;
            font-weight: 600;
            color: #003670;
        }

        .grid-section-header i {
            font-size: 18px;
            color: #003670;
            transition: transform 0.3s;
        }

        .grid-section-header.active i {
            transform: rotate(180deg);
        }

        /* Grid de items */
        .grid-section-content {
            padding: 0 20px;
            background: #fafafa;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            transition: max-height 0.4s ease-out, opacity 0.3s ease-out, padding 0.4s ease-out;
        }

        .grid-section-content.show {
            max-height: 1000px;
            opacity: 1;
            padding: 20px;
        }

        .grid-items-row {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
            margin-bottom: 16px;
        }

        .grid-items-row:last-child {
            margin-bottom: 0;
        }

        /* Item individual */
        .grid-menu-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            text-decoration: none;
            transition: transform 0.2s;
        }

        .grid-menu-item:hover {
            transform: translateY(-4px);
        }

        .grid-item-icon {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            transition: box-shadow 0.2s;
        }

        .grid-menu-item:hover .grid-item-icon {
            box-shadow: 0 6px 12px rgba(0,0,0,0.15);
        }

        .grid-item-icon i {
            font-size: 32px;
            color: white;
        }

        .grid-menu-item h5 {
            font-size: 12px;
            font-weight: 500;
            color: #003670;
            margin: 0;
            line-height: 1.3;
        }

        /* Colores de iconos */
        .icon-blue { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
        .icon-green { background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); }
        .icon-orange { background: linear-gradient(135deg, #ee0979 0%, #ff6a00 100%); }
        .icon-purple { background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%); }
        .icon-red { background: linear-gradient(135deg, #eb3349 0%, #f45c43 100%); }
        .icon-teal { background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%); }

        /* Responsive - Mobile */
        @media (max-width: 767px) {
            .menu-grid .dropdown-menu {
                position: static !important;
                transform: none !important;
                min-width: 100%;
                max-width: 100%;
                border-radius: 8px;
                margin: 10px 0;
                box-shadow: none;
                border: 1px solid #e0e0e0;
            }

            .grid-items-row {
                gap: 12px;
            }

            .grid-item-icon {
                width: 56px;
                height: 56px;
            }

            .grid-item-icon i {
                font-size: 28px;
            }

            .grid-menu-item h5 {
                font-size: 11px;
            }
        }

        /* Desktop - mantener dropdown estándar */
        @media (min-width: 768px) {
            .menu-grid .dropdown-menu {
                position: absolute !important;
                z-index: 4000;
                inset: 0px 0px auto auto !important;
            }
        }

/* Contenedor del menú desplegable - CORREGIDO */
        .enlaces-menuX {
            background: white;
            border-radius: 12px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.1);
            overflow: visible !important;
            max-width: 100%;
            margin: 0 auto 16px;
            position: relative;
            z-index: 100;
        }

        /* Header del menú */
        .menu-headerXX {
            background: #f8f9fa;
            padding: 16px 20px;
            border-bottom: 1px solid #e0e0e0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            user-select: none;
            position: relative;
            z-index: 101;
        }

        .menu-headerXX h3 {
            margin: 0;
            font-size: 16px;
            font-weight: 600;
            color: #2c3e50;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .menu-headerXX i {
            font-size: 20px;
            color: #666;
            transition: transform 0.3s;
        }

        .menu-headerXX.active i.ri-arrow-down-s-line {
            transform: rotate(180deg);
        }

        /* Sección colapsable */
        .menu-sectionX {
            border-bottom: 1px solid #e0e0e0;
        }

        .section-headerX {
            padding: 14px 20px;
            background: white;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            user-select: none;
            transition: background 0.2s;
        }

        .section-headerX:hover {
            background: #f8f9fa;
        }

        .section-headerX h4 {
            margin: 0;
            font-size: 15px;
            font-weight: 600;
            color: #34495e;
        }

        .section-headerX i {
            font-size: 18px;
            color: #666;
            transition: transform 0.3s;
        }

        .section-headerX.active i {
            transform: rotate(180deg);
        }

        /* Grid de items */
        .menu-grid-content {
            padding: 20px;
            background: #fafafa;
        }

        .grid-containerX {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
            margin-bottom: 16px;
        }

        .grid-containerX:last-child {
            margin-bottom: 0;
        }

        /* Item individual */
        .menu-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            text-decoration: none;
            transition: transform 0.2s;
        }

        .menu-item:hover {
            transform: translateY(-4px);
        }

        .menu-item-icon {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            transition: box-shadow 0.2s;
        }

        .menu-item:hover .menu-item-icon {
            box-shadow: 0 6px 12px rgba(0,0,0,0.15);
        }

        .menu-item-icon img {
            width: 36px;
            height: 36px;
            object-fit: contain;
        }

        .menu-item-icon i {
            font-size: 32px;
            color: white;
        }

        .menu-item h5 {
            font-size: 12px;
            font-weight: 500;
            color: #2c3e50;
            margin: 0;
            line-height: 1.3;
        }

        /* Collapse animation - MEJORADO */
        .collapse-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease-out, opacity 0.3s ease-out;
            opacity: 0;
        }

        .collapse-content.show {
            max-height: 3000px;
            transition: max-height 0.5s ease-in, opacity 0.3s ease-in;
            opacity: 1;
        }

        /* Responsive */
        @media (max-width: 480px) {
            .grid-containerX {
                grid-template-columns: repeat(3, 1fr);
                gap: 12px;
            }

            .menu-item-icon {
                width: 56px;
                height: 56px;
            }

            .menu-item-icon i {
                font-size: 28px;
            }

            .menu-item h5 {
                font-size: 11px;
            }
        }

        /* Íconos con diferentes colores */
        .icon-blue { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
        .icon-green { background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); }
        .icon-orange { background: linear-gradient(135deg, #ee0979 0%, #ff6a00 100%); }
        .icon-purple { background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%); }
        .icon-red { background: linear-gradient(135deg, #eb3349 0%, #f45c43 100%); }
        .icon-teal { background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%); }

        /* CORRECCIÓN PARA EL OFFCANVAS */
        .offcanvas-body {
            overflow-y: auto !important;
            overflow-x: hidden !important;
        }

        /* Asegurar que el contenedor del menú empuje correctamente */
        .menu-wrapper {
            width: 100%;
            margin-bottom: 16px;
        }

/* Fix para centrar y contraer el menú en desktop - @HavyO */
@media screen and (min-width: 992px) {  /* Solo aplica en vistas lg+ (desktop) */
    /* Centra la lista de items (cubriendo clases de Joomla) */
    .navbar-nav,
    .nav.menu,
    .mod_menu .navbar-nav,
    
    
    /* Contrae los items individuales */
    .navbar-nav .nav-item,
    .nav.menu .nav-item {
        text-align: center !important;
        margin: 0 2px !important;  /* Reduce el espacio entre ítems (antes 15px; prueba con 5-10px según prefieras) */
    }
       
    
    /* Opcional: Si los ítems tienen padding interno extra, reduce */
    .navbar-nav .nav-link {
        padding: 0.5rem 0.75rem !important;  /* Ajusta padding de los links si es necesario (valores Bootstrap default) */
    }

	#mainMenu {
	margin-bottom: -19px;
	margin-left: 6%;
}