.icon {width:auto; height:80px; }

.icon-75 {width:75px; height:75px; border-radius:100%;}
.icon-85 {width:85px; height:85px; border-radius:100%;}
.icon-100 {width:100px; height:100px; border-radius:100%;}
.icon-75 img, .icon-85 img, .icon-100 img{padding:3px;}
@media(max-width:767.98px) {
.icon {width:75px; height:75px}
/*.icon-75 {width:50px; height:50px; border-radius:100%;}*/
.icon-100 {width:75px; height:75px; border-radius:100%;}
}

h2 { font-weight:800; margin-bottom:1.5rem }
h3 { font-weight:400; margin-bottom:1.5rem; line-height: 30px; }

@media(max-width:767.98px) {
    h2, h3 {margin-bottom:1rem }
}

h2 {color:var(--bs-secondary)}

.section ul li  {margin-bottom: 10px;}

/*visual section*/
.section-visual-head{line-height:1.2;margin-bottom:0px;color:#fff; }
.section-visual-text h1 {font-weight:700}
.bg-visual-inside {position:relative; background: rgba(0, 0, 0, .8); _background: linear-gradient(90deg,rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .15) 100%);}
.bg-visual-inside:after { content: ''; width: 100%; height: 5px; background: rgba(255, 255, 255, 0.8);  position: absolute;  bottom: 0; left: 0;}
@media(min-width:768px) {
.section-visual {background-color:#f0f0f0;width: 100%;display: block;position: relative;background-size:cover;}
.section-visual-overlay {width: 100%;position: absolute;z-index: 1;height: 100%;top: 0px;}
.bg-visual-inside {background: rgba(0, 0, 0, .7); _background: linear-gradient(90deg,rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .15) 100%);}
.section-visual-text {position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
}
@media(max-width:1199.98px) {
.section-visual { min-height: 100px !important;}
}

@media(max-width:767.98px) {
.section-visual {background-size:cover;background-repeat:no-repeat;background-position:center; min-height:75px}
.section-visual img {display:none}
/*.section-visual-text {padding: 1rem 1.5rem;}*/
/*.section-visual-head {font-size: 1rem;}*/
.section-visual-overlay {height:100%; display:flex; justify-content:center; align-items:center}
}

.stickynav {z-index:3}
/*@media(min-width:1024px) {
.stickynavbar {position:sticky; top:67px;}
}
@media(min-width:1280px) {
.stickynavbar {position:sticky; top:150px;}
}*/

.videolink {position:absolute; bottom:auto; top:0px; right:0px; z-index:1;}
.videolink > .video-icon {background:var(--bs-primary); width:45px; height:45px; line-height:50px; text-align:center; border-radius:100%; transition:all linear 0.3s}
.videolink:hover > .video-icon {bottom:-7px; right:-7px; z-index:1; background:var(--bs-secondary);}
.videolink > .video-icon > .bi {font-size: 1.7rem; color:rgb(255, 255, 255)}

.leadership a {_color:inherit; font-size: 0.96rem; text-decoration:none; display:block}
.leadership a .border-secondary, .leadership a .btn {transition:linear all 0.3s}
.leadership a:hover .border-secondary {border-color:var(--bs-btn-hover-border-color) !important}
.leadership a:hover .btn {background:var(--bs-btn-hover-bg) !important; border-color:var(--bs-btn-hover-border-color)}
.leadership figcaption p {line-height:20px}

@media(max-width:575.98px) {.leadership a {font-size: 0.84rem;}}

/*Canvas Panels*/
.vendorpanel {width:400px !important; z-index:9993}
.teampanel {width:45% !important; height:auto !important; z-index:9993}
.feedbackform{width:800px !important; height:auto !important; z-index:9993}
.vendorpanel .btn-close, .teampanel .btn-close, .feedbackform .btn-close{--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); opacity:1 !important}
@media(max-width:1198.98px) {
    .teampanel {width:70% !important; height:auto !important; z-index:9993}
}
@media(max-width:767.98px) {
.teampanel {width:100% !important; height:auto !important; z-index:9993; left:10px; padding-top: 0;}
.feedbackform{width:100% !important; height:auto !important; z-index:9993; left:10px;}
}

.careers .accordion-button {transition:linear all 0.3s}
.careers .accordion-item, .careers .accordion-button {background:transparent !important; border-width: 0; border-radius:0px !important;}
.careers .accordion-item .accordion-button {box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}
.careers .accordion-item:last-child .accordion-button {box-shadow: none !important;}
.careers .accordion-button:hover, .careers .accordion-button:not(.collapsed) {background-color: #f2f2f2 !important;}

.icon-50 {min-width:30px;}
.icon-50 svg {width:18px !important; height:18px !important}
@media(min-width:980px) {
.icon-50 {min-width:50px;}
.icon-50 svg {width:24px !important; height:24px !important}
}


.triangle-left, .triangle-right, .triangle-top, .triangle-bottom {width: 0;height: 0;margin: 18px auto;}
.triangle-left,
.triangle-right {border-top: 18px solid transparent;border-bottom: 18px solid transparent;}
.triangle-top,
.triangle-bottom {border-left: 18px solid transparent;border-right: 18px solid transparent;}
.triangle-right {border-left: 30px solid var(--bs-secondary);}
.triangle-left {border-right: 30px solid black;}
.triangle-top {border-bottom: 30px solid black;}
.triangle-bottom {border-top: 30px solid black;}
.triangle-right {position: absolute;top: 0px;right: -5px;}

@media(max-width:767px) {
.triangle-left, .triangle-right, .triangle-top, .triangle-bottom {width: 0;height: 0;margin: 0px auto;}
.triangle-right {border-top: 18px solid transparent;border-bottom: 0px solid transparent;}
.triangle-right {position: absolute;top: auto; _bottom:0px; right:0; left:0px;}
.triangle-right {border-left: 12px solid transparent;border-right: 12px solid transparent;}
.triangle-right {border-top: 18px solid var(--bs-secondary);}
}

/* Arrow Left Right */
@-webkit-keyframes arrowLeftRight {
	0% {
		transform: translate3d(-1px, 0, 0);
	}

	50% {
		transform: translate3d(1px, 0, 0);
	}

	100% {
		transform: translate3d(-1px, 0, 0);
	}
}
.navbarleft {margin:0; padding:0; list-style:none}
.navbarleft li {position:relative;margin-bottom:0px; display:block}
.navbarleft li a { transition: background 0.1s; border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding: 8px 0 8px 22px; display: block;  font-size: 0.8rem; color:#212529; text-decoration: none; line-height: 20px;}
.navbarleft li a:before { font-family: bootstrap-icons; content: "\F285"; font-weight: 900; position: absolute; top: 8px;  font-size: 0.6rem; opacity: 0.7; transform: translate3d(-1px, 0, 0); left: 8px;}
.navbarleft li a.active {color: var(--bs-primary) !important;}
.navbarleft li a:hover {color:var(--bs-primary)}
.navbarleft li a:hover:before  {  -webkit-animation-name: arrowLeftRight; animation-name: arrowLeftRight; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
/*.subnavleft {cursor:default !important; color:#666}*/

.breadcrumb, .breadcrumb-item.active {text-transform:uppercase; font-size:0.8rem}
.breadcrumb-item a {position:relative; color: #777;  text-decoration:none; }
.breadcrumb-item a:hover { }
.breadcrumb-divider { border-top: 1px solid #dee2e6;}

.breadcrumb-item a:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 0%; position: absolute; background: #fff; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;}
.breadcrumb-item a:hover:after { width: 100%; left: 0; right: 0;}

.stickyleftnav {position:relative;z-index:1}
@media (min-width: 1200px) {
.stickyleftnav {position:relative;z-index:1}
.stickyleftnavbar {position: sticky;top: 155px;z-index:1}
}
@media (max-width: 1199.98px) {
.stickyleftnav {position:relative;z-index:1001}
.stickyleftnavbar {position: sticky;top: 110px;z-index:1}
}
@media (max-width: 575.98px) {
.partners img {height:60px}
}

.social-link {position:absolute; z-index:1; right:0; bottom:0; display:flex; background:#fff}
.social-link .bi {color:#0a66c2}

.hover-link a { position:relative; text-decoration:none}
.hover-link a:after {background: none repeat scroll 0 0 transparent;bottom: 2px;content: "";display: block;width: 0;left: 0;right: 0;position: absolute;background: var(--bs-primary);transition: width 0.3s ease 0s, left 0.3s ease 0s;}
.hover-link a:hover:after {width: 100%;height: 1px;left: 0%;}

.table-link li{margin-bottom:10px} 
.table-link a { position:relative; text-decoration:none}
.table-link a:hover { text-decoration:underline}

.row-hover-links .icon {width:24px;}
.row-hover-links a { position:relative; text-decoration:none;color:var(--bs-dark);transition: all 0.3s ease-in;}
.row-hover-links a:hover{border-color:var(--bs-primary)!important;background-color:var(--bs-light);color:var(--bs-primary)}