html, body {margin: 0;padding: 0;}
.page-wrapper {text-transform: none;  font-feature-settings: normal; font-style: normal; letter-spacing: -0.0142857em; line-break: auto; line-height: 1.42857em; font-size: 14px; font-weight: 300;overflow-wrap: normal;color: rgb(51, 51, 51);}
/* Navbar */
.navbar-brand a  {text-decoration:none}
a {text-decoration:none!important}
a.nav-link {text-transform: uppercase; font-family: WorkSans, "Helvetica Neue", Helvetica, Arial, sans-serif;font-feature-settings: normal; font-style: normal; letter-spacing: 0.02em; line-break: auto; line-height: 1.17em; font-size: 12px;font-weight: 500; overflow-wrap: normal; color: rgba(0,0,0,1); background-color: transparent; position: relative; border-bottom: 2px solid transparent;}
a.dropdown-item {text-transform: none; font-family: "Open Sans", sans-serif;font-feature-settings: normal; font-style: normal; letter-spacing: 0.02em; line-break: auto; line-height: 1.17em; font-size: 13px;font-weight: 500; overflow-wrap: normal; color: rgba(0,0,0,1); background-color: transparent; position: relative; border-bottom: 2px solid transparent;}
.dropdown-toggle:after {margin-left:1em}
.navbar-toggler {color: rgba(0,0,0,1);}
#offcanvasLeftMenu {width: 75% !important; max-width: 75% !important;}
.btn-close.darken {color: rgba(0,0,0,1);font-size:1.1rem; font-weight:500; --tblr-btn-close-opacity: 1;}
ul.side-menu {list-style-type:none; padding-left: 0px}
ul.side-menu > li {padding: 8px 0px 8px 10px}
@media (min-width: 768px) and (max-width:991.98px){
#offcanvasLeftMenu {width: 50% !important; max-width: 50% !important;}
}   
@media (min-width: 992px) {
#offcanvasLeftMenu {width: 25% !important; max-width: 25% !important;}
}
.offcanvas-header {border-bottom: none;}
.head-logo {display: inline-block; text-align: center;min-width: 0;}
.logo-first, .logo-second {display: block;width: 100%; text-align: center;}
@media (max-width: 767.8px) {
.logo-first {font-size: 1.05rem; font-weight: 600; letter-spacing: 2px; line-height: 1;}
.logo-second {font-size: 0.5rem; font-weight: 400; letter-spacing: 3px; text-transform: lowercase; color: #6c757d; margin-top: 0.15em;margin-left:2px}
img.bubble.grid {height:17px}
}
@media (min-width: 768px) {
.logo-first {font-size: 1.5rem; font-weight: 600; letter-spacing: 2px; line-height: 1;}
.logo-second {font-size: 0.75rem; font-weight: 400; letter-spacing: 4px; text-transform: lowercase; color: #6c757d; margin-top: 0.15em;margin-left:1.5px}
img.bubble.grid {height:19px}
}  
.accordion-button.menu {text-transform: uppercase; font-family: WorkSans, "Helvetica Neue", Helvetica, Arial, sans-serif;font-feature-settings: normal; font-style: normal; letter-spacing: 0.02em; line-break: auto; line-height: 1.17em; font-size: 12px;font-weight: 500; overflow-wrap: normal;color: rgba(0, 0, 0, 1);}

/* general */
.white {color:#ffffff}
.icon-taller-still {font-size:1.2rem;}
.icon-social {font-size:1.6rem}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: revert;
text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {font-family: 'canela', Georgia, 'Times New Roman', Times, serif;}
h3.lower-head {font-weight:400; font-size:20px; text-transform: none; font-feature-settings: normal; font-style: normal; letter-spacing: normal; font-variant: lining-nums; line-break: auto; line-height: 1.2em;}
          h3.lower-head.list {font-weight:500; font-size:21px; text-transform: none; font-feature-settings: normal; font-style: normal; letter-spacing: normal; font-variant: lining-nums; line-break: auto; line-height: 1.2em;} 
h3.lower-head.list.scrolling {font-size:20px; font-weight:500; -webkit-line-clamp: 1; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; line-height:1.2em;}
@media (max-width: 991.2px) {
h3.lower-head.list.scrolling {font-size:21px; font-weight:500; -webkit-line-clamp: 1; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; line-height:1.2em;}
h3.lower-head {font-weight:400; font-size:20px; text-transform: none; font-feature-settings: normal; font-style: normal; letter-spacing: normal; font-variant: lining-nums; line-break: auto; line-height: 1.2em;}
          h3.lower-head.list {font-weight:500; font-size:21px; text-transform: none; font-feature-settings: normal; font-style: normal; letter-spacing: normal; font-variant: lining-nums; line-break: auto; line-height: 1.2em;} 
}
.dark1 {color:rgba(0,0,0,1)}
.dark9 {color:rgba(0,0,0,0.9)}
.dark85 {color:rgba(0,0,0,0.85)}
.dark8 {color:rgba(0,0,0,0.8)}
.dark75 {color:rgba(0,0,0,0.75)}
.dark7 {color:rgba(0,0,0,0.7)}
.icon-super {font-size:2rem; color: #001f3f; font-weight: 300!important;}
.icon-super-md {font-size:2.3rem; color: #001f3f; font-weight: 300!important;}
.shape {background-color: rgba(6, 111, 209, 0.2);}
 .honeypot {display: none !important; height: 0 !important; opacity: 0 !important; position: absolute !important; left: -9999px !important; }
.card, .btn, img.card-img-top, .badge, .form-control, .form-select, .input-group, .input-group-text {border-radius:0px}
         .input-group {border-top-left-radius:0px;box-shadow:none}
        .form-select {box-shadow:none!important}
        .form-control, .form-select {font-size:13px}
         .btn.cube {text-transform:uppercase; font-size:11px; font-weight:400}
         img.bubble {margin-left: -6px;}
         
         .bg-cube {background-color: rgba(176,29,32,1)}
          .fw-500 {font-weight:200}
          .fw-300 {font-weight:300}
          .fw-400 {font-weight:400}
         .fw-500 {font-weight:500}
          .fw-600 {font-weight:600}
         .fw-700 {font-weight:700}
.blue {color: #066fd1;}
a.no-underline {text-decoration: none}
.gold {color:#FFAA33}