/* prettier-ignore */
/*# sourceMappingURL=user.css.map */

.btn-ironred, .btn-ironred:hover, .btn-ironred:focus, .btn-ironred:active{
    background-color: #7D2621 !important;
    border-color: #7D2621;
    color: #FFFFFF;
    border-radius: 0;
}

.btn-steelblue, .btn-steelblue:hover, .btn-steelblue:focus, .btn-steelblue:active{
    background-color: #031F45 !important;
    border-color: #031F45;
    color: #FFFFFF;
    border-radius: 0;
}

.flex-center-hero {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    /* justify-content: center; */
}

.blue-bg{
    background-color: #cdd1da;
}

.ingress{
    max-width: 60ch;
    margin-bottom: 2rem;
    font-size: 1.3rem;
    font-weight: 500;
}

news{
    font-family: var(--tcc-body-font-family);
    color: #031E45;
    display: block;
}

newsticker{
    font-family: var(--tcc-body-font-family);
    color: #031E45;
    display: block;
}

.row.equal-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row.equal-cols:before,
.row.equal-cols:after {
  display: block;
}

.row.equal-cols > [class*='col-'] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.row.equal-cols > [class*='col-'] > * {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; 
}

.educations .card .card_img_edu {
  position: relative;
  background-size: cover;
  background-position: center center;
  width: 100%;
  overflow: hidden;
  height: 200px;
}

.educations .card .edu-icon {
  width: 0.75rem;
}

.educations .dash {
  margin: 1.5rem 0;
  border-color: var(--tcc-border-color);
  border-bottom: dashed 1px;
  opacity: 0.25;  
}

.educations .card {
  /*border-bottom: solid 1px;
  border-left: solid 1px;
  border-right: none;
  border-top: none;
  border-color: var(--tcc-border-color);
  border-radius:0.188rem*/
  border: none;
}

.educations .card-body {
    padding: 0;
}

.educations .edu-img-txt{
    text-align: center;
    background-color: rgba(3, 30, 69, 0.6);
    font-size: 0.8rem;
    color: #FFF;
    font-weight: 500;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    vertical-align: baseline;
    position: absolute;
    bottom: 0;
}

.educationlist .card .card_img_edu {
  position: relative;
  background-size: cover;
  background-position: center center;
  width: 100%;
  overflow: hidden;
  height: 225px;
}

.educationlist .card .edu-icon {
  width: 0.75rem;
}

.personell .card .card_img_pers {
  position: relative;
  background-size: cover;
  background-position: center center;
  width: 100%;
  overflow: hidden;
  height: 170px;
}

.personell .card .edu-icon {
  width: 0.75rem;
}

.personell .dash {
  margin: 1.5rem 0;
  border-color: var(--tcc-border-color);
  border-bottom: dashed 1px;
  opacity: 0.25;  
}

.personell .card {
  border: solid 1px;
  border-color: var(--tcc-border-color);
  border-radius:0.188rem
}

.news-start .card .card_img_news {
  position: relative;
  background-size: cover;
  background-position: center center;
  width: 100%;
  overflow: hidden;
  height: 200px;
}

.news-start hr {
  margin: 0.5rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;  
}

.news-start .card {
  border-bottom: solid 1px;
  border-left: solid 1px;
  border-right: none;
  border-top: none;
  border-color: var(--tcc-border-color);
  border-radius:0.188rem
}

.sliderheight{
    max-height: 600px;
}

.img_ex{
    position: relative;
    background-size: cover;
    background-position: center center;
    width: 100%;
    overflow: hidden;
    height: 225px;
}

.overlay-steelblue2{      
  background-position: center center;
  /*filter: grayscale(100%); */
  background-image:url(../../assets/img/tcc/original-47.png);
}
.overlay-steelblue2:before {      

  background: rgba(3, 30, 69, 0.85);
}
.overlay-secondaryblue2:before {
  background: rgba(2, 12, 26, 0.85);
}
.overlay-lightblue2:before {
  background: rgba(54, 128, 179, 0.85);
}
.overlay-ironred2:before {
  background: rgba(124, 38, 34, 0.85);
}

.ex-bg-holder {
  position: absolute;
  width: inherit !important;
  min-height: 250px;  
  background-repeat: no-repeat;
  z-index: 0;
}
.ex-bg-holder.bg-right {
  left: auto;
  right: 0;
}
.ex-bg-holder.ex-overlay:before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.3);

}
.ex-bg-holder.ex-overlay-steelblue{      
  background-position: center center;
  filter: grayscale(100%); 
  background-image:url(../../assets/img/tcc/original-47.png);
}
.ex-bg-holder.ex-overlay-steelblue:before {      

  background: rgba(3, 30, 69, 0.9);
}

.img_ex2.steelblue, .img_ex2.secondaryblue, .img_ex2.lightblue, .img_ex2.ironred{
    position: relative;
    background-size: cover;
    background-position: center center;
    width: 100%;
    overflow: hidden;
    height: 225px;
}

.img_ex2.steelblue:before{
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    background: rgba(3, 30, 69, 0.70);
}

.img_ex2.secondaryblue:before{
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    background: rgba(2, 12, 26, 0.50);
}

.img_ex2.lightblue:before{
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    background: rgba(54, 128, 179, 0.50);
}

.img_ex2.ironred:before{
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    background: rgba(124, 38, 34, 0.85);
}

.newsimage{
     max-height: 375px;
     overflow: hidden;
}
.newsimage img{
     max-height: initial; 
     margin-top: -30%
     
}

.eduback {
  position: relative;
  background-size: cover;
  background-position: center center;
  width: 100%;
  overflow: hidden;
  height: 75vh;
}
.educationTab {
    margin-top: 10px;
}
.educationTab button, .educationTab .nav-link{
    font-family:  var(--tcc-font-sans-serif);
    text-transform: uppercase;
    font-size: 0.6rem;
    font-weight: 500;
    color: #031F45;
    /*background-color: #FFF; 
    border: none;*/
}
.educationTab button:hover, .educationTab .nav-link:hover{
    font-family:  var(--tcc-font-sans-serif);
    text-transform: uppercase;
    font-size: 0.6rem;
    font-weight: 500;
    color: #020C1A;
    /*background-color: #FFF; 
    border: none;*/
}

.educationTab button:active, .educationTab .nav-link:active{
    font-family:  var(--tcc-font-sans-serif);
    text-transform: uppercase;
    font-size: 0.6rem;
    font-weight: 800;
    color: #7D2621;
    /*background-color: #FFF; 
    border: none;*/
}

.nav-box{
    height: 100%;
    vertical-align: central;
    border-top: 0.3rem solid rgba(124, 38, 34, 0);
}
.nav-box:hover,.nav-box:active,.inuse {
    border-top: 0.3rem solid rgba(124, 38, 34, 1);
}
.nav-box .nav-item{
    padding-top: 0.8rem;
}

@media (max-width: 576px) {
    .nav-box:hover,.nav-box:active,.inuse{
        border-top: none;
    }
}
@media (min-width: 992px) {
    .nav-box:hover,.nav-box:active,.inuse {
        border-top: 0.3rem solid rgba(124, 38, 34, 1);
    }
}

/********************************/
/*      Footer formats          */
/********************************/

.footer h1{
    font-size: 1.4rem;
    font-weight: 700;
    color: #FFF;
    line-height: 1.3;
    font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.footer p, .footer a, .footer a:hover, .footer a:active, .footer a:visited{
    font-size: 1rem;
    font-weight: 400;
    color: #FFF;
    line-height: 1.3;
    font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.footer p, .footer a, .footer a:hover, .footer a:active, .footer a:visited{
    font-size: 1rem;
    font-weight: 400;
    color: #FFF;
    line-height: 1.3;
    font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.footer-end, .footer-end a, .footer-end a:hover, .footer-end a:active, .footer-end a:visited{
    font-size: 0.75rem;
    font-weight: 400;
    color: #FFF;
    line-height: 1.5;
    font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/********************************/
/*   END - Footer formats       */
/********************************/

/********************************/
/*       Page formats           */
/********************************/
.page-container{
    margin-top: 2.5rem;
}
/********************************/
/*    END - Page formats        */
/********************************/


/********************************/
/*    END - Media settings      */
/********************************/

.flex-center-hero {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

/********************************/
/*       Hover Overlays         */
/********************************/
.image-container {
    position: relative;
}

.contact-image {
    display: block;
    width: 100%;
    height: auto;
}

.contact-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #031F45;
}

.image-container:hover .contact-overlay {
    opacity: 0.75;
}

.contact-text, .contact-text a {
    display: block;
    color: white;
    position: relative;
    margin-left: 2%;
    top: 10%;
    right: 2%;
    text-align: right;
    /*white-space: nowrap;*/
    text-decoration: none;
}

.no-wrap{
    white-space: nowrap;
}
.use-wrap{
    overflow-wrap: break-word;
}
.pageEndImage{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.showpointer { cursor: pointer; }

/* Hamburger */
.navbar-toggler {
  border: none;
  padding: 0;
  outline: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler .hamburger-toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 11;
  float: right;
}
.navbar-toggler .hamburger-toggle .hamburger {
  position: absolute;
  transform: translate(-50%, -50%) rotate(0deg);
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
  width: 100%;
  height: 4px;
  position: absolute;
  background: #FFF;
  border-radius: 2px;
  z-index: 1;
  transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
  left: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
  top: 10%;
  transform-origin: 50% 50%;
  transform: translate(0% -50%) !important;
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
  top: 50%;
  transform: translate(0, -50%);
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
  left: 0px;
  top: auto;
  bottom: 10%;
  transform-origin: 50% 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
  position: absolute;
  margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
  top: 45%;
  transform: rotate(45deg);
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
  left: 50%;
  width: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
  top: 45%;
  transform: rotate(-45deg);
}

/********************************/
/*       Cart styles         */
/********************************/

#cart-count {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 50%;
  background: #ff9800;
  color: #fff;
  font-weight: bold;
  margin-left: 4px;
}

#cart-icon.empty #cart-count {
  display: none;
}

#cart-icon {
  position: relative;
}
#cart-count {
  position: absolute;
  top: -8px;
  right: -10px;
  font-size: 0.75rem;
  padding: 0.3em 0.5em;
  border-radius: 10px;
}

.btn-square {
  width: 45px;
  height: 45px;
  padding: 0;
  text-align: center;
  border-radius: 0.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-group-square2 > .btn, .btn-square2 {
    padding: 0.25rem 1.5rem;
    font-size: 1.0rem;
    line-height: 1.273;
    border-radius: 0.1875rem;
}