/*
Green: #8dc73f, rgba(141,199,63,1)
Orange: #f58220, rgba(245,130,32,1)
Dark grey: #58595b, rgba(88,89,91,1)
Light grey: #b8babc, rgba(184,186,188,1)

Slightly darker green: #6f9e31, rgba (111,158,49,1)
Dark green: #4c7520, rgba(76,117,32,1)


*/





/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
BASE (MOBILE) SIZE
These are the mobile styles. It's what people see on their phones.
Remember, keep it light: Speed is Important.







*/



.mob {display:block !important;}
.tab {display:none !important;}
.desk {display:none !important;}
.mobdesk {display:block !important;}
.mobtab {display:block !important;}
.tabdesk {display:none !important;}




.hide {display:none;}


.breadcrumb {display:none;}



/*
// <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name

*/


.libre-baskerville-normal {
  font-family: "Libre Baskerville", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.libi {
  font-family: "Libre Baskerville", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: italic;
}


.roboto-normal {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

}


.roboto-condensed-normal {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}



.montserrat.normal {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}



/* typography */
body {
font-family: 'Montserrat', sans-serif;
font-size:0.8em;
background: #f2f2f2;
color: #111111;
margin:0;
padding:0;
background: #8dc73f url("https://cdn.cdm.media/images/cdm_bg26a.jpg");
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;

}



h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif;
margin:0 0 1em 0;
/*padding:0;*/
line-height:120%;
}

h1 {
margin: 1em 0 0 0;
/*border-bottom: 4px solid #8dc73f;*/
}

h2 {
padding: 1em 0 0.25em 0;
/*border-bottom: 4px solid #8dc73f;*/
font-weight:bold;
}

h3 {
padding: 1em 0 0.25em 0;
/*border-bottom: 4px solid #8dc73f;*/
}

p { margin:1em 0; font-size: 1em; line-height:normal; font-weight:400; }

/* links */
a,
a:visited,
a:active,
a:hover { color:#357dce; text-decoration:none; }


.white_text { color:#ffffff; }
.grey_text { color:#434343; }
.black_text { color:#111111; }
.orange_text { color:#f58220; }
.green_text { color:#8dc73f; }

.whitetext { color:#ffffff !important;; }
.greytext { color:#434343 !important;; }
.blacktext { color:#111111 !important;; }
.orangetext { color:#f58220 !important; }
.greentext { color:#8dc73f !important; }

.goldtext { color:#cfb47b !important; }

.center { text-align:center !important; }
.centerpad { text-align:center; padding:0 25%;}
.left { text-align:left !important; }
.right { text-align:right !important; }
.fader { background: rgba(0,0,0,0.5); }
.fader50 { background: rgba(0,0,0,0.5); }
.fader80 { background: rgba(0,0,0,0.8); }
.fader90 { background: rgb(0,0,0); /* Fall-back for browsers that don't support rgba */ background: rgba(0, 0, 0, .9); }
.fader_white50 { background: rgba(255,255,255,0.5); }
.fader_white75 { background: rgba(255,255,255,1); }
.padsmall { padding:1em; }
.padmedium { padding:2em; }
.padlarge { padding:4em; }
.paddown { padding:0 0 2em 0; }
.padupdown { padding: 2em 0; }

a { text-decoration: none; color: #357dce; }
a:hover { text-decoration: none; }

a.white_text { color:#ffffff; }
a.bodylink { color:#f69322; text-decoration:none; border-bottom:1px dotted #ffffff; }
a.bodylink:hover { color:#f69322; text-decoration:none; border-bottom:1px solid #ffffff; }
.bodytext {line-height:150%;}

.whiteborder { border:1px solid #ffffff; }
.intro { font-size:1.3em !important; line-height: 150%; }

.subhead { font-size:1.2em; font-weight:bold; margin:1em 0; }
.notation { font-style:italic; font-size:0.9em; color:#999; }
.alert { font-weight: bold; color:#C00; }
.indent { padding:0 0 0 1em; }
.nopadnomargin { padding:0; margin:0; }
.toppad1 {margin: 1em 0 0 0;}
.toppad2 {margin: 2em 0 0 0;}
.toppad4 {margin: 4em 0 0 0;}
.menu_small { font-size:0.8em; }
.midcol {border-right:1px solid #b8babc; border-left:1px solid #b8babc; padding:0 1em;}
.rightcolumnline { border-left:0px solid #b8babc; padding:0 0 0 1em;}
.quotation {font-size:2em; margin:1em auto; text-align: center !important; width:76%;}
.attribution {font-size:1.5em; margin:0 0 3em 0; text-align: center !important;}
.quotemarks {width:50%; min-width:50vw; max-width:75vw;}
.uppercase {text-transform: uppercase;}




.step1 {font-size:1.5em; margin:1em auto; text-align: center !important; width:76%;}


.step2 {}

.flowflexwrapper { display:block; text-align: center !important; width:76%; margin:0 auto;}

.flowflexbox {border-bottom:1px dotted #434343; padding: 2em 0 4em 0;}

.flowiconbox {margin:2em 0 0.5em 0;}

.flowicon {min-width:100px; max-width:100px; }


.flowdescriptionbox {font-size:1.5em; margin:1em auto;  }


.caseimg {border-radius:1em; margin:1em;}

.featlogo {}


header {
padding: 0;
width: 100%;
margin: 0 auto;
z-index:1000;
}





#wrapheader { }



#navtab {display:none;}
#navtab2 {display:none;}


/*MAIN MENU*/
.menu-toggle{
display:block;
padding:20px;
margin:0;
background:rgba(0,0,0,0.5);
color:#fff;
cursor:pointer;
text-transform:uppercase;
font-size:1em;
}

.menu-toggle:hover{
background:rgba(0,0,0,0.5);
cursor:pointer;
}


.menu-toggle.toggled-on{
background: rgba(245,130,32,0.9);
}

.menu-toggle img { vertical-align:bottom;}

.srt-menu{
display:none;
}	

.srt-menu.toggled-on{
display:block;
position:relative;
z-index:10;
}

.srt-menu{
clear:both;	
}

.srt-menu li a {
background:#dadada;
display:block;
margin:1px 0; 
padding:8px 2px 8px 10px;
text-decoration:none;
font-size:1.5em;
}
.srt-menu li a:hover{
background: #999;
color:#fff;
}
.srt-menu li li a {
background:#e8e8e8;
padding-left:20px;
}
.srt-menu li li li a {
background:#efefef;
padding-left:80px;
}

.srt-menu li a.subnav {
display:none;
}

.srt-menu li a.subnavsub {
display:none;
}

.current:after {
display:none;
}



.menu-toggle{
display:block;
padding:2em;
margin:0;
position:fixed;
right:0;
z-index:6000;
background:rgba(0,0,0,0);	
color:#ffffff;
cursor:pointer;
text-transform:uppercase;
font-size:0.8em;
height:64px;
}

.srt-menu.toggled-on{
display: block;
position: fixed;
z-index: 8000;
right: -20%;
top: 64px;
width: 75%;
}

.srt-menu li a {
background: rgba(32,32,32,0.99);
display: block;
margin: 0;
padding: 1em;
text-decoration: none;
font-size: 1.2em;
border-bottom:1px solid #434343;
color: #f2f2f2 !important;
}

.srt-menu li li a {
font-size: 0.9em;
background:#e8e8e8;
padding-left:20px;
border-top:1px solid #f2f2f2;
}






.sec-menu{
display:none;
}	

.sec-menu.toggled-on{
display:block;
position:relative;
z-index:10;
}

.sec-menu{
clear:both;	
}

.sec-menu li a {
background:#dadada;
display:block;
margin:1px 0; 
padding:8px 2px 8px 10px;
text-decoration:none;
font-size:1.5em;
}
.sec-menu li a:hover{
background: #999;
color:#fff;
}
.sec-menu li li a {
background:#e8e8e8;
padding-left:20px;
}
.sec-menu li li li a {
background:#efefef;
padding-left:80px;
}

.sec-menu li a.subnav {
display:none;
}

.sec-menu li a.subnavsub {
display:none;
}

.current:after {
display:none;
}







.wrapper { margin: 0 auto; width:92%; }

.widewrapper, .wrapper2000, .mast_internal { width:92%;  margin: 0 auto; }



.mod111 { padding:4em 0 8em !important;  background:rgba(255,255,255,0.98); }

.mod222 { padding:4em 0 8em !important;  background:rgba(242,242,242,0.98); color:#222222; }


.nobg {
padding:3em 0 6em !important;
color:#f2f2f2;
}	

.calbg {
padding:3em 0 6em !important;
background: #f2f2f2;
/*background-image: url("https://cdn.cdm.media/images/cdm_bg_004.jpg");
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;*/
color:#222222;
}	

.bgzero {
padding:4em 0 8em !important;
background: #000000;
color:#ffffff;
}	

.bg50 {
padding:4em 0 8em !important;
background: rgba(0,0,0,0.5);
color:#ffffff;
}	

.bg75 {
padding:4em 0 8em !important;
background: rgba(0,0,0,0.75);
color:#ffffff;
}	

.bg85 {
padding:4em 0 8em !important;
background: rgba(0,0,0,0.85);
color:#ffffff;
}	

.bgwzero {
padding:4em 0 8em !important;
background: #ffffff;
color:434343;
}	

.bgw50 {
padding:4em 0 8em !important;
background: rgba(0255,255,255,0.25);
color:#434343;
}	

.bgw50 {
padding:4em 0 8em !important;
background: rgba(0255,255,255,0.5);
color:#434343;
}	

.bgw75 {
padding:4em 0 8em !important;
background: rgba(0255,255,255,0.75);
color:#434343;
}	

.bg222 {
padding:4em 0 8em !important;
background: #222;
color:#ffffff;
}	

.adbg {
padding:4em 0 8em !important;
background: rgba(34,34,34,1);
/*background-image: url("https://cdn.cdm.media/images/cdm_bg_004.jpg");
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;*/
color:#ffffff;
}	

.ciobg {
background: rgba(41,34,95,0.85);
color:#ffffff;
}	

.cisobg {
background: rgba(0,65,111,0.85);
color:#ffffff;
}	

.cdobg {
background: rgba(62,0,0,0.85);
color:#ffffff;
}	

.caiobg {
background: rgba(6,94,114,0.85);
color:#ffffff;
}	

.cmobg {
background: rgba(13,38,97,0.85);
color:#ffffff;
}	

.crobg {
background: rgba(141,41,9,0.85);
color:#ffffff;
}	

.cscobg {
background: rgba(145,129,0,0.85);
color:#ffffff;
}

.gtmbg {
background: rgba(141,41,9,0.85);
color:#ffffff;
}	

.cfobg {
background: rgba(61,81,64,0.85);
color:#ffffff;
}	

.cxbg {
background: rgba(87,0,84,0.85);
color:#ffffff;
}	

.chrobg {
background: rgba(96,0,56,0.85);
color:#ffffff;
}	

.hcbg {
background: rgba(0,47,46,0.85);
color:#ffffff;
}	

.htbg {
background: rgba(0,47,46,0.85);
color:#ffffff;
}	

.fsbg {
background: rgba(61,81,64,0.85);
color:#ffffff;
}	

.psbg {
background: rgba(112,82,115,0.85);
color:#ffffff;
}	





.flex-grid-111 {
    display: block;

  }

  .flex-grid-111  .col {
      width: 100%;
          margin:0 0 1em 0;
    }






    
  .flex-grid-222 {
    display: block;

  }

  .flex-grid-222  .col {
      width: 100%;
          margin:0 0 1em 0;
    }

  .cd-nest-flex {
    display: flex;
    flex-wrap: nowrap;
    grid-column-gap: 2em;
    align-items: center;
  }

    .cd-nest-flex-col-logo {
   
    }

    .cd-nest-flex-col-tc {
    text-align: left;
    }    


.communitydetails {display:block; border-bottom: 2px dotted #666; padding:1em; /*background:rgba( 255,255,255,0.1); border-radius: 1.25em;  min-height: 200px; border:1px solid #323232;*/}
.communitylogo { margin: 0; min-width: 105px; }
.communitylogo img { height: 100px; width:100px; border-radius: 50%; }
.communitytitlecompany { padding:1em 0; }
.communitytitlecompany p { margin:0 auto; font-size: 1em; padding:0; line-height:110%;}
.communitytitlecompany p.communitytitle {margin:0; padding:0; font-weight: bold; font-size:1.5em;}
.communitytitlecompany p.communitycompany {margin:0; padding:0.5em 0 0 0; font-size:1.1em;}






.flex-grid-333 {
display: block;

}

.flex-grid-333  .col {
width: 100%;
margin:0 0 1em 0;
}

.panel {
margin:2em 1em;
border-radius: 1em;
background:rgba(0,0,0,0.5);
text-align: center;
padding:2em;
}

.panel h1 .panel h4 {
margin:0;

}


.flex-grid-333b {
display: block;

}


.flex-grid-333b a.subnavsplashbox {
border-radius: 1em;
border:2px solid rgba(0,0,0,0.5);
text-align: center;
padding:2em;
display: block;
width: 90%;
margin: 1em auto;
}


.flex-grid-333c {
display: block;

}


.flex-grid-333c a.subnavsplashbox {
border-radius: 1em;
border:2px solid rgba(0,0,0,0.5);
text-align: center;
padding:0.5em;
display: block;
width: 90%;
margin: 1em auto;
}




a.subnavsplashbox:hover {
background-color:rgba(255,255,255,0.5);
border:2px solid rgba(141,199,63,1);
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;
	transform: scale(1.03);
  box-shadow:  0px 0px 18px 0px rgba(0,0,0,0.3)
}

.outliner h4 {
margin:0;
padding:0;
color:#111111 !important;
}


.flex-grid-333 .col img {
max-width: 90%;

}

.flex-grid-333 .col img.icon {
max-width: 100px;

}



.experience_tile { border-radius:1em;}


.flex-grid-3350 {
display: block;

}

.flex-grid-3350 .col {
width: 100%;
margin:0 0 1.5em 0;
}



.flex-grid-3350 .col img {
max-width: 90%;

}






.flex-grid-5050 {
display: block;
}

.flex-grid-5050 .col {
width: 50%;
margin:0 0 1.5em 0;
}

.flex-grid-5050 .col img {
max-width: 90%;

}


.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-6040 {
display: block;
}

.flex-grid-6040 .col {
width: 100%;
margin:0 0 1.5em 0;
}

.flex-grid-6040 .col img {
max-width: 90%;
}





.flex-grid-10050 {
display: block;

}

.flex-grid-10050 .col {
width: 100%;
margin:0 0 1.5em 0;
}



.flex-grid-10050 .col img {
max-width: 90%;

}





.productbox {    display: flex;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 4em 2em;
    border: 1px solid rgba(255, 255, 255, 0.1);
    align-items: center;
    max-height: 80px;}

.productpic {
    margin: 2px 1em 0 1px;
    min-width: 150px;
    max-width: 150px;
    padding: 0;
}
.productpic img {
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.productlabel {  }

.productlabel p { }

.productlabel p.label {
  margin:0; padding:0; font-weight: 500; font-size:1.5em; text-transform: uppercase; line-height: 110%; color:#ffffff !important; text-align: left;
}



a.productbox:hover { 
border:1px solid rgba(141,199,63,1); 
background-color:rgba(141,199,63,0.75);
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;
	transform: scale(1.03);
  box-shadow:  0px 0px 18px 0px rgba(0,0,0,0.3)

}






.benefitbox {        display: flex;
    padding: 0 0 3em 0;
    align-items: center;
    margin: 2em 2em 4em 0;
    border-bottom: 1px dotted #f2f2f2;
    min-height:135px;
}

.benefitpic {
    margin: 0 2em 0 0;
    min-width: 64px;
    max-width: 64px;
    padding: 0;
}
.benefitpic img {

}

.benefitlabel {  }

.benefitlabel p { font-size:1.25em; text-align: left; margin:0.5em 0; color:#f2f2f2 !important; }

.benefitlabel p.label {
  margin:0; padding:0; font-weight: 600; font-size:1.5em; text-transform: uppercase; line-height: 110%; color:#f2f2f2 !important; text-align: left;
}






.benefitbox2 {        display: flex;
    padding: 0 0 3em 0;
    align-items: center;
    margin: 0;
    border-bottom: 1px dotted #434343;
    min-height:100px;
}

.benefitpic2 {
    margin: 0 2em 0 0;
    min-width: 64px;
    max-width: 64px;
    padding: 0;
}
.benefitpic2 img {

}

.benefitlabel2 {  }


.benefitlabel2 p { font-size:1.25em; text-align: left; margin:0.5em 0; color:#222222 !important; }

.benefitlabel2 p.label2 {
  margin:0; padding:0; font-weight: 600; font-size:1.5em; text-transform: uppercase; line-height: 110%; color:#222222 !important; text-align: left;
}





.featuresbox {        display: flex;
    padding: 0 0 1% 0;
    align-items: center;
    margin: 0;
    border-bottom: 1px dotted #434343;
    min-height:50px;
}
.featurespic {
    margin: 0 2em 0 0;
    min-width: 64px;
    max-width: 64px;
    padding: 0;
}

.featurespic img {

}

.featureslabel {  }

.featureslabel p { font-size:1.25em; text-align: left; margin:0.5em 0; color:#222222 !important; }

.featureslabel p.label {
  margin:0; padding:0; font-weight: 600; font-size:1.5em; text-transform: uppercase; line-height: 110%; color:#222222 !important; text-align: left;
}







.featbox {        display: flex;
    padding: 0 0 3em 0;
    align-items: center;
    margin: 2em 2em 4em 0;
    border-bottom: 1px dotted #dadada;
    min-height:135px;
}

.featpic {
    margin: 0 2em 0 0;
    min-width: 64px;
    max-width: 64px;
    padding: 0;
}
.featpic img {

}

.featlabel {  }

.featlabel p { font-size:1.25em; text-align: left; margin:0.5em 0;}

.featlabel p.label {
  margin:0; padding:0; text-transform: uppercase; line-height: 110%; text-align: left; font-weight: bold; font-size: 1.5em;
}









.leadbox {        display: flex;
    padding: 0 0 3em 0;
    align-items: center;
    margin: 2em 2em 4em 0;
    border-bottom: 1px dotted #434343;
    min-height:135px;
}

.leadpic {
    margin: 0 2em 0 0;
    min-width: 64px;
    max-width: 64px;
    padding: 0;
}
.leadpic img {

}

.leadlabel {  }

.leadlabel p { font-size:1.25em; text-align: left; margin:0.5em 0; }

.leadlabel p.label {
  margin:0; padding:0; font-weight: bold; font-size:1.5em; text-transform: uppercase; line-height: 110%; !important; text-align: left;
}






.embox {        display: flex;
    padding: 0 0 2em 0;
    align-items: center;
    margin: 0em 2em 0em 0;
    border-bottom: 1px dotted #434343;
    min-height:135px;
}

.empic {
    margin: 0 2em 0 0;
    min-width: 64px;
    max-width: 64px;
    padding: 0;
}
.empic img {

}

.emlabel {  }

.emlabel p { font-size:1.25em; text-align: left; margin:0.5em 0; }

.emlabel p.label {
  margin:0; padding:0; font-weight: bold; font-size:1.5em; text-transform: uppercase; line-height: 110%; !important; text-align: left;
}








.partnerbox {display:block; /*background:rgba( 141,199,63,0.25); border-radius: 1.25em; */padding:2em 1em; min-height: 200px; /*border:1px solid #323232;*/}
.partnerpic { margin: 0; }
.partnerpic img {  }
.partnerlabel { padding:1em 0 0 0; }
.partnerlabel p { }
.partnerlabel p.label {margin:0; padding:0; font-weight: bold; font-size:1.5em; text-transform: uppercase; line-height: 110%; }



  .flex-grid-444 {
    display: block;

  }

  .flex-grid-444  .col {
      width: 100%;
          margin:0 0 1em 0;
    }

  .flex-grid-444 .col img {
    max-width: 90%;
  }






.speakerdetails {display:block; background:rgba( 0,0,0,0.25); border-radius: 1.25em; padding:2em 1em; min-height: 200px; /*border:1px solid #323232;*/}
.speakerhead { margin: 0; }
.speakerhead img { height: 100px; width:100px; border-radius: 50%; }
.speakernametitle { padding:1em 0 0 0; }
.speakernametitle p { margin:0 auto; font-size: 1em; padding:0; line-height:110%;}
.speakernametitle p.speakername {margin:0; padding:0; font-weight: bold; font-size:1.5em;}
.speakernametitle p.speakertitle {margin:0; padding:0.5em 0 0 0; font-size:1.1em;}



  .flex-grid-555 {
    display: block;

  }

  .flex-grid-555  .col {
      width: 100%;
          margin:0 0 1em 0;
    }


  .flex-grid-555 .col img {
    max-width: 20%;
  }




.whitebg {
padding: 4em 0 8em 0; 
color: #111111;
background: #ffffff;
}

.grey11 {
color: #ffffff;
background: #111111;
padding: 4em 0 8em 0;
}



.green222 {
padding: 4em 0 8em 0;
color: #ffffff;
background: -moz-linear-gradient( top left, #222222 50%, #4e7520 90%);
background: -webkit-linear-gradient( top left, #222222 50%, #4e7520 90%);
background: linear-gradient( top left, #222222 50%, #4e7520 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b9bc', endColorstr='#58595b',GradientType=1 );
}

.green {
padding: 4em 0 8em 0;
color: #ffffff;
background: rgba(141,199,63,1);
}

.darkgreen {
padding: 4em 0 8em 0;
color: #ffffff;
background: rgba(109,157,49,1);
}

.darkergreen {
padding: 4em 0 8em 0;
color: #ffffff;
background: rgba(76,117,32,1);
}

.green90 {
padding: 4em 0 8em 0;
color: #ffffff;
background: rgba(141,199,63,0.9);
}

.darkgreen50 {
padding: 4em 0 8em 0;
color: #ffffff;
background: rgba(109,157,49,0.5);
}

.darkgreen90 {
padding: 4em 0 8em 0;
color: #ffffff;
background: rgba(109,157,49,0.9);
}

.darkergreen50 {
padding: 4em 0 8em 0;
color: #ffffff;
background: rgba(76,117,32,0.5);
}

.darkergreen90 {
padding: 4em 0 8em 0;
color: #ffffff;
background: rgba(76,117,32,0.9);
}

.black50 {
padding: 4em 0 8em 0;
color: #ffffff;
background: rgba(0,0,0,0.5);
}

.black90 {
padding: 4em 0 8em 0;
color: #ffffff;
background: rgba(0,0,0,0.9);
}








.deskdeets { display:none; }
.mobdeets { display:block; text-align:center; }

.mobdeetsbg { background:rgba(0,0,0,0.9); }



.logo { height:5em; width:100%; text-align:center; padding: 0; margin: 0 auto; }

.moblogo { width:100px; }

.mobdeets { width:100%; position:fixed; z-index:5000; }
.moblogo { width:125px; }

.logo444 { display:none; }

.logo { width:100%; text-align:left; padding: 0; margin: 0 auto; padding-left:1.5em; }

.logo a { display:inline-block; line-height:1em; padding:1em 0;}



#videobcg {
display:none;
}


#splash {
padding:8em 1em 1em;
}	

#splash h1 {
font-size: 2.5em;
line-height: 110% !important;
color: #000000;
text-align: left !important;
letter-spacing: -1px;
margin:0;
}	


#splash20 {
padding:8em 1em 1em;
}	

#splash20 h1 {
font-size: 2.5em;
line-height: 110% !important;
color: #000000;
text-align: left !important;
letter-spacing: -1px;
margin:0;
}	

.splashtext { font-size:1.25em !important; padding:0em; margin:2em 0; color: #000000; line-height: 200%; text-align: left;}



a.splashbutton:hover{
color:#ffffff;
background: #f58220 ;
cursor: pointer;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	
}

a.splashbuttongreen {
color:#ffffff;
background:#6d9d31;
background: -moz-linear-gradient(bottom right, #6d9d31 0%,#8dc73f 64%);
background: -webkit-linear-gradient( bottom right, #6d9d31 0%,#8dc73f 64%);
background: linear-gradient( bottom right, #6d9d31 0%,#8dc73f 64%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d9d31', endColorstr='#8dc73f',GradientType=1 );
border-radius:2em; 
cursor: pointer;
display: inline-block;
margin:0 2em 2em 0; 
padding:1em 2em;
text-decoration:none;
/*text-transform:uppercase;
font-weight:bold;*/
text-align:center;
min-width:12em;
font-size: 1.1em;
}

a.splashbuttongreen:hover{
color:#8dc73f;
background: #ffffff ;
cursor: pointer;
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}

a.splashbuttonwhite {
color:#111111;
background:#ffffff;
background: -moz-linear-gradient(bottom right, #f2f2f2 0%,#ffffff 64%);
background: -webkit-linear-gradient( bottom right, #f2f2f2 0%,#ffffff 64%);
background: linear-gradient( bottom right, #f2f2f2 0%,#ffffff 64%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 );
border-radius:2em; 
cursor: pointer;
display: inline-block;
margin:0 2em 0 0; 
padding:1em 2em;
text-decoration:none;
/*text-transform:uppercase;
font-weight:bold;*/
text-align:center;
min-width:12em;
font-size: 1.1em;
}

a.splashbuttonwhite:hover{
color:#ffffff;
background: #8dc73f ;
cursor: pointer;
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}








#splash26 {
padding:8em 1em 1em;
background-color: rgba(0,0,0,0.25);
}	

#splash26 h1 {
font-size: 2.5em;
line-height: 110% !important;
color: #ffffff;
text-align: left !important;
letter-spacing: -1px;
margin:0;
}	

#splash26 h3 {
font-size: 2em;
line-height: 110% !important;
color: #ffffff;
text-align: left !important;
letter-spacing: -1px;
}	

.splashtext { font-size:1.25em !important; padding:0em; margin:2em 0; color: #000000; line-height: 200%; text-align: left;}

.splashbtncontainer {text-align:left !important; margin:2em 0 0 0;}

a.splashbutton {
color:#ffffff;
background:#111111;
border-radius:2em; 
cursor: pointer;
display: inline-block;
margin:0 2em 2em 0; 
padding:1em 2em;
text-decoration:none;
/*text-transform:uppercase;
font-weight:bold;*/
text-align:center;
min-width:12em;
font-size: 1.1em;
}

a.splashbutton:hover{
color:#ffffff;
background: #f58220 ;
cursor: pointer;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	
}




a.splashbuttongreen {
color:#ffffff;
background:#6d9d31;
background: -moz-linear-gradient(bottom right, #6d9d31 0%,#8dc73f 64%);
background: -webkit-linear-gradient( bottom right, #6d9d31 0%,#8dc73f 64%);
background: linear-gradient( bottom right, #6d9d31 0%,#8dc73f 64%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d9d31', endColorstr='#8dc73f',GradientType=1 );
border-radius:2em; 
cursor: pointer;
display: inline-block;
margin:0 2em 2em 0; 
padding:1em 2em;
text-decoration:none;
/*text-transform:uppercase;
font-weight:bold;*/
text-align:center;
min-width:12em;
font-size: 1.1em;
}

a.splashbuttongreen:hover{
color:#8dc73f;
background: #ffffff ;
cursor: pointer;
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}

a.splashbuttonwhite {
color:#111111;
background:#ffffff;
background: -moz-linear-gradient(bottom right, #f2f2f2 0%,#ffffff 64%);
background: -webkit-linear-gradient( bottom right, #f2f2f2 0%,#ffffff 64%);
background: linear-gradient( bottom right, #f2f2f2 0%,#ffffff 64%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 );
border-radius:2em; 
cursor: pointer;
display: inline-block;
margin:0 2em 2em 0; 
padding:1em 2em;
text-decoration:none;
/*text-transform:uppercase;
font-weight:bold;*/
text-align:center;
min-width:12em;
font-size: 1.1em;
}

a.splashbuttonwhite:hover{
color:#ffffff;
background: #8dc73f ;
cursor: pointer;
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}



.partner {
background: url("https://cdn.cdm.media/images/cdm_bg26b.jpg");
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;

}



.summit {
background: url("https://cdn.cdm.media/images/summit_bg.jpg");


}

.dinner {
background: url("https://cdn.cdm.media/images/dinner_bg.jpg");


}

.digital {
background: url("https://cdn.cdm.media/images/digital_bg.jpg");


}



.audience {
background: url("https://cdn.cdm.media/images/audience_bg.jpg");


}

.custom {
background: url("https://cdn.cdm.media/images/custom_bg.jpg");


}

.surround {
background: url("https://cdn.cdm.media/images/surround_bg.jpg");


}

.experience {
background: url("https://cdn.cdm.media/images/experience_bg.jpg");


}

.eventmanagement {
background: url("https://cdn.cdm.media/images/eventmanagement_bg.jpg");


}

.intellectiv {
background: #222222 url("https://cdn.cdm.media/images/intellectiv_bg.jpg");


}

.abm {
background: url("https://cdn.cdm.media/images/abm_bg.jpg");

}

.contact {
background: url("https://cdn.cdm.media/images/contact_bg.jpg");


}


.summit, .dinner, .digital, .custom, .surround, .experience, .eventmanagement, .intellectiv, .abm, .contact {
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}

#intellectivwebinars {padding:8em 0 4em 0; color: #ffffff !important;}

.int-logo222 { display:inline-block; width:360px; margin:0 2em 0 0;}


.partnerfade {
  color:#ffffff;
padding:4em 0;
  background: rgba(17,17,17,0.1);

}




.grey22 {
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding: 4em 0 8em 0;
    background-image: url("https://cdn.cdm.media/images/cdm_green_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}



.light999 {
color: #222222;
background: #f4f4f4;
padding: 8em 0 8em 0;

}

.white999 {
color: #434343;
background: #ffffff;
padding: 8em 0 8em 0;

}



.ciomast {
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding:6em 0 3em 0;
    background-image: url("https://cdn.cdm.media/images/cio_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


.cisomast {
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding:6em 0 3em 0;
    background-image: url("https://cdn.cdm.media/images/ciso_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.cdomast {
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding:6em 0 3em 0;
    background-image: url("https://cdn.cdm.media/images/cdo_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.caiomast {
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding:6em 0 3em 0;
    background-image: url("https://cdn.cdm.media/images/caio_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.cmomast {
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding:6em 0 3em 0;
    background-image: url("https://cdn.cdm.media/images/cmo_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.cromast {
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding:6em 0 3em 0;
    background-image: url("https://cdn.cdm.media/images/cro_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.cscomast {
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding:6em 0 3em 0;
    background-image: url("https://cdn.cdm.media/images/csco_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.gtmmast {
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding:6em 0 3em 0;
    background-image: url("https://cdn.cdm.media/images/gtm_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.cfomast {
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding:6em 0 3em 0;
    background-image: url("https://cdn.cdm.media/images/cfo_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.cxmast {
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding:6em 0 3em 0;
    background-image: url("https://cdn.cdm.media/images/cx_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.hcmast {
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding:6em 0 3em 0;
    background-image: url("https://cdn.cdm.media/images/hc_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.htmast {
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding:6em 0 3em 0;
    background-image: url("https://cdn.cdm.media/images/hc_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.chromast {
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding:6em 0 3em 0;
    background-image: url("https://cdn.cdm.media/images/chro_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.fsmast {
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding:6em 0 3em 0;
    background-image: url("https://cdn.cdm.media/images/fs_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.psmast {
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding:6em 0 3em 0;
    background-image: url("https://cdn.cdm.media/images/ps_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.cio-logo, .ciso-logo, .cdo-logo, .caio-logo, .cmo-logo, .cro-logo, .csco-logo, .gtm-logo, .cfo-logo, .cx-logo, .chro-logo, .clo-logo, .fs-logo, .ps-logo, .htlogo, .int-logo { height:100px;}

.hc-logo  { height:69px;}



.careblock{    padding: 2em 4em;
    border: 1px solid #cccccc;
    background: #ffffff;
    border-radius: 2em;
    margin: 0 auto 2em;
    width: 80%;}

    .careblock img{ 
    padding: 0;
    margin: 0 0 2em 0;
    border: 1px solid #cccccc;
    display: block;
    border-radius: 1em;}

.introblock {width:92%; margin:0 auto; padding-bottom: 2em;}


.introblock p {font-size:1.2em; line-height: 150%;}

.introblock ul {font-size:1.2em;}

.introblock li { line-height: 125%; padding-bottom:0.5em;}

p.firstintro {font-size:1.5em;}



.subh2 {font-size:0.8em; padding:1em 0 0 0; margin:0; font-weight: normal;}

.subh3 {font-size:0.8em; padding:1em 0 0 0; margin:0; font-weight: normal;}





#communities h2 {line-height: 100%;}



.community-container {
  display: flex;
  align-items: center;
  padding-top: 10px;
  max-width: 1200px;
  flex-wrap: wrap;
  gap: 1.25em;
  margin:4em 0;
}

.community-container .community-item {
  min-width: auto;
  padding: 1.5em;
  border-top: 1px solid #484848;
  border-left: 1px solid #484848;
  border-right: 1px solid #323232;
  border-bottom: 1px solid #323232;
  border-radius: 1em;
  margin:0 auto;
  width:90%;
}

.community-container a {
  background-color: rgba(0,0,0,0.2);
}

.community-container a:hover {
background-color: rgba(255, 255, 255, 0.1);
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}


.community-container img {
  display: block;
  height: 3rem;
  max-width: 100%;
  transition: transform 0.5s;
}



.community-container img.community-logo {
  height: 1.9rem;
  width: 100%;
}


.community-container .community-item img:hover {
	transform: scale(1.1);
}


.community-container .persona-item {
  min-width: auto;
  padding: 1.5em;
/*  border: 1px solid #cccccc;*/
  border-radius: 1em;
}




#communities999 h2 {line-height: 100%;}

.community-container999 {
  display: flex;
  align-items: center;
  padding-top: 10px;
  max-width: 1200px;
  flex-wrap: wrap;
  gap: 1.25em;
  margin:4em 0;
  justify-content: space-evenly;
}

.community-container999 .community-item {
  min-width: 45%;
  padding: 1.5em;
  border: 1px solid #cccccc;
  border-radius: 1em;
}

.community-container999 a {
  background-color: rgba(255,255,255,1);
}

.community-container999 a:hover {
background-color: rgba(255, 255, 255, 0.1);
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
border: 1px solid #999999;
-webkit-transition: border 500ms ease-out;
-moz-transition: border 500ms ease-out;
-o-transition: border 500ms ease-out;
transition: border 500ms ease-out;
}


.community-container999 img {
  display: block;
  height: 3rem;
  max-width: 100%;
  transition: transform 0.5s;
}



.community-container999 img.community-logo {
  height: 1.9rem;
  width: 100%;
}

.community-container999 img:hover {
	transform: scale(1.1);
}



.jobtitle-container {
  display: flex;
  align-items: center;
  padding-top: 10px;
  max-width: 1200px;
  flex-wrap: wrap;
  gap: 1.25em;
  margin:4em 0;
}

.jobtitle-container .jobtitle-item {
  min-width: auto;
  padding: 1em;
  border-top: 1px solid #8dc73f;
  border-left: 1px solid #8dc73f;
  border-right: 1px solid #8dc73f;
  border-bottom: 1px solid #8dc73f;
  border-radius: 1em;
  margin:0 auto;
  width:90%;
color:#f2f2f2;
  font-size:1.2em;
  text-align: center;
}


















.logoblock {
    width: 100%;
    margin:2em 0 0 0;
}

.logoblock .logotrack {
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    gap: 1em;
}

.logoblock .logotile {
    height: 100px;
    width: 100px;
    margin: 0 0 1.25em 0;
}

.profile_logo {
    margin: 0 0 1em 0;
    padding: 0;
}

.logotile img {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 125px !important;
    height: auto;
    border: 1px solid #cccccc;
    border-radius: 1em;
}








.grey11 {
padding: 4em 0 0 0;
color: #f2f2f2;
background: rgba(17,17,17,0.95);
padding: 4em 0 8em 0;
    background-image: url("https://cdn.cdm.media/images/cdm_orange_flare.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


.logoblock2 {
    width: 100%;
    margin:2em 0 0 0;
}

.logoblock2 .logotrack2 {
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    gap: 4%;
}

.logoblock2 .logotile2 {
    height: 100px;
    width: 100px;
    margin: -25px 0 0 0;
}

.profile_logo2 {
    margin: 0;
    padding: 0;
}

.logotile2 img {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 125px !important;
    height: auto;
}













.logoblock3 {
    width: 100%;
    margin:5em 0 0 0;
}


.logocontainer3{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    row-gap: 3em;
    column-gap: 3em;
}

.logocontainer3 .col {
width: 150px;
margin:0 1em 0 0;
}



.logocontainer33{
    display: flex;
    align-items: stretch;
    row-gap: 3em;
    column-gap: 3em;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.logocontainer33 .col {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 150px;
    flex-wrap: wrap;
    align-content: center;
    height: 100px;
}









 .iframe-container {
    width: 430px; /* Match your iframe width */
    height: 242px; /* 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;
  }

  .iframe-container iframe {
    width: 100%;
    height: 100%;
    border: none;
  }


.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



section {
margin: 0;
}

a.button {
border-radius:2em; 
cursor: pointer;
display: inline-block;
margin:1em 2em 0; 
padding:0.75em 3em;
text-decoration:none;
text-transform:uppercase;
/*font-weight:bold;*/
text-align:center;
min-width:12em;
font-size: 1.1em;
}


a.btn0 {
color:#000000;
border:1px solid #000000;
background:none;
}

a.btn0:hover{
color:#ffffff;
background: rgba(0,0,0,1) ;
cursor: pointer;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	
}


a.btn1{
color:#434343;
border:1px solid #434343;
background:none;
}

a.btn1:hover{
color:#ffffff;
background: rgba(0,0,0,0.5) ;
cursor: pointer;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	
}


a.btn2 {
color:#ffffff;
border:1px solid #ffffff;
background:none;
}

a.btn2:hover{
color:#8dc73f;
background: rgba(255,255,255,1) ;
cursor: pointer;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	
}

a.btn3 {
color:#8dc73f;
border:1px solid #8dc73f;
background:none;
}

a.btn3:hover{
color:#ffffff;
background: rgba(141,199,63,1) ;
cursor: pointer;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	
}

a.btn4 {
color:#4c7520;
border:1px solid #4c7520;
background:none;
}

a.btn4:hover{
color:#ffffff;
background: rgba(76,117,32,1) ;
cursor: pointer;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	
}


a.btn5 {
color:#ffffff;
background:#434343;
}

a.btn5:hover{
color:#ffffff;
background: rgba(141,199,63,1) ;
cursor: pointer;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	
}


a.btn6 {
color:#8dc73f;
background:#ffffff;
}

a.btn6:hover{
color:#ffffff;
background: rgba(141,199,63,1) ;
cursor: pointer;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	
}


a.btn7 {
color:#ffffff;
background:#8dc73f;
}

a.btn7:hover{
color:#8dc73f;
background: #ffffff ;
cursor: pointer;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	
}



a.btn8 {
color:#ffffff;
background:#4c7520;
}

a.btn8:hover{
color:#8dc73f;
background: #ffffff ;
cursor: pointer;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	
}


a.btn9 {
color:#ffffff;
border:1px solid #ffffff;
background:none;
}

a.btn9:hover{
color:#000000;
background: rgba(255,255,255,1) ;
cursor: pointer;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	
}

a.btn10 {
color:#ffffff;
background:#434343;
}

a.btn10:hover{
color:#8dc73f;
background: rgba(255,255,255,1) ;
cursor: pointer;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	
}



.absolute_btn {display:none; }


.partnerwu_btn {
    position: relative;
    top: -140px;
    right: 16px;
    z-index: 1000;
    float: right;
    max-width: 100px;
    font-size: 0.8em;
}

.partnerwu_btn a.button {
padding: 0.75em 2em;
}

.shadow {box-shadow:  0px 0px 10px 1px rgba(0,0,0,0.2)}





.btngreen {
border-radius:2em; 
cursor: pointer;
display: inline-block;
margin:0 1em; 
padding:0.5em 1em;
text-decoration:none;
text-transform:uppercase;
/*font-weight:bold;*/
text-align:center;
min-width:12em;
color:#ffffff;
background:#8dc73f;
}

.btngreen:hover{
color:#8dc73f;
background: #ffffff ;
cursor: pointer;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	
}


a.tilelinkbtn {
display: block;
border: 2px solid #4e7520;
margin: 0.5em;
text-align: center;
vertical-align: middle;
font-size: 2em;
padding: 1em;
color: #4e7520;
float: left;
width: 43%;
}


a.tilelinkbtn:hover {
background-color:#4e7520;
color: #ffffff !important;
cursor: pointer;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	
}



/* Box sizing. Awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
*{ box-sizing:border-box; -moz-box-sizing:border-box; }

/* RESPONSIVE IMAGES */
img { max-width:100%; height:auto; }



/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.rightfloat{
float:none;
}
.leftfloat{
float:none;
}

.clear { clear:both; }




/* structure */







.grey43 {
color: #ffffff;
background: #434343;
padding: 4em 0 8em 0;
}


.greenbg {
color: #222222;
background: rgba(141,199,63,0.75);
padding: 4em 0 8em 0;
}

.darkgreenbg {
color: #ffffff;
background: rgba(76,117,32,0.75);

padding: 4em 0 8em 0;
}

#green {
color: #ffffff;
background: #8dc73f;
padding: 4em 0 8em 0;
}

#greenblack { background:#111111; 
color:#ffffff;
background: -moz-linear-gradient(bottom right, #8dc73f 0%, #111111 24%);
background: -webkit-linear-gradient( bottom right, #8dc73f 0%, #111111 24%);
background: linear-gradient( bottom right, #8dc73f 0%, #111111 24%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#8dc73f',GradientType=1 );
padding:2em 0;}

#greengrey { background:#8dc73f; 
color:#ffffff;
background: -moz-linear-gradient(bottom right, #58595b 0%, #8dc73f 100%);
background: -webkit-linear-gradient( bottom right, #58595b 0%,#8dc73f 100%);
background: linear-gradient( bottom right, #58595b 0%,#8dc73f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58595b', endColorstr='#8dc73f',GradientType=1 );
padding:2em 0;}


#greengreen { background:#8dc73f; 
color:#ffffff;
background: linear-gradient(90deg, #8dc73f 0%, #58595b 111%);
padding:2em 2em 4em 2em;
font-size:1.2em;}




#greeny {
padding: 0 0 4em 0 ;
color: #ffffff;
background: -moz-linear-gradient( top right, #222222 25%, #4e7520 64%);
background: -webkit-linear-gradient( top right, #222222 25%, #4e7520 64%);
background: linear-gradient( top right, #222222 25%, #4e7520 64%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b9bc', endColorstr='#58595b',GradientType=1 );
}

#greygrey {
color: #ffffff;
background: -moz-linear-gradient(top right, #58595b 25%, #222222 50%);
background: -webkit-linear-gradient(top right, #58595b 25%, #222222 50%);
background: linear-gradient(top right, #58595b 25%, #222222 50% );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b9bc', endColorstr='#58595b',GradientType=1 );
padding: 4em 0 8em 0;
background-color: #222222;
background-size: cover;
background-repeat: no-repeat;
    background-image: url("https://cdn.cdm.media/images/cdm_collage_bg_003.jpg");
    background-position: top right;

}

.vidgrey {}

.vidgrey .intro { font-size: 1.3em !important; line-height: 175% !important;}


#greengreen .button { 
margin:0; 

}


.marquee_wrapper {
	margin: 4em 0 0 0;
	padding: 0;
	/*min-height: 100vh;*/
	display: flex;
	align-items: center;
  max-height: 500px;
  min-height: 500px;
}

.marquee {
	overflow-x: clip;
	white-space: nowrap;
	position: relative;
	width: 100%;
}

.marquee-inner {
	display: flex;
	align-items: center;
	gap: 2vw;
	padding: 5vh 0;
	will-change: transform;
}

.marquee-inner img {
	height: 100%;
	transition: transform 0.5s;
	flex-shrink: 0;
	min-width: 240px;
  max-width: 280px;
	border-radius: 2rem;
}

.marquee-inner img:hover {
	transform: scale(1.03);
}



#attendeeblock {}


/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12{
/*margin:1em;*/
text-align:center;
}

.grid_20 { width: 20%; float:left; display: block; margin:0; padding:0 1em; text-align: left; }
.grid_25 { width: 25%; float:left; display: block; margin:0; padding:0; }
.grid_33 { width: 33%; float:left; display: block; margin:0; padding:0; }
.grid_50 { width: 50%; float:left; display: block; margin:0; padding:0; }

.grid_25_50 { width: 50%; float:left; display: block; margin:0; padding:0;	text-align:center; }
.grid_25_50 h3 { margin:1em 0 0.5em 0; padding:0; }
.grid_25_50 img { max-height: 150px; }

.grid_4x50 { width: 50%; float:left; display: block; margin:0; padding:0;	text-align:center; }

.grid_25_50_vtile { width: 45%; display: table; min-height: 250px; border:2px solid #ccc; margin:1em 0.5em ; padding:0.5em; text-align:center; float:left; }

.grid_25_50_vtile_child { display: table-cell; vertical-align: middle; }
.grid_25_50_vtile h4 { margin:1em 0 0.5em 0; padding:0; }
.grid_25_50_vtile img { max-height: 150px; }


.grid_33_100_vtile { width: 95%; display: block; max-height: 250px; border:2px solid #ccc; margin:1em 0.5em ; padding:0.5em; text-align:center; }

.grid_33_100_vtile_child { display: block; vertical-align: middle; }
.grid_33_100_vtile h4 { margin:1em 0 0.5em 0; padding:0; }
.grid_33_100_vtile img { max-height: 250px; }

.logoset {text-align:center !important; }
.logoset img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}












.calendar_container {
    display: flex;
    justify-content:center;
    align-items: center;
    padding: 0 0 1em 0;
    flex-wrap: wrap;
}

.calendar_container .calendar_tile {

}




.calendar_item_wrapper {
position:relative;
font-size: 1em;
display: block;
margin: 1em;
width:100%;
}

a.calendar_item_morelink { 
display: block;
border: 2px solid #cccccc;
padding: 0;
background: #ffffff;
border-radius: 2em;
text-align: left;
color:#111111;
}


a.calendar_item_morelink:hover { 
border: 2px solid #222222; 
/*background-color:rgba(232,232,232,0.5);*/
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;
	transform: scale(1.03);
  box-shadow:  0px 0px 18px 0px rgba(0,0,0,0.3)
}



a.calendar_item_morelink:hover .int2 { 
border: 2px solid #cfb47b !important; 
/*background-color:rgba(232,232,232,0.5);*/
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;
}



.calendar_item_details { padding:1.5em; will-change: transform; }




.calendar_label {
  /*border-radius: 0 1em 1em 0;
position: absolute;
top: 3em;
left: 1.5em;
color: #ffffff;*/
border:1px solid;
text-transform: uppercase;
font-size: 12px;
border-radius: 2em;
padding: 0.5em 1em 0.5em 1em;
z-index: 1;
display:inline-block;
}






.calendar_logo_container {
    display: flex;
    /* justify-content: space-between;
        max-width: 500px;*/
    align-items: center;
    padding: 2em 0 1em 0;
    flex-wrap: wrap;
}

.calendar_logo_container .calendar_item {
    min-width: auto;
}

.calendar_logo_container img {
  display: block;
  height: 3rem;
  max-width: 100%;
}

.calendar_logo_container img.calendar_logo {
  height: 1.9rem;
  width: 100%;
}

.calendar_logo_container img.calendar_logo_i {
  height: 1.9rem;
  width: 100%;
  padding-right:0.5em;
}

.calendar_item_eventname {display:block; }
.calendar_item_eventname h2 { font-size:2.25em !important; padding: 0.25em 0 0.5em 0; margin:0; line-height: 110%; letter-spacing: -0.5px;}

.calendar_item_eventname p { padding:0; margin:0;}

.calendar_item_eventdateloc {display:inline-block;  padding:0; margin:0;}
.calendar_item_eventdateloc p { font-size:1.1em; margin: 0 0 0.5em 0;}


.datebox_container {
max-width: 500px;
margin: auto;
display: flex;
/* justify-content: space-between; */
align-items: center;
gap: 0.5em;
}

 .calendar_icon, .pin_icon {
height:1.5em;
width:1.5em;
}


.calendar_item_regbtn {}
.calendar_item_regbtn p {margin:1em 0 1.5em 1.5em ;  }


.btn11 {
color:#222222;
border:1px solid #222222;
border-radius:2em; 
cursor: pointer;
display: inline-block;
padding:1em 2em;
text-decoration:none;
text-transform:uppercase;
/*font-weight:bold;*/
text-align:center;
}


a.calendar_item_morelink:hover .btn11 {

color:#ffffff;
background: #222222 ;
cursor: pointer;
border:1px solid #222222;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	

}

.btn12 {
color:#ffffff;
border:1px solid #ffffff;
border-radius:2em; 
cursor: pointer;
display: inline-block;
padding:1em 2em;
text-decoration:none;
text-transform:uppercase;
/*font-weight:bold;*/
text-align:center;
}


a.calendar_item_morelink:hover .btn12 {

color:#6d9d31;
background: #ffffff ;
cursor: pointer;
border:1px solid #ffffff;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	

}

.btn13 {
color:#cfb47b;
border:1px solid #cfb47b;
border-radius:2em; 
cursor: pointer;
display: inline-block;
padding:1em 2em;
text-decoration:none;
text-transform:uppercase;
/*font-weight:bold;*/
text-align:center;
}


a.calendar_item_morelink:hover .btn13 {

color:#26326a;
background: #cfb47b ;
cursor: pointer;
border:1px solid #cfb47b;
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;	

}

.clear_calendar {clear:both; height:1px;}







/*FOOTER*/


footer {
  padding: 4em 0 0 0;
  color: #f2f2f2;
  background:#222222;
  width: 100%;
}

footer p { margin:0; padding:0; }

footer p a {   color:#ffffff !important;}
footer p a:hover { text-decoration: underline;}

.footerwrapper {padding:0 1em; color:}

.footer_grid_20 { width: 100%; display: block; margin:0; padding:0 1em; text-align: left; }



.footer-nav-links-title a {
  margin:2em 0 0.5em 0;
  padding:0.25em;
  cursor: pointer;
  font-weight: 400;
  font-size: 1.2em;
  color:#ffffff !important;
  display: block;
}

.footer-nav-links-title a:hover {
    cursor: pointer;
    transition: color 0.2s ease;
background-color:rgba(0,0,0,0.5);
}

.footer-nav-links-group {
padding: 0 0.5em;
display:block;
  }

  .footer-nav-links-group a {
    padding: 0.25em 0;
    display: block;
    color: #bababa;
  }

    .footer-nav-links-group a:hover {
    cursor: pointer;
    transition: color 0.2s ease;
background-color:rgba(0,0,0,0.5);
  color:#ffffff !important;
  }



.bordertop {  border-top:1px solid #646464; padding: 2em 0;}



.social-container {
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    gap: 2em;
    text-align: right;;
}

.social-container .social-icon {
    min-width: auto;
    padding: 0.5em;
}




.social-container img {
  display: block;
  height: 3rem;
  max-width: 100%;
}

.social-container img.social-logo {
  height: 1.5rem;
  width: 100%;
}

.righticon{
float:right;
}



.box_divider { 
  padding:1em 0 1em 0;
  margin-bottom:2em;
  border-bottom:1px solid #dddddd;
}




.calendar_list { width:100%;}



    .month_group {
      margin-bottom: 4em;

    }

    .month_list_container {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      align-content: center;
      justify-content: flex-start;
    }


    .month_title {
      font-size: 1.6rem;
      font-weight: bold;
      margin-bottom: 1.25rem;
/*      border-bottom: 1px solid #ccc;*/
      padding-bottom: 0.5rem;
    }



        a.event_card_container {
  margin: 0.5em auto;
  padding:0.5em;
    /*border: 1px solid #ddd;*/
    border-radius: 1em;
    /*background: #fafafa;*/
          width: 95%;
    }


    a.event_card_container:hover {
        transform: scale(1.1);
        box-shadow:  0px 0px 18px 0px rgba(0,0,0,0.2)
    }

    .event_card {
    
    display: flex;
    color:#434343 !important;
  
    }



    .ec_day_date_month_container {
      text-align: center;
      margin:0 0.5em 0 0;
      padding:0.5em;
      border-right:1px solid #ddd;
      min-width:64px;
    }

     .ec_day {
      text-align: center;
      text-transform: uppercase;

            line-height: 90%;
            font-size:1.1em ;  
    }

    .ec_date {
      text-align: center;
      text-transform: uppercase;
      font-weight: bold;
      font-size:2.2em;
      line-height: 100%;
    }

         .ec_month {
      text-align: center;
      text-transform: uppercase;
      font-weight: bold;  
            line-height: 90%; 
                        font-size:1.2em ;    
    }

    .ec_event_info_container {
      text-align: left;
      padding:0.5em 0.5em 0 0.5em;
    }


.ec_event_type_pill {
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 2em;
    padding: 0.1em 1em 0.1em 1em;
    display: inline-block;
    margin:0 0 0.25em 0;
    background: rgba(0,0,0,0.05);
}

.ec_community {
  text-transform: uppercase;
  font-weight: bold;  
  line-height: 100%;
  font-size:1.5em ; 
}

.ec_location {
  font-weight: bold;  
  line-height: 100%;
  font-size:1.25em ; 
}


    .event_title {
      font-weight: 700;
      margin-bottom: 0.3rem;
      font-size: 1.2em;
    }

    .event_meta {
      color: #555;
      font-size: 0.95rem;
    }

    .error {
      color: red;
    }

.summit_style {display:inline-flex; padding:3px 10px; border:1px solid #cccccc; border-radius: 5em; font-weight: normal; }

.event_type_pill {
border: 1px solid;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 2em;
    padding: 0.25em 1em 0.25em 1em;
    z-index: 1;
    display: inline-block;
}









#portfolio { }

.calendar_container {

}
#attendee_role {
}


.attendee_role_selection {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
  list-style: none;}

  .attendee_role_selection label {
padding: 0.5em;
    margin: 0 0.75em 0.5em 0;
    border-radius: 0.25em;
    background-color: rgba(0, 0, 0, 0.05);
    min-width: 80px;
    cursor: pointer;
}

  .attendee_role_selection label:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.region_selection {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
  list-style: none;}

  .region_selection label {
padding: 0.5em;
    margin: 0 0.75em 0.5em 0;
    border-radius: 0.25em;
    background-color: rgba(0, 0, 0, 0.05);
    min-width: 80px;
    cursor: pointer;    
}

  .region_selection label:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.event_type_selection {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
  list-style: none;}

  .event_type_selection label {
padding: 0.5em;
    margin: 0 0.75em 0.5em 0;
    border-radius: 0.25em;
    background-color: rgba(0, 0, 0, 0.05);
    min-width: 80px;
    cursor: pointer;    
}

  .event_type_selection label:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.selection { padding: 0; margin: 0; width:100%; text-align:left; color:#434343; }







.selection input[type="radio"] {
  margin-top: -1px;
  margin-right: 5px;
  vertical-align: middle;
}
.selection input[type="checkbox"] {
  vertical-align: middle;
    margin-right: 5px;
}

/*
.selection span.criteria { display:block; }

.check_clear_btns { margin:0 0 1em 0; }

.selection span { display:inline-block; height:15px;   vertical-align: middle; }

.selection span b { color:#ffffff; }

.selection h4 { margin:0 0 1em 0; }

.selection label { display:inline-block; padding: 0.5em; margin:0 0.75em 0.5em 0; border-radius: 0.25em; background-color: rgba(0,0,0,0.1); min-width: 100px; }



*/

#region_box { margin: 0 0 1em 0; width:100%; }

#tag_box { margin: 0 0 1em 0; width:100%; }

#tag_box div { margin: 0 0 1em 0; }

#tag_box h4 { margin: 0; }

#display_results { padding:1em 0; margin: 0 0 1em 0; width:100%; background-color: rgba(255,255,255,0.5); }

#filtertagbox {padding:0 0 2em 0;}

.filter_btn { background:rgba(109,157,49,1); padding:1em; border-radius:0.5em; border:0; color:#f2f2f2;}

.filter_btn:hover { background:rgba(109,157,49,0.75); }


.filter_btn2 { background:rgba(109,157,49,1); padding:0.25em 1em; border-radius:0.5em; border:0; color:#f2f2f2; font-size:0.9em; margin:1em 0 1em 0;}

.filter_btn2:hover { background:rgba(109,157,49,0.75); }

/* Summit Listing */

.summit_listing { width:95%; padding:1em; margin:0 auto 1em; font-size:0.8em; border:1px solid #cccccc; text-align:center; background-color: rgba(255,255,255,1); }
.virtualstyle { border:1px dashed #f58220; }
.summit_listing p { }
.summit_listing_logo_date_loc { display:block; }
.summit_listing_logo { float:left; width:35%; text-align:center; }
.summit_listing_logo a { height: 100%;  }
.summit_listing_logo img { vertical-align: top; }
.summit_listing_date_loc { float:right; width:60%; text-align:left; border-left:1px solid #ccc; padding: 0 0 0 1em; min-height:75px; }
.summit_listing_date_loc p { margin:0; padding:0; }
.summit_listing_date { display:block; font-size:1.2em; font-weight:bold; }
.summit_listing_loc	{ display:block; }

.summit_listing_virtual_details { display:block; margin:1em 0; }
.summit_listing_virtual_details h3 { font-weight:bold; text-align:left; }
.summit_listing_virtual_details h5 { font-size:1.1em; font-weight:bold; margin: 0 0 0.5em 0; text-align:left; }
.summit_listing_virtual_details ul { margin: 0; line-height:1.25em; }
.summit_listing_title {  }
.summit_listing_title p:before { }
.summit_listing_desc { line-height:1.25em; }
.summit_listing_desc p:before { }
.summit_listing_companies { width:100%; margin:1em 0 0 0; }
.summit_listing_companies img { max-width:100%; height:auto; border: 1px solid #ccc; }
.summit_listing_companies p:before  {  }
.summit_listing_companies p  { width: 100%; } 
.summit_listing_partner { margin:1em 0 0 0; }
.summit_listing_partner img { max-width:100%; height:auto; border: 1px solid #ccc; }
.summit_listing_partner p:before  {  }
.summit_listing_partner p  { width: 100%;} 
.summit_listing_attendee_profile { margin:1em 0 0 0; }
.summit_listing_attendee_profile p:before { }

.summit_listing_buttons { display:block; margin: 1em 0 0 0; }
.summit_listing_buttons p { margin:0; padding:0; }

.mobile_display_details { display:none; }






.agenda-table-wrap  {
    margin: 2em 0 6em 0;
}



.agenda-table {}




.agenda-table-wrap .agenda-line {
    margin: 1em auto;
    border: 1px solid rgba(17, 17, 17, 0.25);
    background: rgba(0,0,0,0.05);
    border-radius: 1em;
    width:85%;
    display: block;
    padding:1em;

}

.agenda-table-wrap .agenda-line div.time {
        font-weight: bold;
        text-align: left !important;
    }

    .agenda-table-wrap .agenda-line div.session {

         text-align: left !important;

    }

        .agenda-table-wrap .agenda-line div.session h4 {
         text-align: left !important;
         margin:0.5em 0;
    }

            .agenda-table-wrap .agenda-line div.time h4 {
         text-align: left !important;
         color:#8dc73f;
         margin:0.5em 0;
    }






    .agenda-table-wrap .agenda-line2 {
    margin: 1em auto;
    border: 1px solid rgba(17, 17, 17, 0.25);
    background: rgba(0,0,0,0.05);
    border-radius: 1em;
    width:85%;
    display: block;
    padding:0.5em 1em;

}

.agenda-table-wrap .agenda-line2 div.time2 {
        font-weight: bold;
        text-align: left !important;
    }

    .agenda-table-wrap .agenda-line2 div.session2 {

         text-align: left !important;

    }

        .agenda-table-wrap .agenda-line2 div.session2 h4 {
         text-align: left !important;
         margin:0.5em 0;
    }

            .agenda-table-wrap .agenda-line2 div.time2 h4 {
         text-align: left !important;
         color:#8dc73f;
         margin:0.5em 0;
    }


    


.rtd { border-color: #6d9d31; background-color: #6d9d31; color: #ffffff !important;}
.caio {border-color: rgba(27,126,132,1); background-color: rgba(27,126,132,1);  color: #ffffff !important;}
.cdo {border-color: rgba(100,6,6,1); background-color: rgba(100,6,6,1);  color: #ffffff !important;}
.ciso {border-color: rgba(14,91,147,1); background-color: rgba(14,91,147,1);  color: #ffffff !important;}
.cio {border-color: rgba(59,55,127,1); background-color: rgba(59,55,127,1);  color: #ffffff !important;}
.cfo {border-color: rgba(89,112,90,1); background-color: rgba(89,112,90,1);  color: #ffffff !important;}
.cmo {border-color: rgba(27,59,130,1); background-color: rgba(27,59,130,1);  color: #ffffff !important;}
.clo {border-color: rgba(132,23,80,1); background-color: rgba(132,23,80,1);  color: #ffffff !important;}
.chro {border-color: rgba(132,23,80,1); background-color: rgba(132,23,80,1);  color: #ffffff !important;}
.ht {border-color: rgba(0,75,74,1); background-color: rgba(0,75,74,1);  color: #ffffff !important;}
.hc {border-color: rgba(0,75,74,1); background-color: rgba(0,75,74,1);  color: #ffffff !important;}
.cx {border-color: rgba(116,20,114,1); background-color: rgba(116,20,114,1);  color: #ffffff !important;}
.gtm {border-color: rgba(189,70,30,1); background-color: rgba(189,70,30,1);  color: #ffffff !important;}
.cro {border-color: rgba(189,70,30,1); background-color: rgba(189,70,30,1);  color: #ffffff !important;}
.fs {border-color: rgba(89,112,90,1); background-color: rgba(89,112,90,1);  color: #ffffff !important;}
.ps {border-color: rgba(150,112,153,1); background-color: rgba(150,112,153,1);  color: #ffffff !important;}
.csco {border-color: rgba(197,174,10,1); background-color: rgba(197,174,10,1);  color: #ffffff !important;}
.int { border-color: #cfb47b; background-color: #cfb47b !important; color: rgba(48,49,80,1) !important;}

.rtd1 {background-color: #ffffff !important; border-color: #ffffff; color: #6d9d31 !important;}
.rtd2 {background-color: #6d9d31 !important; color: #ffffff !important;}

.int2 {background-color: rgba(48,49,80,1) !important; color: #ffffff !important;}




.caio1 {border-color: rgba(27,126,132,1); color: rgba(27,126,132,1); }
.cdo1 {border-color: rgba(100,6,6,1); color: rgba(100,6,6,1); }
.ciso1 {border-color: rgba(14,91,147,1); color: rgba(14,91,147,1); }
.cio1 {border-color: rgba(59,55,127,1); color: rgba(59,55,127,1); }
.cfo1 {border-color: rgba(89,112,90,1); color: rgba(89,112,90,1); }
.fs1 {border-color: rgba(89,112,90,1); color: rgba(89,112,90,1); }
.cmo1 {border-color: rgba(27,59,130,1); color: rgba(27,59,130,1); }
.clo1 {border-color: rgba(132,23,80,1); color: rgba(132,23,80,1); }
.chro1 {border-color: rgba(132,23,80,1); color: rgba(132,23,80,1); }
.ht1 {border-color: rgba(0,75,74,1); color: rgba(0,75,74,1); }
.hc1 {border-color: rgba(0,75,74,1); color: rgba(0,75,74,1); }
.cx1 {border-color: rgba(116,20,114,1); color: rgba(116,20,114,1); }
.gtm1 {border-color: rgba(189,70,30,1); color: rgba(189,70,30,1); }
.cro1 {border-color: rgba(189,70,30,1); color: rgba(189,70,30,1); }
.csco1 {border-color: rgba(145,129,0,1); color: rgba(145,129,0,1); }
.ps1 {border-color: rgba(150,112,153,1); color: rgba(145,129,0,1); }

.int1 { border-color: #cfb47b; color: #cfb47b !important;}

a.calendar_item_morelink:hover .rtd { border-color: #6d9d31; background-color: #6d9d31; color: #ffffff !important;}
a.calendar_item_morelink:hover .caio {border-color: rgba(27,126,132,1); background-color: rgba(27,126,132,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .cdo {border-color: rgba(100,6,6,1); background-color: rgba(100,6,6,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .ciso {border-color: rgba(14,91,147,1); background-color: rgba(14,91,147,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .cio {border-color: rgba(59,55,127,1); background-color: rgba(59,55,127,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .cfo {border-color: rgba(89,112,90,1); background-color: rgba(89,112,90,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .fs {border-color: rgba(89,112,90,1); background-color: rgba(89,112,90,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .cmo {border-color: rgba(27,59,130,1); background-color: rgba(27,59,130,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .clo {border-color: rgba(132,23,80,1); background-color: rgba(132,23,80,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .chro {border-color: rgba(132,23,80,1); background-color: rgba(132,23,80,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .ht {border-color: rgba(0,75,74,1); background-color: rgba(0,75,74,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .hc {border-color: rgba(0,75,74,1); background-color: rgba(0,75,74,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .cx {border-color: rgba(116,20,114,1); background-color: rgba(116,20,114,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .gtm {border-color: rgba(189,70,30,1); background-color: rgba(189,70,30,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .cro {border-color: rgba(189,70,30,1); background-color: rgba(189,70,30,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .ps {border-color: rgba(197,174,10,1); background-color: rgba(189,70,30,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .int { border-color: #cfb47b; background-color: #cfb47b !important; color: rgba(48,49,80,1) !important;}





a.calendar_item_morelink:hover .rtd1 { border-color: #ffffff; background-color: #6d9d31; color: #6d9d31 !important;}
a.calendar_item_morelink:hover .caio1 {border-color: rgba(27,126,132,1); background-color: rgba(27,126,132,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .cdo1 {border-color: rgba(100,6,6,1); background-color: rgba(100,6,6,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .ciso1 {border-color: rgba(14,91,147,1); background-color: rgba(14,91,147,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .cio1 {border-color: rgba(59,55,127,1); background-color: rgba(59,55,127,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .cfo1 {border-color: rgba(89,112,90,1); background-color: rgba(89,112,90,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .fs1 {border-color: rgba(89,112,90,1); background-color: rgba(89,112,90,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .cmo1 {border-color: rgba(27,59,130,1); background-color: rgba(27,59,130,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .clo1 {border-color: rgba(132,23,80,1); background-color: rgba(132,23,80,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .chro1 {border-color: rgba(132,23,80,1); background-color: rgba(132,23,80,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .ht1 {border-color: rgba(0,75,74,1); background-color: rgba(0,75,74,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .hc1 {border-color: rgba(0,75,74,1); background-color: rgba(0,75,74,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .cx1 {border-color: rgba(116,20,114,1); background-color: rgba(116,20,114,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .gtm1 {border-color: rgba(189,70,30,1); background-color: rgba(189,70,30,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .cro1 {border-color: rgba(189,70,30,1); background-color: rgba(189,70,30,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .ps1 {border-color: rgba(197,174,10,1); background-color: rgba(189,70,30,1);  color: #ffffff !important;}
a.calendar_item_morelink:hover .int1 { border-color: #cfb47b; background-color: #cfb47b !important; color: rgba(48,49,80,1) !important;}





    .grid_formcol {margin:0 auto; width:96%; color: #222222;}
    
    
 #registration{
    width:90%;
    text-align:left;	
    }  
    
    /* Makes responsive fields.Sets size and field alignment.*/
    #registration input[type=text]{

    width:100%;
       padding: 1em;
    border-radius:0.5em;
    border:1px solid #cccccc;
        font-size: 1.2em;
    }
    
    #registration option{

    width:100%;
    padding: 1em;
    border-radius:0.5em;
    border:1px solid #cccccc;
            font-size: 1.2em;
    }
    
    #registration select{
 
    width:100%;
    padding: 1em;
    border-radius:0.5em;
    border:1px solid #cccccc;
            font-size: 1.2em;
    }
    
    #registration input[type=submit]
    {
    margin: 1em 0;
    width: 100%;
    padding: 1em;
    border-radius: 1em;
    background-color:#8dc73f;
    cursor: pointer;
    color: #ffffff;
    font-weight: bold;
           font-size: 1.2em;
           border:0;
    }


   #registration input[type=submit]:hover
    {
    background-color: #6d9d31;
    -webkit-transition: background 250ms ease;
    -moz-transition: background 250ms  ease;
    -o-transition: background 250ms  ease;
    transition: background 250ms  ease;	
    }


        #registration input[type=reset]
    {
     
    padding: 0.5em 1em;
    border-radius: 0.5em;
    cursor: pointer;
        border: 1px solid #cccccc;
        font-size: 1.2em;
        background-color: #dadada;
    }

            #registration input[type=reset]:hover
    {
     
        background-color: #bababa;
    }


    #registration textarea{
    width:100%;
    padding: 15px;
    border:1px solid #cccccc;
    border-radius:5px; 
    resize:none;
    } 
    #registration input[type=text]:focus,textarea:focus {
    border-color: #4697e4;
    }
    
    #registration label {     margin: 0 0.5em 0 0; }
    
    #registration input[type="checkbox"] { height: 1.25em;
    width: 1.25em; margin: 0 0.25em 0 0; }
    
    #registration input[type="radio"] { height: 1.5em;
    width: 1.5em;  margin: 0 0.25em 0 0; vertical-align: bottom;}
    

    #registration .form_label_1 {font-size:1.1em;}

    
  .checkboxlist {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
text-align: left !important;
padding: 0.5em 1em;
    border: 1px solid #cccccc;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 0.5em;
  }





  .checkboxlist  .checkboxlist-item {
    margin: 0.25em 0.5em 0 0;
    padding: 0.5em 0.5em 0.5em 0;
    /*background: rgba(255, 255, 255, 1);
    border-radius: 0.5em;
    vertical-align: middle;
    border: 1px solid #cccccc;*/
    }


.checkboxlist-item {
  display: flex;
  align-items: center;
}
 
.checkboxlist-item input[type="checkbox"] {
  margin-right: 0.5em;
}
 
.checkboxlist-item label {
  margin: 0;
}






  .flex-grid-bio {
    display: block;

  }

  .flex-grid-bio  .col {
      width: 100%;
          margin:0 0 1em 0;
    }




.teamdetails {display:block; background:rgba(255,255,255,0.1); border-radius: 1.25em; padding:2em 1em; min-height: 333px;
    min-width: 100%;}

.teamdetails:hover { 
/*border: 1px solid #cccccc; */
background:rgba(255,255,255,0.2);
-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;
	transform: scale(1.03);
  box-shadow:  0px 0px 18px 0px rgba(0,0,0,0.3)
}

.teamhead { margin: 0; }
.teamhead img { height: 200px; width:200px; border-radius: 50%; }
.teamnametitle { padding:1em 0 0 0; }
.teamnametitle p { margin:0 auto; font-size: 1em; padding:0; line-height:110%; color: #f2f2f2;}
.teamnametitle p.teamname {margin:0; padding:0; font-weight: bold; font-size:1.75em;}
.teamnametitle p.teamtitle {margin:0; padding:0.5em 0 0 0; font-size:1.25em;}






.modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.65);
    justify-content: center;
    align-items: center;
    z-index: 999;
    padding: 2em;
  }

  .modal.show {
    display: flex;
  }

  .modal-content {
    background: #fff;
    max-width: 800px;
    width: 100%;
    padding: 3em;
    border-radius: 1.5em;
    text-align: center;
    position: relative;
    color:#434343;
  }

  .modal-content img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
  }

  .close-modal {
    position: absolute;
    top: 12px;
    right: 16px;
    border: 0;
    background: none;
    font-size: 28px;
    cursor: pointer;
  }

  .open-modal {
    cursor: pointer;
    background: none;
    border: 0;
    width:100%;
  }

.modalheadnametitle { display:block;}

.modalheadnametitle h2 { font-size:1.5em; margin:1em 0 0.5em 0; padding:0;}
.modalheadnametitle h3 { font-size:1.125em; margin:0 0 1em 0; padding:0;}  

.modalfullbio { display:block; padding:2em 1em 1em 1em; text-align: center;}

.modalfullbio p { font-size:1.1em; line-height: 125%; white-space: pre-line;}

.formoutput {font-size:1.25em; line-height: 150%;}


.regtab {display:none;}
#abm4 {display:none;}
.subnavbar {display:none;}


.logo-carousel {
    overflow: hidden;
    width: 100%;
    padding: 30px 0;
    background: #fff;
    position: relative;
    margin:0 auto;
    z-index: 999;
}

.logo-track {
    display: flex;
    align-items: center;
    gap: 4em;
    width: max-content;
    animation: marquee 43s linear infinite;
}

.logo-track img {
    height: 150px;
    width: auto;
    flex-shrink: 0;
    /*filter: grayscale(100%);*/
    opacity: .9;
    transition: .3s;
}

.logo-track img:hover {
    filter: grayscale(0%);
    opacity: 1;
}

.logo-carousel:hover .logo-track {
    animation-play-state: paused;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}