/* Min-width: 320px (smaller phone viewpoints)
v Min-width: 480px (small devices and most phones)
v Min-width: 768px (most tablets)
v Min-width: 992px (smaller desktop viewpoints)
Min-width: 1200px (large devices and wide screens)

#2a3036

*/


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
LARGER MOBILE DEVICES
This is for mobile devices with a bit larger screens.
*/
@media only screen and (min-width: 768px) {


.mob {display:none !important;}
.tab {display:block !important;}
.desk {display:none !important;}
.mobdesk {display:none !important;}
.mobtab {display:block !important;}
.tabdesk {display:block !important;}


.quotation {width:69%;}

.vertical-padding {	padding:5em 1em; }


#topnav { max-width:960px;	margin: 0 auto; background: none; }



.srt-menu.toggled-on{
width: 50%;
}




#videosplash {
background:rgba(0,0,0,0.4);
}	



#videobcg {
display:block;
}

.video123 {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
z-index:-10;	
}

#splash {
padding-top:8em ;
}	

#splash h1 {
font-size: 3em;
line-height: 110% !important;
color: #000000;
text-align: left !important;
}	

#splash20 {
padding-top:8em ;
}	

#splash20 h1 {
font-size: 3em;
line-height: 110% !important;
color: #000000;
text-align: left !important;
}	

.splashbtncontainer {/*text-align:center !important;*/}



#splash26 {
padding-top:8em ;
}	

#splash26 h1 {
font-size: 3em;
line-height: 110% !important;
color: #ffffff;
text-align: left !important;
}	





.partnerwu_btn {
    position: relative;
    top: -130px;
    right: 0px;
    z-index: 1000;
    float: right;
    max-width: 100%;
    font-size: 1em;
}

.partnerwu_btn a.button {
padding: 0.75em 3em;
}


.stats {margin:1em 0 0 0;}


.stats_container {
        width: 98%;
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        padding: 0 0 1em 0;
        flex-wrap: nowrap;
        gap: 3em;
}

.stats_container .stats_item {
  flex-basis: 25%;
}

.stats_item h2 {
    color: #111111;
  font-family: "Libre Baskerville", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
    font-size: 45px;
    line-height: 52px;
    letter-spacing: -2.24px;
    margin-top: 0;
    margin-bottom: 1px;
    text-align: left !important;
    padding-bottom: 0.1em;
}

.stats_container p {
    color: #111111;
font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    text-align: left !important;
    margin:0 0 1em 0;
    padding: 0;
}


#splash26 .stats_item h2 {
    color: #ffffff;
  font-family: "Libre Baskerville", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
    font-size: 45px;
    line-height: 52px;
    letter-spacing: -2.24px;
    margin-top: 0;
    margin-bottom: 1px;
    text-align: left !important;
    padding-bottom: 0.1em;
}

#splash26 .stats_container p {
    color: #ffffff;
font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    text-align: left !important;
    margin:0 0 1em 0;
    padding: 0;
}



#communities h2, #attendeeblock h2, #clientblock h2, #calendar h2, #titles h2, #products h2, #withus h2, #solutions h2 {font-size:3em;}



.benefitbox { 
    margin: 2em 4em 4em 0;
  
}



.benefitbox2 { 
    margin: 0;
  
}


.community-container .community-item {
    padding: 2em;
        min-width: 200px;
margin:0;
  width: auto;
}

.community-container .community-item:not(:last-child) {
  padding-right: 2em;
}


.community-container999 .community-item {
  min-width: 30%;

}



.jobtitle-container .jobtitle-item {
        padding: 0.75em 2em;
        min-width: 200px;
        margin: 0;
        width: auto;

}



.logoblock2 .logotrack2 {
    gap: 0 10px;
}

.logoblock .logotile {
    height: 125px;
    width: 125px;
}


.logoblock2 .logotile2 {
    height: 125px;
    width: 125px;
}









.footer_grid_4 { text-align:left; width:25%; margin:0; padding:0; border-right:1px solid #555555; min-height:200px; }




.calendar_list { padding:1em 0 0 1.5em;}




.calendar_item_wrapper {
width: 45%;
float: left;
margin: 1em;
max-height: 500px;	
}


a.calendar_item_morelink {
min-height: 400px;
    max-height: 400px;
    overflow: hidden;
}



.calendar_item_regbtn {
position: absolute;
bottom: 0;
width: 100%;
}



.calendar_wrapper{
max-width: 800px; 
margin: 0 auto;
padding:0;
}
.calendar_grid{
width: 96.666666666667%;
margin-left: 1.6666666666667%;
margin-right: 1.6666666666667%;
float: left;
text-align:left;
}





.calendar_item_container img {
  display: block;
  height: 3rem;
  max-width: 100%;
}


.calendar_item_container img.calendar_logo {
  height: 2rem;
  width: 100%;
}

.calendar_item_eventname h2 { font-size:2.55em !important;}



.absolute_btn {position: fixed;
        bottom: 50px;
        right: -50px;
        z-index: 1000;
        display: block; }



    a.event_card_container {
  margin: 0 1em 0.75rem 0;
          width: 45%;
    }





 .iframe-container {
    width: 560px; /* Match your iframe width */
    height: 315px; /* Match your iframe height */
    border-radius: 20px; /* The roundness amount */
    overflow: hidden; /* Clips the iframe's sharp corners */
    position: relative; /* Fixes rendering bugs in some browsers */
    transform: translateZ(0); /* Force hardware acceleration for smoother corners */
    border:1px solid #434343;
    margin:1em auto;
  }




.flowflexbox {
  display:flex;
  justify-content: space-between;
flex-wrap: wrap;
align-items: center;
text-align: left !important;
 padding: 2em 0 2em 0; }



.flowflexbox .flowiconbox {width:24%; margin: 0 2em 0 0; text-align: center;}


.flowflexbox .flowdescriptionbox {width:69%; }




.flex-grid-1{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
text-align: left !important;
}

.flex-grid-1  .col {

}


.flex-grid-111{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
text-align: left !important;
}

.flex-grid-111 .col40 {
width: 45%;
margin:0 1em 0 0;
}

.flex-grid-111 .col60 {
width: 50%;
margin-top:auto;
}






.flex-grid-222 {
display: flex;
justify-content: center;
align-content: center;
align-items: start;
flex-wrap: wrap;
grid-row-gap: 1em;
grid-column-gap: 3em;

}

.flex-grid-222  .col {
width: 45%;
margin:0 0 1em 0;
}








.flex-grid-333 {
display: flex;
justify-content: center;
align-content: center;
align-items: stretch;
flex-wrap: wrap;
grid-row-gap: 1em;
grid-column-gap: 2em;

}

.flex-grid-333  .col {
width: 30%;
margin:0 0 1em 0;
}


.flex-grid-333b {
display: flex;
justify-content: flex-start;
align-content: center;
align-items: stretch;
flex-wrap: wrap;
grid-row-gap: 1em;
grid-column-gap: 2em;

}

.flex-grid-333b a.subnavsplashbox {
width: 30%;
margin: 1em auto;
}


.flex-grid-333c {
display: flex;
justify-content: flex-start;
align-content: center;
align-items: stretch;
flex-wrap: wrap;
grid-row-gap: 1em;
grid-column-gap: 2em;

}

.flex-grid-333c a.subnavsplashbox {
width: 18%;
margin: 0;
}


.flex-grid-3350 {
display: flex;
justify-content: center;
align-content: center;
align-items: start;
flex-wrap: wrap;
grid-row-gap: 1em;
grid-column-gap: 2em;

}

.flex-grid-3350  .col {
width: 45%;
margin:0 0 1em 0;
}





.flex-grid-5050 {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
flex-wrap: wrap;
grid-row-gap: 1em;
grid-column-gap: 2em;

}

.flex-grid-5050  .col {
width: 45%;
margin:0 0 1em 0;
}







.flex-grid-6040 {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
flex-wrap: wrap;
grid-row-gap: 1em;
grid-column-gap: 2em;


}

.flex-grid-6040  .col60 {
width: 60%;
margin:0 0 1em 0;
}

.flex-grid-6040  .col40 {
width: 35%;
margin:0 0 1em 0;
}




.flex-grid-10050 {
display: flex;
justify-content: center;
align-content: center;
align-items: start;
flex-wrap: wrap;
grid-row-gap: 1em;
grid-column-gap: 2em;

}

.flex-grid-10050  .col {
width: 45%;
margin:0 0 1em 0;
}


.productlabel p.label {
    margin: 0 1em 0 0;
    font-size: 1.25em;
}



.flex-grid-444 {
display: flex;
justify-content: center;
align-content: center;
align-items: start;
flex-wrap: wrap;
grid-row-gap: 1em;
grid-column-gap: 1em;

}

.flex-grid-444 .col {
width: 45%;
margin:0;
}





.flex-grid-555 {
display: flex;
justify-content: space-around;
align-content: center;
align-items: start;
flex-wrap: wrap;
grid-row-gap: 1em;
grid-column-gap: 0.25em;

}

.flex-grid-555  .col {
width: 19%;
margin:0 0 1em 0;
}


.flex-grid-555 .col img {
max-width: 40%;
}




.logocontainer33 .col {

    height: 150px;
}


.speakerhead img { height: 125px; width:125px; border-radius: 50%; }




.calendar_container {
  display: flex;
  align-items: flex-start;  
}


.selection {width:20%; margin:0; color:#434343; min-width:180px; position: sticky; top: 2em; }

.calendar_list {width:74%;}




    .careblock img{ float:left; margin: 0 2em 0 0; display:inline-block; }









.footer_grid_20 { width: 20%; float:left; display: block; }


.footer-nav-links-title a {
  margin:0 0 0.5em 0;
  padding:0.25em;
  cursor: pointer;
  font-weight: 400;
  font-size: 1.2em;
  border-bottom: 1px solid #646464;
  color:#ffffff !important;
  display: block;
}

.footer-nav-links-title a:hover {
text-decoration: none;
}

.footer-nav-links-group {
padding: 0 0.5em;
display:block;
  }









.agenda-table-wrap .agenda-line {
    display: flex;
    padding: 1.5em;
}


.agenda-table-wrap .agenda-line div {
        flex-basis: 70%;
    }
    
.agenda-table-wrap .agenda-line div.time {
    flex-basis: 25%;
    padding-left: 4%;
}









.agenda-table-wrap .agenda-line2 {
    display: flex;
}


.agenda-table-wrap .agenda-line2 div {
        flex-basis: 70%;
    }
    
.agenda-table-wrap .agenda-line2 div.time2 {
    flex-basis: 25%;
    padding-left: 4%;
}







.flex-grid-bio {
display: flex;
justify-content: space-evenly;
align-content: center;
align-items: start;
flex-wrap: wrap;
grid-row-gap: 2em;
grid-column-gap: 1em;
min-height:50vh;
}

.flex-grid-bio .col {
width: 45%;
margin:0;
}




.modalheadnametitle { float:left; width:23%;}


.modalfullbio { float:left; width:76%; padding:0 0 0 2em; text-align: left;}

.modalfullbio p { font-size:1.25em; line-height: 150%;}

}


.logo-track {
    animation: marquee 76s linear infinite;
}



/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/