


/*HEADER*/



/*Icons*/


.icon {
    margin-right: 15px;
  }
  .icon:hover {
  cursor:pointer;
  }
  
  .icon-container {
    
    display: inline-block;
    position: absolute;
    right: 20px;
  }
  
  .iconSearch {
    position: relative;
    top: 2px;
    display: inline-block;
  }
  .iconSearch img {
    width: 23px;
}
  
 

.Lang-Switcher-Header {
  display: inline-block;
}

.Lang-Abrv {
  width: fit-content;
  display: inline-block;
  position: relative;
  bottom: 5px;
  margin-right: 8px;
  font-size: 8pt;
}



  
  .microCart {
    position: absolute; right: 40px; top: 0; padding-top: 27px;
}
  
  .iconLogin {
    position: absolute; right: 5px; top: 0; padding-top: 25px;
}
  
  .iconAccount {
    position: relative;
    top: 2px;
    display: inline-block;
  }
  
  .iconAccount img{
  width:22px;
  }
  

  #cart-icon {
    position: relative;
    /*! right: 112px; */
    top: -1px;
    /*! width: 30px; */
    display: inline-block;
  }
  
  
  #cart-icon img {
    width: 17px;
  }
  

 
#x-icon {
  position: relative;
  top: -9px;
  display: none;
  right: 0;
  width: 33px;
  height: 22px;
  margin-top: 9px;
}
.Mobile-Icons {
  position: relative;
  display: inline-block;
  top: 12px;
  right: 3px;
}


.Back-Arrow {
	width: 15px;
  height: 15px;
  border-right: 3px solid black;
  border-bottom: 3px solid black;
  border-radius: 1px;
  transform: rotate(135deg);
  margin: 0 0 50px;
}


.Front-Arrow {
  width: 12px;
  height: 12px;
  border-right: 3px solid black;
  border-bottom: 3px solid black;
  border-radius: 1px;
  transform: rotate(-45deg);
  display: inline-block;
  margin: 0 0 1px;
}

.Right-Arrow {
  width: 12px;
  height: 12px;
  border-right: 3px solid black;
  border-bottom: 3px solid black;
  border-radius: 1px;
  transform: rotate(45deg);
  display: inline-block;
 
}


  /****MICROCART****/
  
  
  #w1001139_lblItems {
    display: none;
  }
  #w1001139_lblCart {
    display: none;
  }
  
  .microCart {
    position: absolute;
    right: -13px;
    top: -11px;
    background-color: #232323;
    padding: 0 5px;
    border-radius: 20px;
    line-height: 11pt;
  }
  .microCartContents span {
    color: white;
    font-size: 8pt;
  }
  
  /************* PROMO BANNER ***************/
  
  
  
  #promo-banner {
    padding:  8px 10px 10px;
    font-size: 10px;
    background-color: #ebebeb;
    text-align: center;
    position: relative;
    color: #555;
    line-height: 16px;
    z-index: 100;
  }
  
  .text {
  display: inline-block;
  width: calc(100% - 160px);
}
  
  .one{
    animation-name: fade;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate-reverse;  
  
  }
  
  /*
  .two{
    animation-name: fade;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%);
  }
  
  @keyframes fade{
      0%,50% {
        opacity: 0;
  }
      100%{
        opacity: 1;
    }
  }
  
  */
  
  
  
  #promo-banner a {
    font-size: 11px;
    text-decoration: underline;
    color:white;
  }
  
  #promo-banner a:hover {
    color: #888;
  }
  
  #promo-banner span {
    font-weight: bold;
  }
  
  #x-icon2 {
    position: absolute;
  
    right: 20px;
    top: 1px;
    height: 35px;
  }
  
  #x-icon2 .x-1, .x-2{
    width: 17px;
    height: 3px;
    margin-bottom: 5px;
    position: relative;
    background: black;
    border-radius: 3px;
    display: block;
  }
  
  #x-icon2 .x-1 {
    transform: rotate(45deg);
    top: 15px;
  }
  
  #x-icon2 .x-2 {
    transform: rotate(-45deg);
    top: 7px;
  }
  
  
  
.Lang-Country-Container {
  width: fit-content;
  display: inline-block;
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
}

.Canada-Icon, .USA-Icon {
  width: 30px;
}

.Country-Pop-Up {
  position: absolute;
  right: -10px;
  visibility: hidden;
  background-color: #fff;
  z-index: 1;
  margin-top: 4px;
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.28);
  transition: 0.1s ease-out;

  border-radius: 2px;
}

.Canada-Icon:hover{
cursor: pointer;
}

.Country-Switcher:hover .Country-Pop-Up {
  visibility: visible;
   transition: 0.1s ease-out
}


.Country-Switcher {
  display: inline-block;
}
.Country-Pop-Up img {
  margin: 10px;
}
  /*SEARCH*/


#WP_1000941_12.show-search {
  /*! display: block !important; */
  width: 70vw;
  visibility: visible;
  transition: 0.15s ease-out;
}
  
#w1000942_txtSearch {
  background-color: #eaeaea;
  border: 4px solid #eaeaea;
  border-radius: 2px;
}

  #w1000941_txtSearch {
  border-radius: 3px;
  background-color: #eaeaea;
  border: #eaeaea solid 2px;
  width: 100%;
  max-width: unset;
}
  
  #w1000941_ibtnSearchSubmit:hover{
  opacity:50%
  }
  
  #w1000942_ibtnSearchSubmit:hover{
  opacity:50%
  }
  
  #WP_1000942_12 {
    visibility: hidden;
    height: 0;
  }

  #WP_1000941_12 {
    /*! display: none; */

    position: absolute;
    right: 101px;
    width: 0;
    visibility: hidden;
    transition: 0.15s ease-out;
     top: -17px;
    border-left: 30vw solid white;
    border-bottom: 10px white solid;
    border-top: 15px solid white;
  }
  
  
  #w1000941_ibtnSearchSubmit {
    border-radius: 2px;
    max-height: 140px;
    display: none;
  }
  
 #w1000942_ibtnSearchSubmit {
  border-top: 1px solid #232323;
  border-bottom: 1px solid #232323;
  border-radius: 2px;
  border-left: 3px solid #232323;
  border-right: 3px solid #232323;
  min-height: 38px;
  width: 55px;
}
  
  #w1000941_pnlSearchInput {
    /*! top: 50px; */
    /*! left: 50%; */
    /*! transform: translateX(-50%); */
    /*! position: absolute; */
  }
  


  #w1000944_pnlDefaultBody {
    position: absolute;
    width: 100%;
    background-color: white;
  }
  
  
  /*Cart*/
  
  .slide-from-right {
    right: 0 !important;
    transition: ease-out;
  }
  
  
  .relative{
  position:relative;
  height: 100%;
  width: 100%;
  padding: 20px 50px 50px 50px;
  /*! display: inline-block; */
  }
  #cart-container {
    /*display: none;*/
    width: 45em;
    max-width: 80%;
    height: 100vh;
    position: fixed;
    z-index: 11;
    background-color: white;
   right: -60em;
    top: 0;
    transition: ease-out 0.5s;
  
  }
  
  .relative h1 {
    margin: 0;
  }
  
  #w1001137_pnlCartContents {
    /*display: none;*/
    position: relative;
    z-index: 11;
    background-color: unset;
    max-height: 50vh;
    padding: unset;
    margin: unset;
    overflow-y: auto;
    border-bottom: #dadada solid 1px;
    padding: 5px;
    right: -60em;
  }
  
  .relative .cartItemProperties.cartItemSubsection.thumbnailOffset {
    margin-left: 23%;
  }
  
  .relative .MatrixPropertiesDisplay {
    width: 145% !important;
  }
  .relative .cartBody .ProductInfo {
    flex-basis: 35%;
  }
  .relative .cartItemGroup {
    border: none;
  }
  .relative .CartHeader span {
    font-size: 12pt;
  }
  .relative .cartItemProperties td {
    font-size: 13px;
  }
  
  
  .relative .cartItemThumb {
    flex-basis: 20%;
  }
  .relative .CartHeader {
    border-bottom: 1px #dadada solid;
  }
    
  #price-summary {
    margin-right: 50px;
    /*! background-color: unset; */
  }
  
  #go-to-cart-buttons {
   /* display: none;*/
    width: calc(100% - 100px);
    text-align: center;
    font-size: 10pt;
    margin: 0 auto;
    right: -60em;
  }
  
  #checkout {
    padding: 10px;
    margin: unset;
  
    width: 47%;
    display: inline-block;
  }
  
  #keepshopping {
    text-decoration: underline;
    cursor: pointer;
    width: 45%;
    display: inline-block;
  }
  
  .secondary:hover {
  color:#888;
  
  }
  
  #dark-screen {
    width: 100vw;
    height: 362vh;
    position: fixed;
    z-index: 10;
    background-color: black;
    top: -6em;
    opacity: 50%;
    display:none;
  }
  
  a.wrong-cart {
    font-size: 8pt;
    text-decoration: underline !important;
    text-align: right;
    width: 49%;
    display: inline-block;
  }
  
  a.edit-cart {
    font-size: 8pt;
    text-decoration: underline !important;
    text-align: left;
    width: 49%;
    display: inline-block;
  }
  
  .cart-container a:hover {
  color:#888;
  }
  
  
  .CartItemName {
    font-weight: bold;
  }
  .cartTotals {
    padding-bottom: 20px;
  }
  
  #price-buttons {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translate(-50%);
    bottom: 2em;
  }
  
  #w1000799_btnUpdateCart {
    display: none;
  }
  
  
  .CartHeader span.cartItemThumb {
    visibility: hidden;
  }
  
  .fixed-position {
    position: fixed;
    width: 100%;
  }
  
  .relative .MatrixPropertiesDisplay td {
    width: 150px;
    text-align: left;
  
    display: inline-block;
  }
  
  @media only screen and (min-width: 850px) {
  
  .fixed-position {
  position:initial;
  }
    #price-buttons {
   
  }
    
  }
  
  
  
  /*Site Header Navigation*/
  .headerZone .zonePadding::after {content: ' ';clear: both;height: 1px; display: block;}
  .SiteNavigation {display: none;}
  
  .SiteNavigation ul li a {color: black;}
  .headerZone .SiteNavigation .sf-menu a { padding-top: 0;}
  .headerZone {top: 0; z-index: 1500; /*! overflow: hidden; */}
  .headerZone .zonePadding::after {
  content: ' ';clear: both;height: 1px; display: block;
  }
  
  #WP_1001137_130 {
    display: none !important;
  }
  
  /******* MEGAMENU ********/
  
  
  
  #WP_1001137_130 {
    display: none !important;
  }
  
  
  
  .headerLogo {
  
    display: inline-block;
    margin-top: -5px;
  }
  
.headerLogo a {
  width: 50px;
  height: 50px;
  display: inline-block;
}
  
  .headerLogo img{
    width: 100%;
  
  }
  
  #Site-Menu-Container {
    width: 100%;
    height: 65px;
    padding: 10px 18px;
    position: relative;
    box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.03);
    z-index: 99;
    font-family: Roboto;
  }
  .Desktop-Menu-Links {
    display: inline-block;
    position: relative;
    width: 100%;
  }
  .Desktop-Menu-Links .Desktop-Dropdown {
  
    display: inline-block;
  
  }
  .Centering-Container {
    position: absolute;
    left: 50%;
    text-align: center;
    width: 600px;
    transform: translateX(-50%);
    display: none;
  }
  
  
  .Desktop-Dropdown .dropbtn {
    font-size: 15px!important;  
    padding: 14px 16px;
     text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    width: fit-content;
  }
  
  
  .Desktop-Dropdown:hover .dropbtn {
    color: #d1d1d1;
  }
  
  
  .Desktop-Dropdown .dropdown-content a:hover {
    color: #d1d1d1!important;
  }
  
  .Desktop-Dropdown:hover .dropdown-content {
    display: block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    width: 100vw;
    left: 50%;
    box-shadow: 0px 18px 14px -18px rgba(0,0,0,0.2);
    z-index: 10000;
    padding: 20px 28%;
    opacity: 100%;
    transform: translateX(-50%);
  }
  
.dropdown-content .row {
  max-width: 1000px;
  margin: 0 auto;
}

  
  a.All-Button {
    position: relative;
    text-transform: uppercase;
    font-size: 10pt;
    font-weight: bold!important;
  }
  
  /* Create three equal columns that floats next to each other */
  .MMcolumn {
      float: left;
      width: 25%;
      padding: 20px 25px 35px 0px;
      background-color: white;
      height: fit-content !important;
      position: relative;
      text-align: left;
  }
  
  
  .MMcolumn h3 {
    font-size: 10pt !important;
    border-bottom: 1.5px solid #151515 !important;
    padding-bottom: 3px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
  }
  h3.stacked-column {
    margin-top: 30px;
  }
  
  
  
  .MMcolumn a {
    font-size: 10pt;
    float: none;
    text-decoration: none;
    display: block;
    text-align: left;
    color: black!important;
    line-height: 16px;
    padding:7px 0;
   }
  
  
  
  /*Search*/
  .footerZone .searchWrapper {float: right; width: 40%;}
  .footerZone #w1000748_ibtnSearchSubmit {display: none!important;}
  .footerZone #WP_1000748_12 {background: #d1d1d1; height: 40px; position: fixed; bottom: 0; width: 100%; padding: 10px; }
  .footerZone #w1000748_divSearch {position: absolute; right: -45px; bottom: 7px;}
  .footerZone .productSearchInput .compactInput.formField {height: 25px;}
  
 
  
  /****** MOBILE MENU*******/

#Mobile-Menu-Container {
  height: 0;
}
  
  .show {
    
    display: block !important;
  }
  
  
  .show-menu {
    left: 0 !important;
    transition: left 0.5s ease-in;
    animation-timing-function: linear;
    will-change: transform;
    overflow-x: visible !important;
  }
  
  
  .bye-hamburger{
  
  display: none;
  
  }

  
  
  
  #Mobile-Menu {
    position: relative;
    display: block;
    padding: 5% 5% 5% 5%;
    background: white;
    font-weight: bold;
    box-shadow: 0px 19px 37px -32px #888;
    z-index: 99;
    left: 100%;
    transition: left 0.4s ease-in;
    animation-timing-function: linear;
    will-change: transform;
    height: 150vh;
  }
  
    #hamburger-icon .hamburger {
    
      display: block;
      width: 33px;
      height: 4px;
      margin-bottom: 5px;
      position: relative;
      background: #000000;
      border-radius: 3px;
      
    }
  
    #x-icon .x1,.x2 {
    
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: black;
    border-radius: 3px;
    
    
  }
  
  #x-icon .x1 {
  
    transform: rotate(45deg);
    top: 10px;
  }
    
  
  #x-icon .x2 {
  
  transform: rotate(-45deg);
  top: 1px;
  }
  
  

  
  
    #Mobile-Menu h3 a {
  
      font-size: 20pt;
      font-weight: bold;
      
  
    }
  
  #Mobile-Menu h3 {
    margin-bottom: 20px;
    font-weight: bold ! important;
  }
  
  
  .show-dropdown {
    
    visibility: visible !important; 
    opacity: 1 !important;
    z-index: 1 !important;
    transform: translateY(0%) !important;
    position: relative !important;
  } 
    
    /* Dropdown Button */
   .dropbtn-mobile {
      background-color: none;
      font-size: 20pt;
      color: #000000;
      font-family: Arial;
      font-weight: normal;
      text-decoration: none;
      
      border: none;
      cursor: pointer;
      margin-bottom: 23px;
    }
    
  
    .dropbtn-mobile:hover, #Mobile-Menu h3:hover, #Mobile-Menu h3 a:hover {
      
      color: #d1d1d1;
    }
    
    
    .dropdown-mobile {
      position: relative;
     margin: 25px 0;
    }
    
    
    .dropdown-mobile-content {
   
      z-index: -1;
      visibility: hidden; 
    opacity: 0;
    position: absolute;
    transform: translateY(-3.5em);
    transition: transform 0.3s ease-out 0s, visibility 0s linear 0.0s, z-index 0s linear 0.00s;
      margin-bottom: 30px;
      margin-left: 30px;
    }
    
    
    .dropdown-mobile-content a {
      color: black;
      font-size: 16px;
      text-decoration: none;
      display: block;
    }
     
  .dropdown-mobile-content p {
  font-weight: normal;
    
  }
  
  .sub-category a{
    border-left: #ebebeb solid 2px;
    padding: 10px;
  }
  
  #promo-products-dropdown, #uniforms-dropdown, #brands-headwear-dropdown, #brands-promo-dropdown, #brands-apparel-dropdown, #division-product-dropdown {
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1 !important;
    transform: translateY(0%) !important;
    position: relative !important;
  }
  
  
  
  
    
    
    
/********** Titles and Subtitles *********/



.Mobile-Title {
  margin: 18px 0;
  text-transform: uppercase;
  font-size: 16pt;
  width: 92%;
  display: inline-block;
}

.Mobile-Title-Container {
  max-width: 500px;
}

/********** Subcategory Pages *********/



.Mobile-Subcategory-Page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;

    transform: translateX(100%);
    transition: transform 0.5s ease;
    z-index: 200;
   padding: 75px 5%;
}

.Mobile-Subcategory-Page.active {
    transform: translateX(0);
}

/********** Dropdowns *********/



.Mobile-Dropdown-Content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.Mobile-Dropdown-Content.active {
    max-height: 500px; /* large enough for content */
}


.Mobile-Dropdown-Content a {
  width: 91%;
  display: block;
  margin: 5px 0 25px;
}
.Mobile-Subcategory-Page h4 {
  font-size: 14pt;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  width: 91%;
  max-width: 495px;
  margin: 20px 0 15px 0;
}
    
  
  
  
  /****** MEDIA QUERIES *****/
  
       
  @media only screen and (max-width: 650px) {
  
  
  .cartItemGroup {
    border-bottom: 0.5px #d1d1d1 solid;
      border-bottom-width: 0.5px;
    border-bottom-width: 1px !important;
    margin-bottom: 20px;
  }
    
    .CartHeader span.ProductInfo {
      display: none;
    }
       
  }
  
  @media only screen and (min-width: 851px) {
    
  .Lang-Switcher-Footer .Lang-Country-Container {
  
  left: 50px !important;
 
}
    
    
       .Mobile-Icons {

        display:none!important;
    }
    
  
  #Mobile-Menu-Container {
  
    display: none;
  }
  
    .Centering-Container{
    right: 21px;
    display: inline-block;
  }
    
    
    .icon-container {
    right: 0;
    margin-top: 8px;
    margin-right: 8px;
  }
  
  
  }

  @media only screen and (min-width: 1240px) {

    
    #WP_1000941_12 {

  border-left: none;
}
    
#WP_1000941_12.show-search {

  width: 20vw;

}
    
    }
  
  @media only screen and (max-width: 850px) {
   
  /*
      .headerZone {overflow: visible; }
    .SiteNavigation {display: block; margin-top: 26px; width: 50%; float: right;}
    .SiteNavigation .expander img {height: 20px; }
    .SiteNavigation li:nth-of-type(2) {margin-top: 5px; padding-top: 10px; border-top: 1px solid black;}
    .SiteNavigation li:nth-of-type(6) {border-bottom: 1px solid black;}
    .SiteNavigation li {text-align: right; padding-right: 4px; background: #d1d1d1; z-index: 1600;}
    .SiteNavigation li:nth-of-type(1) {background: none;}
  */
  
   
      .iconSearch {
      display: none;
    }
  
  
      /*MOBILE SEARCH*/
    
   #WP_1000942_12 {
  visibility: visible;
      position: relative;
      top: -48px;
      width: 100%;
      max-width: 500px;
      transition: left 0.4s ease-in;
      /*overflow-x: hidden;*/
      display: block;
    }
  
    
    .zonePadding #WP_1000941_12 {
    display: none!important;
    }
    
    .Popular-Search-Terms {
      display:none!important;
    }
    
    
    
   .iconSearch img {
      display: none!important;
    }
      
    
    #popular-terms-mobile {
    margin: 45px 0 40px 0;
  }
    
    #popular-terms-mobile h5 {
    color: black;
    font-size: 14pt;
    
    }
    
    #popular-terms-mobile a {
    margin: 45px 20px 0 0;
      font-size: 9pt;
  }
    

    #w1000942_ibtnSearchSubmit {
    max-height: 35px;
      min-width: 53px;
    /*! display: none; */
  }
    
    
    #cart-container {
    /*right: 0;*/
    width: 100vw;
  max-width:unset;
      top: 125px;
   
      height: calc(100vh - 70px);
    
  }
    
      #relative {
    right: 0;
    width: 100vw;
  max-width:unset;
      top: 70px;
   
      height: calc(100vh - 70px);
    
  }
    
    #dark-screen{
    opacity: 0 ;
    }
      
  
    
    #w1001137_pnlCartContents {
    max-height: 40vh;
    }
    
    
    #price-buttons {
     bottom: 8em;
    }
    
    
      }
  
  
  
      @media only screen and (max-width: 1300px) {
  
      .dropdown-content {
  
      /*! padding: 0 17%; */
      }
  
  
      }
  
  
  @media only screen and (max-height: 720px) {
  
   #w1001137_pnlCartContents {
   max-height: 30vh;
  }
  
  }
  
  
  
  @media only screen and (max-height: 660px) and (max-width: 850px) {
   
    #w1001137_pnlCartContents{
      max-width: 50%;
      max-height: calc(60vh - 100px);
    }
    .price-summary {
      width: 200px;
      
    }
    
    
    #price-buttons {
    width: 50%;
    transform: unset;
      bottom:5em;
  }
    
    .primary {
      margin-top: 10px;
      width:100%;
    }
    
    .secondary {
      
      width:108%;
    }
    
    .relative {
      display: inline-block;
    }
    
    #price-summary {
    margin-right: 50px;
    margin: ;
  }
    
    .cartTotals{
      padding-bottom: unset;
      margin-bottom:10px;
    }
    
    .cartTotals .totalsRow .FormLabel {
    flex-basis: unset;
  }
    
    
    a.edit-cart{
      width: 24%;
      
    }
    
     a.wrong-cart{
      width: 24%;
      
    }
    
  }
  
  @media only screen and (max-height: 550px) and (min-width: 850px) {
    
  
     #w1001030_pnlCartContents{
      max-width: 50%;
      max-height: calc(60vh - 100px);
    }
    .price-summary {
      width: 200px;
      
    }
    
    
    #price-buttons {
    width: 50%;
    transform: unset;
  bottom:2em;
  }
    
    #price-summary .cartTotals {
    padding-bottom: 10px;
      
    background-color: unset;
    }
    
    .primary {
      margin-top: 10px;
      width:100%;
    }
    
    .secondary {
      
      width:108%;
    }
    
    .relative {
      display: inline-block;
    }
    
    #price-summary {
    margin-right: 50px;
  }
    
    .cartTotals .totalsRow .FormLabel {
    flex-basis: unset;
  }
    
    
    a.edit-cart{
      width: 24%;
      
    }
    
     a.wrong-cart{
      width: 24%;
      
    }
    
  }
    /****** MEDIA QUERIES END *****/
    
  /*** FOOTER **/

  
  
 .footer-container .column {
    float: left;
    padding: 20px;
  }
  
  .footer-container .left   {
    display: none;
    
  }
  
  .footer-container .middle {
    width: 95%; height: 300px;
  }
  
  .footer-container .right {
    width: 5%; height: 300px}
  
  /* Clear floats after the columns */
  .footer-container .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .footercolumn .subscribe {
    background-color: #232323; 
    color: white; 
    padding: 12px 25px; 
    text-align: center; 
    text-decoration-line: none; 
    display: inline-block;
    font-size: 10pt;
    border-radius: 2px;
  }
  
  .footercolumn .subscribe:hover {
    background-color: #888;
  }
  

  .Lang-Switcher-Footer {
    margin-bottom: 50px !important;
    display: block;
    position: relative;
    bottom: 0;
    width: 100%;
    float: inline-end;
    margin-top: 50px;
  }
  

  
.Lang-Switcher-Footer .Lang-Country-Container {
  width: fit-content;
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.Lang-Switcher-Footer .Canada-Icon, .USA-Icon {
  width: 30px;
}

.Lang-Switcher-Footer .Country-Pop-Up {
  position: absolute;
  visibility: hidden;
  background-color: #404040;
  z-index: 1;
  margin-top: 4px;
  box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.2);
  transition: 0.1s ease-out;
  border-radius: 2px;
  top: -60px;
  right: -10px;
}

.Lang-Switcher-Footer .Canada-Icon:hover{
cursor: pointer;
}

.Lang-Switcher-Footer .Country-Switcher:hover .Country-Pop-Up {
  visibility: visible;
   transition: 0.1s ease-out
}


.Lang-Switcher-Footer .Country-Switcher {
  display: inline-block;
}
.Lang-Switcher-Footer .Country-Pop-Up img {
  margin: 10px;
}

  .row.footer-container {
    color: white;
    background-color: #232323;
    padding: 45px 15px 0px 15px;
    margin-top: 50px;
  }
  
  .footer-container .footercolumn a {
    color: white;
    margin: 6px 0;
    display: block;
    font-size: 10pt;
  }
  
  .footer-container a:hover{
  color:#888
  
  }
  
  .footer-container .footercolumn .subscribe {
    background-color: white;
    color: black !important;
    padding: 12px 0;
    text-align: center;
    text-decoration-line: none;
    display: inline-block;
    font-size: 12pt;
    max-width: 242px;
    width: 100%;
  }
  
  .footercolumn .subscribe:hover {
    background-color: #888;
  }
  
  
  .column-title {
    font-weight: bold;
    margin-bottom: 15px;
  }
  
  {
    box-sizing: border-box;
  }
  
  .footercolumn.footer-numbers p {
    font-weight: bold;
    margin: 0 0 12px 0;
  }
  
  /* Create four equal columns that floats next to each other */
  .footercolumn {
    float: left;
    width: 25%;
    padding: 10px 40px 50px 40px;
    height: auto;
  }
  
  
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  
  
  .copyright {
    font-size: 8pt;
    color: #888;
    text-align: center;
    display: inline-block;
    width: 100%;
  }
  
  .social-media {
   
    margin-top: 15px;
  }
  
  
  .social-media img {
    width: 28px;
  }
  
  .social-media img:hover {
    opacity: 50%;
  }
  
  .footer-container .footercolumn .email {
    margin-top: 30px;
  }
  .footer-container .footercolumn .social-media a {
    display: inline-block;
    margin: 10px;
  }
  
  
    
  @media screen and (max-width: 1039px) {
    
    .footercolumn {width: 100%;   text-align: center; padding: 30px;}
    
      .footerZone {
        padding: unset!important;}
  }
  
  @media screen and (min-width: 1039px) {
    
  .footer-container .footercolumn .social-media a {
  
    margin: 10px 12px 0 0;
  }
    
  }
  
  
  
  
  .column {
    float: left;
    padding: 20px;
  }
  
  .left   {
    display: none;
    
  }
  
  .middle {
    width: 95%; height: 300px;
  }
  
  .right {
    width: 5%; height: 300px}
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  body footer {
    background-color: #232323;
    padding: 0 0 20px 0 !important;
  }
  
  body footer a {
    color: #888 !important;
  }
  
