/* sales rep locator page  css start here */
@font-face {
    font-family: 'Avenir LT 55 Roman';
    src: url('../fonts/AvenirLT-Roman.woff2') format('woff2'),
        url('../fonts/AvenirLT-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-HeavyOblique.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-HeavyOblique.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Heavy.woff2') format('woff2'),
        url('../fonts/Avenir-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.leaflet-tooltip-pane { display: none !important; }

nav .breadcrumb { background-color: transparent; padding: 0;margin: 0;font-size: 16px; display: flex; }
.breadcrumb-item {  padding-right: 8px; }
.breadcrumb-item.active { font-size: 14px; color: #fff; }
.breadcrumb-item.active:hover { color: #c0392b;}
.breadcrumb-item.active img { margin-right: 8px; }
.breadcrumb-item { display: inline;font-weight: 500; }
.breadcrumb-item a { color: #C21735; text-decoration: none; } 
.breadcrumb-item a:hover { text-decoration: underline; }
.breadcrumb-item.active::after { content: ''; }
.home-link { font-weight: bold; }


.hero-section { background-position: center center ;background-repeat: no-repeat; background-size: cover; padding: 120px 0 60px; position: relative; z-index: 1; }
.hero-section:after { z-index: -1;   content: "";position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(0, 0, 0, 0.80), rgba(0, 0, -1, 0.82)); }
.banner-caption {  max-width: 610px; }
.hero-section h2 { font-size: 41px; color: #fff; line-height: 48px; margin-bottom: 16px;padding-bottom: 0; margin-top: 6px; }
.hero-section p { font-size: 20px; color: #fff; line-height: 28px; margin-bottom: 20px;letter-spacing: 0.1px; }
.btn-bg { font-size: 16px; line-height: 24px; display: inline-block; letter-spacing: 0px; color: #fff;    background: #C21735; padding: 13px 13px; text-transform: uppercase; }
.btn-bg:hover { background: #3C3C3C;  }

.filter-container { display: flex;align-items: center; gap: 28px; padding: 30px 0 5px; justify-content: center; }
.dropdown {position: relative;}
.custom-dropdown { padding: 10px 15px;border-radius: 4px; font-family: 'Avenir LT 55 Roman'; font-weight: normal; font-size: 15px;border: none; width: 215px; background-color: #fff; color: #000; appearance: none;outline: none;  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06);transition: border-color 0.3s ease; min-height: 38px;background: url(https://www.williamsonir.com/wp-content/uploads/2025/07/arrow-down.svg);  background-size: 13px; background-position: 92%;background-repeat: no-repeat; cursor: pointer; } 
.custom-dropdown:focus {border-color: #4A90E2; }
.clear-button { padding: 8px 18px; background-color: #3C3C3C;color: #fff; font-size: 16px;
  font-weight: 600;border: none; border-radius: 4px;cursor: pointer;transition: background-color 0.3s ease; min-width: 145px; min-height: 38px; }
.clear-button:hover {background-color: #C21735;}

.filter-map-section { background: #fcfcfc; }
.interactive-map { background: #fcfcfc; }

.sales-representative-sec { padding: 75px 0 40px; background: #fefefe;border-radius: 100px 100px 0 0; }
.sales-representative-sec .container-fluid { max-width: 1290px;margin: 0 auto; }
.sales-representative-sec h2 { text-align: center; font-size: 41px; line-height: 48px; }
.sales-rep-container { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -10px;
 padding-top: 50px; padding-bottom: 20px; }
.sales-rep-card { width: 23%;background-color: #fff;padding: 25px 15px 23px 30px; border-radius: 10px; transition: transform 0.3s ease, box-shadow 0.3s ease; margin: 0 10px;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06); margin-bottom: 20px; display: flex; flex-direction: column; }
.sales-rep-card h3 { font-size: 32px; color: #000; line-height: 40px;margin-bottom: 0;padding-bottom: 0px; }
.sales-rep-card h5 { font-size: 20px; color: #3C3C3C; line-height: 38px;text-transform: capitalize; padding-bottom: 33px; font-family: 'Avenir LT 55 Roman'; }
.sales-rep-card .info { font-size: 16px; color: #000000; font-weight: 400; line-height: 25px; padding-bottom:13px !important; padding-left: 28px; position: relative;}
.sales-rep-card .info a { color: #000;}
.sales-rep-card .info a:hover { color: #C21735; }
.sales-rep-card .info:last-child { padding-bottom: 20px !important; }
.sales-rep-card .info img {  position: absolute; left: 0;  top: 4px; }

.sales-rep-card .visit-site.btn-bg { border-radius: 4px; min-width: 155px; padding: 7px 10px; background: #C21735;  font-size: 14px; font-weight: 600 !important;text-transform: initial;letter-spacing: 1.3px; margin-top: auto; width: 155px; text-align: center; }
.sales-rep-card .email-btn { margin-top: 10px !important; }
.sales-rep-card .visit-site.btn-bg:hover { background: #3C3C3C; }
.sales-rep-card:hover { box-shadow: 0 0px 8px rgba(0,0,0,0.25); }
.hotspot-info { display: none !important; }
.sales-representative-sec .view-more {  text-align: center; font-size: 20px;  font-weight: 700;line-height: 24px; max-width: 115px; margin: 0 auto; }
.sales-representative-sec .view-more:hover { color: #3C3C3C; }
.sales-representative-sec .view-more img { display: block; margin: 10px auto 0; }


@media(max-width:1200px) {
    .sales-representative-sec .container-fluid {  padding: 0 20px; }    
}

@media(max-width:1024px) {
    .sales-rep-card { width: 30%; }        
}

@media(max-width:767px) {
    .hero-section { padding: 120px 0 50px}
    .filter-container { text-align: center; flex-wrap: wrap; }
    .dropdown { padding: 0 20px; width: 100%; }
    .custom-dropdown { width: 100%; background-position: 95%; }
    .sales-representative-sec { padding: 40px 0 30px; }
    .sales-rep-container { margin: 0; justify-content: space-between; }
    .sales-rep-card { width: 48.5%; margin: 0 0 20px; }        
}

@media(max-width:575px) {
    .sales-rep-card { width: 100%; padding: 20px 20px 23px 25px; }
    .sales-rep-card h5 { padding-bottom: 20px; }
}
/* sales rep locator page  css end here */
.hotspots-interaction { margin-top: 4px !important; }
#hotspot-28522 .hotspots-map-container { background: transparent !important; }
#hotspot-28522 .leaflet-container { background: transparent !important; }
.hotspots-interaction { margin: 0 !important;}
#hotspot-28522 .hotspots-placeholder , .da-address-wrapper{  display:none; }
.view-more.loading a {pointer-events: none; opacity: 0.6;position: relative; }
.view-more.loading a::after {content: ""; position: absolute;top: 50%; right: -30px;width: 18px; height: 18px;border: 2px solid #fff;border-top: 2px solid #C21735; border-radius: 50%;  animation: spin 0.8s linear infinite; transform: translateY(-50%); }
@keyframes spin { 100% { transform: translateY(-50%) rotate(360deg); } }

.imapsTooltip, .imapsTooltip-group { display: none !important; }
.interactive-map-wrapper {position: relative;width: 100%;max-width: 1240px;margin: 0 auto; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; }
.interactive-map { position: relative; z-index: 1; width: 100%;background-repeat: no-repeat; background-size: contain;background-position: center top; }
.interactive-map.full-width { width: 100%; }
.interactive-map.half-width { width: 50%; }
.interactive-map.full-width .map_wrapper .map_aspect_ratio { height: 685px !important; }
.interactive-map.half-width .map_wrapper .map_aspect_ratio { height: 485px !important; padding: 0 !important; }
.map_render > div svg { height: 649px !important; overflow: inherit !important; }
.map_wrapper { max-width: 100%; width: 100%;  transform: scale(1.04); } 
.map-block.united-states.half-width .map_wrapper { transform: scale(0.93); }
.united-states.half-width .map_wrapper .map_aspect_ratio { height: 325px !important; } 
.map-block.united-states.half-width .map_render > div { left: 10px !important; top: -23px !important; }
.map-block.united-states.full-width .map_wrapper { transform: scale(0.985); } 
.map-block.united-states.full-width .map_render > div {left: 18px !important;top: -46px!important;}

.map_render > div { left: 1px !important; top: -5px !important; width: 100% !important; }
.map-block.africa .map_render > div { left: -16px !important; top: -4px !important; }
.map-block.africa .map_wrapper { transform: scale(0.98); }
.map-block.latin-america-038-the-caribbean .map_wrapper { transform: scale(0.891); }
.map-block.latin-america-038-the-caribbean .map_render > div { left: -37px !important; top: -78px !important; }
.map-block.latin-america-038-the-caribbean.half-width .map_render > div { left: -20px !important; top: -119px !important; }


.map-overlay { position: absolute;top: 0; left: 0; width: 100%; height: auto; z-index: 1; pointer-events: none; }
.imapsTooltip{ display: none !important; }

.imapsCircle {fill: #c21735;stroke: #ffffff;stroke-width: 1;position: relative;animation: pulse 2s infinite ease-in-out; }
.imapsCircle::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;background-color: #000; z-index: -1; opacity: 0.3; animation: blackPulse 2s infinite ease-in-out; }

.south-america .map_wrapper .map_aspect_ratio { height: 669px !important; }
.south-america .map_wrapper { transform: scale(0.915); }
.south-america .map_render > div { left: -2px !important; top: 2px !important; }

.map-block.australia .map_wrapper { transform: scale(0.94); }

.map-block.new-zealand .map_wrapper { transform: scale(1.80);}
.map-block.new-zealand .map_render > div { left: 56px !important;top: 14px !important;}
.map-block.new-zealand.half-width .map_render > div{left: 41px !important; top: 10px !important;}

.map-block.europe .map_wrapper { transform: scale(1.14); }
.map-block.europe .map_render > div { left: 1px !important;top: 44px !important; }
.map-block.europe.half-width .map_render > div { top: 34px !important; }

.map-block.asia-pacific .map_wrapper { transform: scale(2.06); }
.map-block.asia-pacific .map_render > div { left: 53px !important;top: -178px !important; }
.map-block.asia-pacific .map_render > div svg { height: 750px !important; }
.map-block.asia-pacific .imapsCircle { transform: scale(0.1); }

.map-block.middle-east .map_wrapper { transform: scale(0.8);}
.map-block.middle-east .map_render > div { left: 98px !important;top: 42px !important; }
.map-block.middle-east.half-width .map_render > div {left: 70px !important;top: 30px!important;}
.map-block.canada .map_wrapper { transform: scale(0.89); }
.map-block.canada .map_render > div { left: -19px !important; top: -151px !important;} 
.map-block.canada.full-width .map_render > div { left: -29px !important; top: -210px !important; }  
.map-block.greenland .map_wrapper { transform: scale(0.827); }
.map-block.greenland .map_render > div {left: 0px !important;top: 2px !important;}
.interactive-map.map-block.latin-america-038-the-caribbean.half-width {
    margin-top: 100px;
}


div#page-container { overflow-x: hidden; }
.imapsSprite-group { cursor: pointer; }

@media(max-width:1285px) {
    .interactive-map-wrapper { overflow: hidden; }
    .map_render > div { top: -6px !important; }
    .imapsCircle { transform: scale(0.9) !important; }
}
@media(max-width:1024px) {
    .interactive-map.half-width { width: 100%; } 
    .united-states .map_wrapper { transform: scale(1.26); }
    .map_render > div { top: -7px !important; left: 1px !important; }
    .map-block.latin-america-038-the-caribbean .map_render > div { left: -25px !important; top: -148px !important; }
    .map-block.united-states.full-width .map_render > div { left: 1px !important; top: -4px !important; }
    .map-block.united-states.full-width .map_wrapper {  transform: scale(1.02); }
    .interactive-map.full-width .map_wrapper .map_aspect_ratio { height: 602px !important; }
    .map-block.canada.half-width .map_render > div { transform: scale(0.9); }
    .map-block.canada.half-width .map_render > div { left: -18px !important; top: -131px !important; }
    .map-block.greenland.half-width .map_render > div { left: 0px !important;top: 2px !important;}
    .map-block.greenland.half-width .map_wrapper { transform: scale(0.77); }  
    .map-block.asia-pacific .map_wrapper { transform: scale(2.17); }
    .map-block.asia-pacific .map_render > div { left: 33px !important;top: -145px !important;}
    .map-block.canada .map_wrapper { transform: scale(1); }
    .map-block.latin-america-038-the-caribbean.half-width .map_render > div {
    left: -27px !important; top: -67px !important; }
}

@media(max-width:991px) {
    .map_wrapper .map_aspect_ratio { height: 602px !important;}
    .imapsCircle { transform: scale(0.7) !important; }
    .map_wrapper { transform: scale(1.26); }
    .map_render > div svg { height: 495px !important; }
    .map-block.united-states .map_render > div { top: -50px !important; }
    .map-block.africa .map_render > div svg { height: 630px !important; }
    .map-block.united-states .map_render > div { top: 10px !important; }
    .map-block.greenland .map_render > div svg { height: 605px !important; }
    .map-block.greenland .map_wrapper { transform: scale(0.83); }
    .map-block.canada .map_render > div svg {  height: 615px !important; }
    .map-block.canada.half-width .map_wrapper { transform: scale(1); }
    .map-block.canada.full-width .map_wrapper { transform: scale(0.89); }
    .map-block.canada .map_render > div {left: -7px !important;top: -8px !important;}
    .map-block.canada.full-width .map_render > div { left: -25px !important; top: -187px !important;}
    .map-block.europe .map_render > div { left: 1px !important;top: 41px !important; }
    .map-block.europe.half-width .map_wrapper { transform: scale(1.14); }
    .map-block.europe.half-width .map_render > div { top: 33px !important;left: 1px !important;}
    .map-block.united-states.half-width .map_render > div { left: 8px !important;top: -24px !important;}
    .map-block.united-states.half-width .map_wrapper {  transform: scale(0.92); }
    
    .map-block.united-states.full-width .map_render > div {left: 10px !important; top: -105px !important; }
    
}

@media(max-width:767px) {
    .interactive-map.half-width { width: 100%; }
    .interactive-map-wrapper { display: block; }
    .map_wrapper .map_aspect_ratio { height: 258px !important; }
    .map-block.united-states .map_render > div { top: -2px !important; }
    .map_render > div svg { height: 375px !important; }
    .map_render > div { top: -10px !important; left: 0px !important; }
    .map_wrapper { transform: scale(0.91); }
    .imapsCircle { transform: scale(0.5) !important; }
    .united-states .map_wrapper { transform: scale(1.259); }
    .south-america .map_render > div svg { height: 575px !important; }
    .south-america  .imapsCircle { transform: scale(0.9) !important; }
    .south-america .map_wrapper { transform: scale(0.93); }
    .south-america .map_render > div {top: -60px !important; left: -1px !important; }
    .map-block.africa .map_render > div { left: -6px !important;top: -2px !important;}
    .map-block.asia-pacific .map_render > div { left: 16px !important;top: -62px !important;}
    .map-block.asia-pacific .map_wrapper {transform:scale(2.2); }
    .map-block.europe .map_render > div { left: 1px !important; top: 17px !important; }
    .map-block.europe .map_wrapper { transform: scale(1.14);}
    .map-block.latin-america-038-the-caribbean .map_render > div {left: -12px !important; top: -52px !important; }
    .map-block.middle-east .map_render > div { left: 38px !important;top: 16px !important; }
    .map-block.new-zealand .map_render > div { left: 23px !important;top: 5px !important; }
    .map-block.australia .map_render > div { top: -1px !important; }
    .map-block.greenland .map_wrapper { transform: scale(0.777); }
    .map-block.canada .map_render > div {left: -2px !important;top: 1px !important;}
    .map-block.canada.half-width .map_render > div { left: -11px !important;top: -77px !important; }
    .interactive-map.full-width .map_wrapper .map_aspect_ratio { height: 258px !important; }
    .united-states.half-width .map_wrapper .map_aspect_ratio {  height: 258px !important; }
    .map-block.united-states.half-width .map_render > div { left: 5px !important;top: -47px !important; }
    .map-block.united-states.half-width .map_wrapper { transform: scale(1.02); }
    .map-block.united-states.full-width .map_render > div { left: 5px !important; top: -34px !important; }
    .map-block.united-states.full-width .map_wrapper { transform: scale(1.02) }
    
    .interactive-map.half-width .map_wrapper .map_aspect_ratio { height: 285px !important; }
    .map-block.greenland .map_render > div { left: 1px !important;top: 6px !important; }
    .map-block.new-zealand.half-width .map_render > div { left: 24px !important; top: 7px !important; }
    .south-america .map_render > div { top: 2px !important; left: -1px !important; }
    .map-block.middle-east.half-width .map_render > div { left: 41px !important;top: 20px !important; }
    .map-block.greenland.half-width .map_render > div { left: 0px !important;top:2px!important; } 
    .map-block.canada .map_wrapper { transform: scale(1); }
    .map-block.canada.full-width .map_wrapper { transform: scale(0.9); }
    .map-block.canada.full-width .map_render > div { left: -11px !important; top: -78px !important; }
    .map-block.europe.half-width .map_render > div { top: 20px !important; left: 1px !important; }
    .map-block.europe.half-width .map_wrapper { transform: scale(1.13); }
    .sales-rep-card .visit-site.btn-bg { letter-spacing: 0.9px; }
    .map-block.latin-america-038-the-caribbean.half-width .map_render > div { left: -11px !important;
    top: -67px !important; }
    .interactive-map.map-block.latin-america-038-the-caribbean.half-width { margin-top: 0;}
    
    
}

@keyframes pulse {
  0% {
    transform: scale(1);
    stroke-width: 1; 
    stroke: #ffffff;
    opacity: 1; 
  }
  50% {
    transform: scale(1.5); 
    stroke-width: 5; 
    stroke: #ffffff; 
    opacity: 0.6; 
  }
  100% {
    transform: scale(1); 
    stroke-width: 1; 
    stroke: #ffffff; 
    opacity: 1; 
  }
}

@keyframes blackPulse {
  0% {
    transform: scale(1);
    opacity: 0.3;
  }
  50% {
    transform: scale(1.8); 
      opacity: 0.6;
  }
  100% {
    transform: scale(1);
    opacity: 0.3;
  }
}
#id-2605{
	display:none !important;
}
